:root{color:#10233d;font-synthesis:none;text-rendering:geometricprecision;--navy:#08305f;--navy-dark:#06264c;--green:#4d9326;--lime:#88bf2f;--teal:#00849a;--blue:#1f6fb9;--red:#d83b35;--orange:#f29f24;--yellow:#f3cf3f;--paper:#fff;--page:#f4f7fa;--line:#dfe6ed;--text:#10233d;--muted:#526071;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--page);letter-spacing:0}button,select,input{font:inherit}.app-shell{background:var(--page);grid-template-columns:236px minmax(980px,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:var(--navy);flex-direction:column;height:100vh;min-height:720px;padding:22px 14px 24px;display:flex;position:sticky;top:0;box-shadow:8px 0 20px #0d284c24}.brand{border-bottom:1px solid #ffffff1c;align-items:center;gap:11px;min-height:55px;padding:0 8px 22px;display:flex}.brand-mark{flex:0 0 38px;width:38px;height:38px;position:relative}.brand-mark:before,.brand-mark:after{content:"";border:7px solid #16a6d8;border-radius:999px;width:25px;height:25px;position:absolute}.brand-mark:before{border-right-color:#0000;top:0;left:7px;transform:rotate(-34deg)}.brand-mark:after{border-left-color:#0000;border-color:var(--lime);border-left-color:#0000;bottom:0;right:7px;transform:rotate(-34deg)}.brand span{letter-spacing:1.8px;font-size:29px;font-weight:800;line-height:1}.nav-list{gap:7px;padding-top:22px;display:grid}.nav-item{color:#ffffffe0;cursor:default;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:45px;padding:0 11px;display:grid}.nav-item span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.nav-item.is-active{color:#fff;background:#4f9427;box-shadow:inset 4px 0 #9fd34e,0 10px 20px #00000024}.sidebar-footer{color:#fff;gap:4px;margin-top:auto;padding:18px 8px 0;font-size:16px;line-height:1.28;display:grid}.sidebar-footer strong{color:#8ed044}.dashboard{background:var(--page);min-width:0;padding:14px 28px 8px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px;display:flex}.title-block h1{color:var(--navy);margin:0;font-size:26px;font-weight:850;line-height:1.05}.title-block p{color:var(--muted);margin:5px 0 0;font-size:14px}.title-block p strong{color:var(--green);font-size:17px;line-height:1.18;display:block}.topbar-actions{flex:none;align-items:stretch;gap:10px;display:flex}.topbar-actions label{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:auto 1fr;gap:2px 9px;min-width:170px;min-height:52px;padding:7px 12px;display:grid;box-shadow:0 2px 8px #122a460d}.topbar-actions label>svg{color:var(--green);grid-row:1/3;align-self:center}.topbar-actions span{color:var(--muted);font-size:11px;font-weight:700}.topbar-actions select{min-width:0;color:var(--navy);background:0 0;border:0;outline:0;font-weight:800}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.kpi-card{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:70px minmax(0,1fr);align-items:center;min-height:84px;padding:10px 15px;display:grid;box-shadow:0 2px 10px #122a460d}.kpi-icon{border-radius:999px;place-items:center;width:52px;height:52px;display:grid}.tone-cyan .kpi-icon{color:#007c8c;background:#d9f3f5}.tone-blue .kpi-icon{color:#0a67ad;background:#dceeff}.tone-green .kpi-icon{color:#3f8420;background:#e4f2d8}.tone-violet .kpi-icon{color:#6e3aae;background:#efe7f6}.kpi-copy{min-width:0;color:var(--text);text-align:center}.kpi-copy p{margin:0;font-size:12px;font-weight:850;line-height:1.1}.kpi-copy span{color:#26384c;margin-top:1px;font-size:11px;display:block}.kpi-copy strong{color:var(--navy);margin-top:3px;font-size:27px;font-weight:850;line-height:1;display:block}.kpi-copy small{color:#27384b;justify-content:center;align-items:center;gap:3px;margin-top:3px;font-size:11px;line-height:1.15;display:flex}.kpi-copy small.positive{color:#2c7d20;font-weight:750}.kpi-copy small.negative{color:#c4322f;font-weight:750}.main-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.panel{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex-direction:column;min-height:174px;padding:9px 14px;display:flex;box-shadow:0 2px 10px #122a460b}.panel-tall{min-height:230px}.panel h2{color:var(--navy);margin:0 0 6px;font-size:13px;font-weight:850;line-height:1.15}.panel h2 span{color:#26384c;font-size:11px;font-weight:750}.chart{flex:auto;width:100%;min-height:134px}.panel-tall .chart{min-height:180px}.table-wrap{border:1px solid #edf1f5;border-radius:6px;min-height:0;overflow:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px}th{color:var(--navy);text-align:left;white-space:nowrap;background:#f0f5fb;padding:6px 8px;font-weight:850}td{color:#26384c;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #edf1f5;padding:4px 8px;overflow:hidden}tbody tr:nth-child(2n){background:#fafbfd}th:first-child,td:first-child{width:82px}th:nth-child(2),td:nth-child(2){width:230px}th:nth-child(3),td:nth-child(3){width:64px}th:nth-child(4),td:nth-child(4){width:112px}th:nth-child(5),td:nth-child(5),th:nth-child(6),td:nth-child(6),th:nth-child(7),td:nth-child(7){text-align:right;width:78px}th:nth-child(8),td:nth-child(8){text-align:center;width:112px}.risk-pill{border-radius:999px;justify-content:center;align-items:center;min-width:84px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.risk-critical{color:#fff;background:var(--red)}.risk-low{color:#fff;background:var(--orange)}.risk-watch{color:#473400;background:var(--yellow)}.risk-ok{color:#fff;background:var(--green)}.risk-missing{color:#526071;background:#e8edf2}.dashboard-footer{color:var(--muted);grid-template-columns:minmax(0,1fr) minmax(280px,auto) auto;align-items:center;gap:14px;padding-top:8px;font-size:11px;display:grid}.dashboard-footer button{min-height:34px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #bdd5ea;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.dashboard-footer button:hover{border-color:var(--blue)}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;min-height:0;padding:14px 18px;display:block;position:static}.brand{padding-bottom:12px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:12px}.sidebar-footer{display:none}.dashboard{padding:18px}.topbar,.topbar-actions{flex-wrap:wrap}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-4,.span-5,.span-7{grid-column:1/-1}}@media (width<=700px){.dashboard{padding:14px}.title-block h1{font-size:23px}.topbar-actions,.topbar-actions label,.kpi-grid,.dashboard-footer{grid-template-columns:1fr;width:100%}.topbar-actions{display:grid}.kpi-card{grid-template-columns:64px minmax(0,1fr)}.nav-list{grid-template-columns:1fr 1fr}.panel,.panel-tall{min-height:290px}}