:root{color:#1a1a18;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #00000014;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brandMark{color:#fff;background:#185fa5;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:inline-flex}.brandTitle{font-weight:800}.brandSubtitle{color:#6a6862;font-size:12px}.navGroup,.eyebrow,.kpi span{color:#6a6862;letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:700}.nav{gap:8px;margin-top:10px;display:grid}.navItem{color:#3d3c38;text-align:left;cursor:pointer;background:#f1f0ed;border:0;border-radius:10px;padding:11px 12px}.navItem.active,.navItem:hover{color:#0c447c;background:#e6f1fb;font-weight:700}.sidebarFooter{color:#6a6862;gap:4px;margin-top:auto;font-size:12px;display:grid}.content{min-width:0;padding:32px}.header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}h1{margin:4px 0 8px;font-size:34px}h2{margin:4px 0 10px;font-size:20px}.subline,.card p,.sectionHeader p{color:#55534e;max-width:920px;line-height:1.55}.headerActions{align-items:center;gap:10px;display:flex}.headerActions select,.toolbar input{background:#fff;border:1px solid #00000029;border-radius:12px;padding:9px 12px}.statusPill,.pill{white-space:nowrap;color:#0c447c;background:#e6f1fb;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.kpiGrid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi,.card{background:#fff;border:1px solid #00000014;border-radius:18px;padding:18px;box-shadow:0 12px 30px #0000000a}.kpi{gap:6px;display:grid}.kpi strong{font-size:28px}.kpi em{color:#6a6862;font-size:12px;font-style:normal}.kpi.eu strong{color:#185fa5}.kpi.uk strong{color:#3b6d11}.kpi.critical strong{color:#a32d2d}.panelGrid,.cardGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.toolbar input{width:min(520px,100%)}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#6a6862;text-transform:uppercase;letter-spacing:.05em;background:#f1f0ed;padding:10px;font-size:11px}td{vertical-align:top;border-bottom:1px solid #00000014;padding:10px}td strong{max-width:420px;display:block}td span,.compactRow span,.cardHeader span{color:#6a6862;margin-top:3px;font-size:12px;display:block}.inactive{opacity:.48}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.badge,.abc{border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge.critical{color:#a32d2d;background:#fcebeb}.badge.warning{color:#854f0b;background:#faeeda}.badge.ok{color:#3b6d11;background:#eaf3de}.abc{color:#fff;min-width:30px}.abc-a{background:#185fa5}.abc-b{background:#854f0b}.abc-c{background:#888780}.compactList{gap:10px;display:grid}.compactRow,.cardHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.compactRow{background:#f7f6f3;border-radius:12px;padding:12px}.compactRow em{color:#185fa5;font-style:normal;font-weight:800}.barRow{grid-template-columns:32px 1fr 60px;align-items:center;gap:10px;margin-top:12px;display:grid}.barRow div{background:#f1f0ed;border-radius:999px;height:8px;overflow:hidden}.barRow i{background:#185fa5;height:100%;display:block}.forecastMetric{margin:12px 0 4px;font-size:34px;font-weight:900}@media (width<=980px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:static}.kpiGrid{grid-template-columns:repeat(2,minmax(150px,1fr))}.header{display:block}.headerActions{flex-wrap:wrap;margin-top:14px}}@media (width<=620px){.content{padding:18px}.kpiGrid{grid-template-columns:1fr}}
