:root{--green-900:#08421f;--green-800:#0a5730;--green-700:#0b6b3a;--green-600:#128a4a;--green-500:#1e9e3e;--green-050:#edf6f0;--gold-600:#c79a00;--gold-500:#f2c200;--gold-100:#fff6d6;--ink:#16241c;--ink-2:#4a5a51;--ink-3:#7b8a82;--bg:#f4f7f5;--card:#fff;--line:#dde6e0;--red:#b3261e;--red-bg:#fcecea;--amber:#8a5a00;--amber-bg:#fff4dc;--r:12px;--sh:0 1px 2px #10281c0f,0 4px 14px #10281c0d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:700}a{color:var(--green-700);text-decoration:none}a:hover{text-decoration:underline}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.demobar{background:var(--gold-500);color:#3a2e00;text-align:center;letter-spacing:.01em;padding:7px 16px;font-size:12.5px;font-weight:700}.demobar span{font-weight:500}.shell{grid-template-columns:214px 1fr;min-height:100vh;display:grid}.side{background:var(--green-800);color:#dcefe3;height:100vh;padding:14px 10px;position:sticky;top:0;overflow-y:auto}.side .brand{border-bottom:1px solid #1a6b41;align-items:center;gap:9px;margin-bottom:10px;padding:4px 8px 14px;display:flex}.side .brand img{background:#fff;border-radius:50%;flex:none;width:36px;height:36px;padding:2px}.side .brand b{color:#fff;font-size:13px;line-height:1.2;display:block}.side .brand b span{color:var(--gold-500);margin-top:2px;font-size:10px;font-weight:700;display:block}.side a{color:#cde6d8;border-radius:8px;align-items:center;gap:8px;margin-bottom:1px;padding:7px 10px;font-size:13px;display:flex}.side a:hover{background:#0e6a3c;text-decoration:none}.side a.on{background:var(--green-600);color:#fff;box-shadow:inset 3px 0 0 var(--gold-500);font-weight:700}.side a i{text-align:center;opacity:.85;width:15px;font-style:normal}.side .grp{text-transform:uppercase;letter-spacing:.09em;color:#7fb79a;margin:13px 10px 5px;font-size:9.5px;font-weight:800}.side .foot{color:#8fc4a6;border-top:1px solid #1a6b41;margin-top:16px;padding:10px;font-size:10.5px;line-height:1.5}.main{max-width:100%;padding:18px 22px 60px;overflow-x:hidden}.top{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.top h1{font-size:20px}.top .sub{color:var(--ink-3);margin-top:2px;font-size:12.5px}.top .right{align-items:center;gap:8px;margin-left:auto;display:flex}.avatar{background:var(--green-500);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.btn{background:var(--green-700);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.btn:hover{background:var(--green-600);color:#fff;text-decoration:none}.btn.gold{background:var(--gold-500);color:#3a2e00}.btn.ghost{color:var(--green-700);border:1.5px solid var(--green-700);background:#fff}.btn.sm{padding:5px 10px;font-size:12px}input,select{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;width:100%;padding:8px 11px;font-family:inherit;font-size:13px}input:focus,select:focus{outline:2px solid var(--green-500);outline-offset:1px;border-color:var(--green-500)}label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.field{margin-bottom:12px}.hint{color:var(--ink-3);margin-top:4px;font-size:11.5px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px;margin-bottom:14px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 13px}.kpi .lbl{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:10.5px;font-weight:800}.kpi .val{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.kpi .val.sm{font-size:15px}.kpi .foot{color:var(--green-600);margin-top:4px;font-size:11px;font-weight:600}.kpi .foot.warn{color:var(--amber)}.kpi .foot.bad{color:var(--red)}.kpi.gold{border-top:3px solid var(--gold-500)}.kpi.grn{border-top:3px solid var(--green-500)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;overflow:hidden}.panel>h3{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:11px 14px;font-size:13.5px;display:flex}.panel>h3 .r{color:var(--ink-3);margin-left:auto;font-size:11.5px;font-weight:600}.panel .pad{padding:14px}.cols{gap:14px;display:grid}.c2{grid-template-columns:1fr 1fr}.c3{grid-template-columns:repeat(3,1fr)}.c21{grid-template-columns:1.7fr 1fr}.c12{grid-template-columns:1fr 1.7fr}table{border-collapse:collapse;width:100%;font-size:12.5px}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;background:#fafcfa;padding:8px 10px;font-size:10.5px;font-weight:800}td{vertical-align:middle;border-bottom:1px solid #eef3ef;padding:7px 10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafcfa}tfoot td{background:var(--green-050);border-top:2px solid var(--green-500);font-weight:800}.scroll{overflow-x:auto}.pill{white-space:nowrap;border-radius:999px;padding:2.5px 8px;font-size:10.5px;font-weight:800;display:inline-block}.p-ok{color:#0a5730;background:#e4f5e9}.p-wait{background:var(--gold-100);color:var(--amber)}.p-bad{background:var(--red-bg);color:var(--red)}.p-info{color:#1b4c8f;background:#e8f0fb}.p-mut{color:var(--ink-2);background:#eef2f0}.alert{border:1px solid;border-radius:9px;margin-bottom:12px;padding:11px 13px;font-size:12.5px}.a-warn{background:var(--amber-bg);color:#6b4700;border-color:#e8ce93}.a-bad{background:var(--red-bg);color:#8a1d17;border-color:#efc4bf}.a-ok{color:#0a5730;background:#e9f7ee;border-color:#b6dfc4}.alert b{margin-bottom:2px;display:block}.tabs{border-bottom:1.5px solid var(--line);flex-wrap:wrap;gap:2px;margin-bottom:14px;display:flex}.tabs a{color:var(--ink-3);border-bottom:3px solid #0000;margin-bottom:-1.5px;padding:8px 13px;font-size:12.5px;font-weight:700}.tabs a:hover{color:var(--green-700);text-decoration:none}.tabs a.on{color:var(--green-700);border-bottom-color:var(--gold-500)}.loginwrap{background:linear-gradient(135deg,var(--green-800),var(--green-600));place-items:center;min-height:100vh;padding:24px 16px;display:grid}.loginbox{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:28px 26px;box-shadow:0 18px 44px #00000038}.loginbox img{border-radius:50%;width:88px;height:88px;margin:0 auto;display:block}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{flex-wrap:wrap;gap:4px;height:auto;padding:10px;display:flex;position:static}.side .brand{border:0;width:100%;margin-bottom:4px;padding-bottom:8px}.side .grp,.side .foot{display:none}.side a{padding:6px 9px;font-size:12px}.c2,.c3,.c21,.c12{grid-template-columns:1fr}.main{padding:14px}body{font-size:16px}}