:root{--ink:#16181c;--ink2:#4a5159;--ground:#f7f5f1;--card:#fff;--line:#e2ded6;--line2:#edeae3;--teal:#1f4e5f;--clay:#b4470c;--clay2:#8f3808;--green:#2f6b4f;--green2:#23563e;--dark:#1a2428}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:#e9e5de;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;font-size:14px}a{color:var(--teal)}.app{min-height:100vh;display:flex}nav{background:var(--dark);flex-direction:column;flex-shrink:0;gap:4px;width:232px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{color:#fff;border-bottom:1px solid #2e3e45;margin-bottom:10px;padding:0 10px 16px;font-size:15px;font-weight:600;line-height:1.3}.brand small{color:#8fa3ac;margin-top:3px;font-size:11.5px;font-weight:400;display:block}nav a{color:#c8d4d9;border-radius:7px;padding:8px 10px;font-size:13.5px;text-decoration:none;display:block}nav a:hover{color:#fff;background:#243238}nav a.on{background:var(--teal);color:#fff}main{flex:1;max-width:1500px;padding:26px 34px 60px}.hd{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:20px;display:flex}.hd h1{margin:0 0 3px;font-size:23px;font-weight:600}.hd .sub{color:var(--ink2);margin:0;font-size:13px}.hd .sp{flex:1}.card{background:var(--card);border:1px solid var(--line);border-radius:11px;margin-bottom:18px;padding:18px 20px}.card h2{margin:0 0 12px;font-size:14.5px;font-weight:600}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:15px 17px}.kpi .lb{color:var(--ink2);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}.kpi .vl{margin-top:5px;font-size:27px;font-weight:600;line-height:1.1}.kpi .ft{color:var(--ink2);margin-top:5px;font-size:11.5px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink2);border-bottom:1px solid var(--line);padding:0 10px 8px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--line2);vertical-align:top;padding:11px 10px}td.r,th.r{text-align:right}tr:last-child td{border-bottom:none}.s{color:var(--ink2);margin-top:2px;font-size:11.5px;display:block}.pill{white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:11.5px;display:inline-block}.p-ok{color:var(--green2);background:#e4f0e9}.p-warn{color:var(--clay2);background:#fbeadf}.p-bad{color:#8f1d08;background:#fadfda}.p-none{color:var(--ink2);background:#edeae3}.p-ex{color:#5b3a70;background:#ede4f2}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:8px 15px;font-family:inherit;font-size:13.5px;text-decoration:none;display:inline-block}.btn:hover{background:var(--ground)}.btn.pri{background:var(--teal);border-color:var(--teal);color:#fff}.btn.pri:hover{background:#17404f}.btn.gh{color:var(--ink2);background:0 0;border-color:#c9c2b6}label{color:var(--ink2);margin-bottom:4px;font-size:12px;font-weight:500;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:13.5px}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:2px solid #bbd3db}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}fieldset{border:none;margin:0 0 22px;padding:0}fieldset legend{text-transform:uppercase;letter-spacing:.05em;color:var(--teal);padding:0 0 10px;font-size:12px;font-weight:600}.foot{color:var(--ink2);margin:5px 0 0;font-size:11.5px;line-height:1.5}.bar{background:var(--line2);border-radius:5px;height:9px;overflow:hidden}.bar i{background:var(--teal);border-radius:5px;height:100%;display:block}.bar i.over{background:var(--clay)}.bl{justify-content:space-between;margin-bottom:5px;font-size:12.5px;display:flex}.banner{background:#f3eaf7;border:1px solid #d9c4e4;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:13px 17px;display:flex}.banner b{color:#5b3a70;font-size:13px}.banner p{color:#5b3a70;margin:3px 0 0;font-size:12.5px;line-height:1.5}.warn{background:#fcf3ec;border:1px solid #ebcdb4;border-radius:10px;padding:13px 17px}.warn b{color:var(--clay2);font-size:13px}.warn p{color:#4a3a2e;margin:5px 0 0;font-size:12.5px;line-height:1.5}.empty{text-align:center;color:var(--ink2);padding:46px 20px}.empty b{color:var(--ink);margin-bottom:6px;font-size:15px;display:block}.hist{margin:0;padding:0;list-style:none}.hist li{border-bottom:1px solid var(--line2);padding:9px 0;font-size:12.5px}.hist li:last-child{border-bottom:none}.hist .w,.hist s{color:var(--ink2)}@media (max-width:900px){.app{flex-direction:column}nav{flex-flow:wrap;width:auto;height:auto;position:static}.brand{width:100%;padding-bottom:10px}main{padding:20px 16px 44px}.kpis,.g2,.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}table{font-size:12.5px}}