:root{--ink:#102940;--blue:#136b9c;--paper:#f5f8fa;--gold:#e9a23b;--muted:#647789;--line:#d7e2e9;--good:#16806a}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}.shell{max-width:1440px;margin:auto;padding:26px}.user{z-index:5;background:#fff;border-radius:50%;padding:5px;position:fixed;top:18px;right:20px}header{background:var(--ink);color:#fff;grid-template-columns:1.5fr .8fr;display:grid}header>div{padding:40px}header small,.card>small,article>small{letter-spacing:.12em;text-transform:uppercase;color:#87d5e9;font:700 11px ui-monospace,monospace}h1{letter-spacing:-.05em;margin:18px 0;font:700 clamp(40px,6vw,76px)/.9 Georgia,serif}header p{color:#c6d8e4;max-width:650px;line-height:1.6}header aside{background:var(--blue);flex-direction:column;justify-content:space-between;padding:32px;display:flex}header aside>b{text-transform:uppercase;font:700 12px ui-monospace,monospace}header aside>strong{font:700 clamp(44px,6vw,76px) Georgia,serif}header aside>span{color:#d7f1fa;line-height:1.5}nav{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:99px;padding:10px 16px;font-weight:700}button.on{background:var(--ink);color:#fff}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpis article,.card{border:1px solid var(--line);background:#fff;padding:21px;box-shadow:0 5px 18px #1232}.kpis strong{margin-top:14px;font:700 38px Georgia,serif;display:block}.grid{grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px;display:grid}.card>small{color:var(--muted)}h2{font:700 25px Georgia,serif}.cover{margin:16px 0}.cover>div{justify-content:space-between;display:flex}.cover span{font:700 12px ui-monospace,monospace}.cover>i,.bar>i{background:#e8eff3;height:9px;margin-top:6px;display:block}.cover>i b,.bar>i b{background:var(--good);height:100%;display:block}.cover>i b.warn{background:var(--gold)}blockquote{border-left:4px solid var(--gold);background:#fff8e9;margin:15px 0;padding:15px;line-height:1.5}blockquote b{display:block}.bar{grid-template-columns:minmax(130px,1fr) 2fr 60px;align-items:center;gap:12px;margin:14px 0;font-size:13px;display:grid}.bar>i{margin:0}.bar>i b{background:var(--blue)}.bar>strong{text-align:right;font:700 12px ui-monospace,monospace}.actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.actions em{color:var(--blue);font:700 28px Georgia,serif}.actions p,.note{color:var(--muted);line-height:1.6}footer{color:var(--muted);justify-content:space-between;margin:24px 2px;font-size:11px;display:flex}.login{place-items:center;min-height:100vh;display:grid}@media (max-width:850px){header,.grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1fr}}@media (max-width:520px){.shell{padding:12px}.kpis{grid-template-columns:1fr}header>div{padding:28px 22px}footer{display:block}footer span{margin-top:8px;display:block}}