:root{
  --bg:#f5f6f2;--surface:#fff;--surface2:#eef1eb;--text:#1f2822;--muted:#69736d;--border:#dce3dc;
  --brand:#2f6643;--brand2:#e6f0e8;--orange:#f79633;--danger:#a33e3e;--warn:#9c6b1c;--ok:#39724e;
  --shadow:0 8px 30px rgba(31,40,34,.06)
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(47,102,67,.22);outline-offset:2px}
.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#202a23;color:#fff;padding:20px 16px;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;gap:11px;align-items:center;padding:4px 8px 20px}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--orange);color:#202a23;display:grid;place-items:center;font-weight:900}
.brand strong,.brand span{display:block}.brand span{font-size:12px;opacity:.65;margin-top:2px}#main-nav{display:grid;gap:4px;overflow:auto;padding-right:3px}
.nav{border:0;background:transparent;color:rgba(255,255,255,.7);text-align:left;padding:10px 12px;border-radius:9px}.nav.active,.nav:hover{color:white;background:rgba(255,255,255,.09)}
.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:15px 8px 0}.plan span,.plan strong,.plan small{display:block}.plan span,.plan small{opacity:.6;font-size:12px}.plan strong{margin:3px 0}.link-danger{border:0;background:transparent;color:#ffc8c8;padding:10px 0;margin-top:8px}
.main{margin-left:260px;padding:28px;max-width:1500px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:24px}
.eyebrow{margin:0 0 5px;color:var(--brand);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}h1{margin:0;font-size:clamp(26px,3vw,38px)}h2{margin:0;font-size:19px}.muted{color:var(--muted);font-size:14px;margin:5px 0 0;line-height:1.5}
.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{min-height:42px;border-radius:9px;padding:10px 14px;border:1px solid var(--border);font-weight:750}.btn.primary{background:var(--brand);border-color:var(--brand);color:white}.btn.secondary{background:white;color:var(--text)}.btn.full{width:100%}
.panel{display:none;gap:18px}.panel.active{display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.hero-card{display:flex;justify-content:space-between;align-items:center;gap:18px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-grid.small{grid-template-columns:repeat(3,1fr)}.kpi{background:white;border:1px solid var(--border);border-radius:13px;padding:17px}.kpi span,.kpi strong,.kpi small{display:block}.kpi span{color:var(--muted);font-size:12px}.kpi strong{font-size:25px;margin:5px 0}.kpi small{color:var(--muted)}
.callout{display:none;background:var(--brand2);border:1px solid #cbdccb;border-radius:13px;padding:17px}.callout.show{display:flex;justify-content:space-between;gap:14px;align-items:center}.stack{display:grid;gap:9px}.stack.compact{gap:6px}.item{background:var(--surface2);border-radius:10px;padding:13px}.item.row{display:flex;justify-content:space-between;gap:14px;align-items:center}.item strong,.item span,.item small{display:block}.item small,.item span.meta{color:var(--muted);font-size:13px}
.flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flow span{padding:10px 12px;background:var(--surface2);border-radius:999px;font-weight:700}.flow b{color:var(--muted)}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.journey-step{background:white;border:1px solid var(--border);border-radius:13px;padding:17px}.journey-step.done{border-color:#a8c7b0;background:#f1f7f2}.journey-step .num{width:29px;height:29px;border-radius:999px;background:var(--surface2);display:grid;place-items:center;font-weight:800;margin-bottom:11px}.journey-step.done .num{background:var(--brand);color:white}.journey-step button{margin-top:13px}
.tabs{display:flex;gap:7px;overflow-x:auto}.tab{border:1px solid var(--border);background:white;padding:9px 12px;border-radius:9px;white-space:nowrap}.tab.active{background:var(--brand2);border-color:#bdd0c0;color:var(--brand);font-weight:800}.hidden{display:none!important}
.table-zone{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--surface2);font-size:12px;font-weight:750}.badge.ok{background:#e6f3ea;color:var(--ok)}.badge.warn{background:#fff1d8;color:var(--warn)}.badge.danger{background:#fae7e7;color:var(--danger)}
.offer-grid,.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.offer-card,.catalog-card{border:1px solid var(--border);border-radius:12px;padding:15px;background:white}.offer-card h3,.catalog-card h3{margin:0 0 5px}.offer-card .stock,.catalog-card .stock{color:var(--muted);font-size:13px}.offer-card .price,.catalog-card .price{font-size:20px;font-weight:850;margin:11px 0}.switch-row{display:flex;align-items:center;gap:8px}.switch-row input{width:18px;height:18px}
.demand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.demand-card{padding:15px;background:var(--surface2);border-radius:11px}.demand-card h3{margin:0 0 11px}.demand-card ul{margin:0;padding-left:18px;color:var(--muted)}.demand-card li{margin:5px 0}
.route-chip{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--brand2);color:var(--brand);font-size:12px;font-weight:700}
.catalog-shell{background:white;border:1px solid var(--border);border-radius:16px;padding:22px}.catalog-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.catalog-card button{width:100%}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:var(--muted)}input,select,textarea{min-height:43px;border:1px solid var(--border);border-radius:9px;background:white;padding:9px 11px;color:var(--text);width:100%;font-size:16px}textarea{min-height:88px;resize:vertical}
.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.small-btn{border:1px solid var(--border);background:white;border-radius:8px;padding:7px 9px;font-size:12px}
.modal,.drawer{position:fixed;inset:0;background:rgba(16,24,18,.46);z-index:50;display:grid;place-items:center;padding:18px}.modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:white;border-radius:15px;padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.icon-btn{width:40px;height:40px;border-radius:9px;border:1px solid var(--border);background:white;font-size:24px}.drawer{place-items:stretch end}.drawer-card{width:min(430px,100%);height:100%;overflow:auto;background:white;padding:20px}.cart-total{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:16px 0;margin-top:14px}
.toast{position:fixed;right:22px;top:18px;z-index:80;background:#1e2921;color:white;padding:11px 14px;border-radius:9px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.toast.show{opacity:1;transform:none}
.mobile-nav{display:none}
@media(max-width:1100px){.kpi-grid,.kpi-grid.small{grid-template-columns:repeat(2,1fr)}.journey-grid{grid-template-columns:repeat(2,1fr)}.offer-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){body{padding-bottom:70px}.sidebar{display:none}.main{margin-left:0;padding:18px 13px}.topbar{flex-direction:column}.actions{width:100%}.actions .btn{flex:1}.grid-2{grid-template-columns:1fr}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:30;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.97);border-top:1px solid var(--border)}.mobile-nav-btn{border:0;background:transparent;padding:13px 4px;font-size:12px;color:var(--muted)}.mobile-nav-btn.active{color:var(--brand);font-weight:850}.hero-card{align-items:flex-start;flex-direction:column}.demand-grid{grid-template-columns:1fr}.callout.show{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.kpi-grid,.kpi-grid.small{grid-template-columns:1fr 1fr}.journey-grid,.offer-grid,.catalog-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.catalog-header{flex-direction:column}.catalog-header .btn{width:100%}.card{padding:16px}.item.row{align-items:flex-start;flex-direction:column}}