:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#eef3f8;min-width:320px;min-height:100vh;margin:0}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#14213d;min-height:100vh;padding:24px 18px}.brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.brand span{color:#14213d;background:#fca311;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:#c5d3e4;font-size:13px}nav{gap:8px;display:grid}nav a{color:#e8eef7;border-radius:8px;padding:10px 12px;font-weight:700;text-decoration:none}nav a:hover{background:#ffffff1a}main{gap:20px;padding:28px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:#5a6573;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}h1,h2,p{margin:0}h1{color:#17202a;max-width:760px;font-size:32px;line-height:1.12}h2{color:#17202a;font-size:18px}.status{white-space:nowrap;color:#17202a;background:#fff;border:1px solid #dce2ea;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-weight:800;display:inline-flex}.status-dot{background:#0f7a6c;border-radius:999px;width:9px;height:9px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #dce2ea;border-radius:8px;box-shadow:0 8px 18px #17202a0d}.metric-card{padding:18px}.metric-card span,.panel p,.record small{color:#5a6573}.metric-card span{font-size:13px;font-weight:700}.metric-card strong{color:#17202a;margin-top:8px;font-size:28px;display:block}.work-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:16px;display:grid}.panel{min-width:0;padding:18px}.panel.wide{min-height:370px}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}button{color:#fff;cursor:pointer;font:inherit;background:#0f7a6c;border:0;border-radius:8px;padding:10px 13px;font-weight:800}button:disabled{cursor:wait;opacity:.7}button.secondary{color:#17202a;background:#e9edf2}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid #dce2ea;padding:12px 10px;font-size:14px}th{color:#5a6573;text-transform:uppercase;font-size:12px}.pill{color:#0f7a6c;background:#e8f5f2;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.badge{color:#fff;white-space:nowrap;background:#14213d;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.service-card{border:1px solid #dce2ea;border-radius:8px;gap:6px;min-height:118px;padding:14px;display:grid}.service-card span{color:#5a6573;text-transform:uppercase;font-size:12px;font-weight:800}.service-card strong{color:#0f7a6c;font-size:18px}.bar-list{gap:14px;display:grid}.bar-row{gap:8px;display:grid}.bar-row>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.bar-row strong{color:#17202a}.bar-row span{color:#5a6573;font-size:13px}.bar-track{background:#e9edf2;border-radius:999px;height:12px;overflow:hidden}.bar-track span{background:#0f7a6c;height:100%;display:block}.stack{gap:10px;display:grid}.record{border:1px solid #dce2ea;border-radius:8px;gap:5px;padding:12px;display:grid}.record strong{color:#17202a;font-size:14px}.record.split{grid-template-columns:1fr auto;align-items:center}.asset-form{grid-template-columns:minmax(0,1fr) 150px auto;gap:10px;margin-bottom:14px;display:grid}input{color:#17202a;min-width:0;font:inherit;background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:10px}.compact .record{padding:9px 10px}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}main{padding:18px}.topbar,.panel-head{flex-direction:column}.metrics,.work-grid,.asset-form,.service-grid{grid-template-columns:1fr}h1{font-size:28px}}