:root{--ink:#132238;--accent:#16a36b;--soft:#f3f7f6;--border:#e5ece9}body{margin:0;background:var(--soft);color:#243447;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--ink);color:#fff;padding:20px 14px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:22px;letter-spacing:1px;padding:4px 12px 24px}.brand span{color:#35c58a}.brand small{display:block;font-size:9px;letter-spacing:1.5px;opacity:.6;margin-top:3px}.sidebar nav{display:grid;gap:4px}.sidebar a{color:#cbd6df;text-decoration:none;padding:11px 12px;border-radius:9px;display:flex;gap:10px;align-items:center}.sidebar a:hover{background:#20324b;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #2b3c52;padding:14px 12px;display:grid;gap:5px}.sidebar-foot a{padding:0}.main{margin-left:245px}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.content{padding:28px}.user-pill{display:flex;align-items:center;gap:10px}.card{border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 16px rgba(18,34,56,.04)}.kpi{padding:18px}.kpi .value{font-size:27px;font-weight:800}.kpi .label{color:#718096;font-size:13px}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#65758b;background:#f8fafb}.status{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.status-green{background:#dcf8eb;color:#087b4c}.status-yellow{background:#fff3cd;color:#8a6700}.status-red{background:#fde2e2;color:#a52828}.status-blue{background:#e0efff;color:#135ea8}.page-title{font-weight:800}.filter-bar{background:#fff;border:1px solid var(--border);padding:15px;border-radius:12px;margin-bottom:18px}@media(max-width:900px){.sidebar{width:70px}.brand{font-size:0}.brand span{font-size:18px}.brand small,.sidebar nav a:not(:has(i)){display:none}.sidebar nav a{justify-content:center}.main{margin-left:70px}.content{padding:15px}.topbar{padding:0 15px}}