:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--surface:#fff;--surface-muted:#eef1f4;--text:#16202a;--text-muted:#5b6875;--border:#dde3e9;--accent:#0f766e;--accent-soft:#ccebe7;--ok:#15803d;--down:#b91c1c;--pending:#a16207;--radius:10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1418;--surface:#161e24;--surface-muted:#1d272e;--text:#e6edf2;--text-muted:#93a2ae;--border:#2a363f;--accent:#2dd4bf;--accent-soft:#134e4a;--ok:#4ade80;--down:#f87171;--pending:#facc15}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2{margin:0;line-height:1.2}code{background:var(--surface-muted);border-radius:4px;padding:.1em .35em;font-size:.9em}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.shell>*{min-width:0}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;display:flex}.brand{color:var(--accent);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-link{color:var(--text-muted);border-radius:8px;padding:.5rem .75rem;text-decoration:none}.nav-link:hover{background:var(--surface-muted);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--text);font-weight:600}.nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.status__dot{background:var(--pending);border-radius:50%;width:8px;height:8px}.status--up .status__dot{background:var(--ok)}.status--down .status__dot{background:var(--down)}.content{flex-direction:column;gap:1.5rem;min-width:0;padding:2rem;display:flex}.page-header p{color:var(--text-muted);margin:.25rem 0 0}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.kpi,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.kpi{flex-direction:column;gap:.25rem;display:flex}.kpi__label{color:var(--text-muted);font-size:.85rem}.kpi__value{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:600}.card{flex-direction:column;gap:1rem;display:flex}.card--muted{color:var(--text-muted)}.map{border:1px solid var(--border);border-radius:8px;height:420px;overflow:hidden}.map--empty{overflow-wrap:anywhere;background:var(--surface-muted);color:var(--text-muted);text-align:center;place-items:center;padding:1.5rem;display:grid}@media (width<=720px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);gap:.75rem}.sidebar nav{flex-direction:row;overflow-x:auto}.content{padding:1rem}}