:root{--blue:#1262a2;--blue-bright:#2b83c9;--blue-deep:#0e4e81;--blue-050:#eaf2fa;--ink:#0d1217;--ink-2:#3e4751;--ink-3:#697480;--ink-4:#98a2ae;--ink-6:#e4e8ec;--green:#1e9e63;--green-bg:#e7f5ee;--green-ink:#157a4b;--amber-bg:#fbf1df;--amber-ink:#b0741b;--coral-bg:#fbe9e7;--coral-ink:#bc4439;--bg:#f2f5f8;--card:#fff;--line:#e4e9ef;--sidebar:#0e1a26}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:256px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--sidebar);color:#cdd7e1;flex-direction:column;gap:3px;height:100vh;padding:22px 14px;display:flex;overflow-y:auto}.sidebar .brand{color:#fff;letter-spacing:-.02em;padding:6px 12px 18px;font-size:20px;font-weight:800}.nav-section{letter-spacing:.14em;text-transform:uppercase;color:#5f7183;padding:14px 12px 6px;font-size:10.5px;font-weight:700}.nav-item{color:#9fb0c0;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:600;transition:background .12s,color .12s;display:flex}.nav-item svg{stroke:#6d8093;flex:none;transition:stroke .12s}.nav-item:hover{color:#fff;background:#ffffff17}.nav-item:hover svg{stroke:#fff}.nav-item.on{background:var(--blue);color:#fff;font-weight:700;box-shadow:0 6px 16px -8px #1262a2e6}.nav-item.on svg{stroke:#fff}.nav-item.soon{color:#556b7d;cursor:default}.nav-item.soon:hover{color:#556b7d;background:0 0}.sidebar-footer{color:#5f7183;border-top:1px solid #ffffff14;margin-top:auto;padding:14px 12px 4px;font-size:11.5px}.main{height:100vh;padding:0;overflow-y:auto}.topbar{border-bottom:1px solid var(--line);background:var(--card);z-index:10;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.content{padding:28px}.h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.h2{margin:0;font-size:18px;font-weight:800}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);font-size:11px;font-weight:700}.muted{color:var(--ink-3);font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi .n{letter-spacing:-.02em;font-size:26px;font-weight:800}.kpi .l{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);margin-top:4px;font-size:11px;font-weight:700}.btn{appearance:none;cursor:pointer;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:700}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--blue);border:1.5px solid var(--blue-050);background:#fff}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-4);border-bottom:1px solid var(--line);padding:10px 12px;font-size:11px}.table td{border-bottom:1px solid var(--line);padding:12px;font-size:14px}.chip{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.chip.green{background:var(--green-bg);color:var(--green-ink)}.chip.amber{background:var(--amber-bg);color:var(--amber-ink)}.chip.coral{background:var(--coral-bg);color:var(--coral-ink)}.chip.info{background:var(--blue-050);color:var(--blue-deep)}.input{border:1.5px solid var(--ink-6);border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:16px;font-weight:700}.center-wrap{place-items:center;min-height:100dvh;padding:24px;display:grid}.center-card{width:100%;max-width:380px}