:root{--bg:#f4f7f4;--surface:#fff;--primary:#2f5d45;--primary2:#1f4431;--muted:#6f7a73;--border:#dfe6e1;--danger:#a94f4f;--warning:#b98528;--info:#446c8c;--shadow:0 14px 40px rgba(31,68,49,.08);--sidebar:245px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:#19231d}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--primary);color:#fff}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--primary);text-transform:uppercase}.muted{color:var(--muted)}.badge{display:inline-block;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:700}.success{background:#e5f1e8;color:#3f7b58}.warning{background:#f7efd9;color:#8c6720}.danger{background:#f7e8e8;color:#a94f4f}.info{background:#e6eef5;color:#446c8c}.neutral{background:#edf0ee;color:#66716a}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:700}.btn.primary{background:var(--primary);color:white}.btn.secondary{background:#eef4ef;color:var(--primary)}.btn.ghost{background:white;border:1px solid var(--border)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-visual{background:linear-gradient(145deg,var(--primary2),var(--primary));padding:54px;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-visual h1{font-size:58px;line-height:1.02;max-width:620px;letter-spacing:-.05em}.login-visual p{color:#d9e7dd;font-size:18px;max-width:540px}.login-panel{background:#fff;display:grid;place-items:center;padding:40px}.login-box{width:min(420px,100%)}.login-box h2{font-size:34px;margin-bottom:8px}.field{margin:17px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input{width:100%;height:50px;border:1px solid var(--border);border-radius:10px;padding:0 14px}.form-row{display:flex;justify-content:space-between;font-size:12px;margin:18px 0 24px}.app{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#1c3024;color:white;padding:25px 16px}.sidebar nav{margin-top:38px}.sidebar nav a{display:block;padding:11px 12px;border-radius:9px;color:#bdc9c1;font-size:13px;margin:3px 0}.sidebar nav a.active,.sidebar nav a:hover{background:#314a39;color:white}.workspace{margin-left:var(--sidebar);width:calc(100% - var(--sidebar))}.topbar{height:72px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.content{padding:30px}.page-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font-size:30px;margin:0 0 6px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.kpi,.panel{background:white;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.kpi{padding:18px}.kpi small{font-size:10px;color:var(--muted);font-weight:800}.kpi strong{display:block;font-size:30px;margin:8px 0}.panel{padding:22px;margin-bottom:18px}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1ee;font-size:12px}th{font-size:10px;color:var(--muted);text-transform:uppercase}.producer-top{height:72px;background:white;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 5%}.producer-main{width:min(1100px,90%);margin:36px auto}.producer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{border:1px solid var(--border);border-radius:10px;padding:13px}.doc{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:10px;padding:12px;margin:10px 0}.progress{height:8px;background:#e9eeea;border-radius:999px}.progress span{display:block;height:100%;width:50%;background:var(--primary);border-radius:999px}@media(max-width:900px){.kpi-grid,.grid-2,.producer-grid{grid-template-columns:1fr 1fr}.sidebar{display:none}.workspace{margin:0;width:100%}.login-shell{grid-template-columns:1fr}.login-visual{display:none}}@media(max-width:650px){.kpi-grid,.grid-2,.producer-grid,.info-grid{grid-template-columns:1fr}}

.producer-visual{
  background:
    radial-gradient(circle at 15% 20%,rgba(255,255,255,.10),transparent 25%),
    radial-gradient(circle at 80% 78%,rgba(255,255,255,.08),transparent 30%),
    linear-gradient(145deg,#23452f,#397052);
}
.producer-login-points{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:30px;
}
.producer-login-points span{
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  color:#e7f0e9;
  padding:8px 11px;
  border-radius:999px;
  font-size:12px;
}
.prototype-note{
  margin-top:24px;
  padding:13px 14px;
  border-radius:10px;
  background:#eef4ef;
  color:#68756c;
  font-size:12px;
  line-height:1.55;
}