:root{--ink:#172432;--muted:#66717d;--line:#d9dee4;--paper:#fff;--canvas:#f3f5f7;--navy:#123652;--red:#a92d35;--green:#17734a;--amber:#a96500;--blue:#176a8e}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 Arial,sans-serif;letter-spacing:0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#e9edf0}.auth-panel{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-top:5px solid var(--red);padding:28px}.brand-mark{font-weight:800;color:var(--navy);font-size:12px}.auth-panel h1{font-size:24px;margin:12px 0 4px}.auth-panel p{color:var(--muted);margin:0 0 22px}label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#45515d}input,select,button{font:inherit;letter-spacing:0}input,select{height:38px;border:1px solid #bfc7cf;background:#fff;padding:0 10px;color:var(--ink);min-width:0}button{height:38px;border:1px solid transparent;padding:0 14px;background:#fff;cursor:pointer;font-weight:700}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #82b8d2;outline-offset:1px}.primary{background:var(--navy);color:#fff}.quiet{border-color:#bfc7cf;color:#34424f}.form-error{min-height:20px;color:var(--red);font-weight:700}.app{min-height:100vh}.topbar{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5}.topbar strong{color:var(--navy);margin-right:12px}.topbar span{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.freshness{padding:5px 8px;border-left:3px solid var(--amber);font-size:12px}.tabs{display:flex;gap:0;overflow:auto;background:var(--navy);padding:0 14px;position:sticky;top:58px;z-index:4}.tabs button{color:#dce6ec;background:transparent;white-space:nowrap;border-bottom:3px solid transparent}.tabs button.active{color:#fff;border-bottom-color:#e34a4f;background:#0b2b43}main{padding:18px 22px 50px;max-width:1800px;margin:auto}.filters{display:grid;grid-template-columns:repeat(9,minmax(110px,1fr));gap:10px;align-items:end;background:#fff;border:1px solid var(--line);padding:12px;margin-bottom:14px}.filters .check{display:flex;align-items:center;gap:7px;height:38px}.check input{height:18px;width:18px}.message{background:#fff;border:1px solid var(--line);border-left:4px solid var(--amber);padding:16px}.view-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0 10px}.view-head h1{font-size:22px;margin:0}.view-head p{margin:3px 0 0;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px}.kpi{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:13px;min-height:96px}.kpi strong{display:block;font-size:24px;margin-top:5px}.kpi span,.kpi small{color:var(--muted);display:block}.kpi.warn{border-top-color:var(--amber)}.kpi.bad{border-top-color:var(--red)}.kpi.good{border-top-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.panel{background:#fff;border:1px solid var(--line);padding:14px;min-width:0}.panel.full{grid-column:1/-1}.panel h2{font-size:15px;margin:0 0 12px}.conclusion{font-size:15px;border-left:4px solid var(--navy)}.chart{display:flex;align-items:end;gap:8px;height:230px;border-bottom:1px solid var(--line);padding:15px 8px 0;overflow-x:auto}.bar-wrap{height:100%;min-width:54px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.bar{width:28px;background:var(--blue);min-height:2px}.bar-wrap small{font-size:10px;color:var(--muted);white-space:nowrap}.table-wrap{overflow:auto;max-height:560px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}th{position:sticky;top:0;background:#edf1f4;color:#394958;z-index:1}tbody tr:hover{background:#f4f8fa}.num{text-align:right}.pill{display:inline-block;padding:2px 6px;border:1px solid #bac4cc;background:#f6f8f9}.critical{color:#8d1720;font-weight:800}.high{color:#9b5300;font-weight:800}.medium{color:#6f6411;font-weight:700}.empty{padding:45px 20px;text-align:center;background:#fff;border:1px solid var(--line)}.empty h1{font-size:21px}.empty p{color:var(--muted)}.toolbar{display:flex;gap:8px;align-items:center}.page-info{color:var(--muted)}@media(max-width:1200px){.filters{grid-template-columns:repeat(5,1fr)}.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.topbar{padding:0 12px}.freshness,.topbar span{display:none}.tabs{top:58px;padding:0}.tabs button{padding:0 11px}main{padding:12px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.panel.full{grid-column:auto}.kpi strong{font-size:20px}.view-head{display:block}.table-wrap{max-height:460px}}@media print{.topbar,.tabs,.filters,.toolbar{display:none!important}main{padding:0}.panel,.kpi{break-inside:avoid}.table-wrap{max-height:none;overflow:visible}}