:root{--fondo:#0a0d12;--superficie:#11161e;--superficie-alta:#171d27;--borde:#1f2733;--borde-fuerte:#2b3644;--texto:#e8edf4;--texto-suave:#9aa7b8;--texto-tenue:#64748b;--acento:#38bdf8;--acento-suave:#0ea5e9;--ok:#22c55e;--alerta:#eab308;--error:#ef4444;--radio:10px;--radio-chico:6px;--sombra:0 1px 2px rgba(0,0,0,0.4);--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h2{font-size:22px;letter-spacing:-.01em;margin:0 0 4px}h2,h3{font-weight:600}h3{font-size:16px;margin:28px 0 10px}code{font-family:var(--mono);font-size:.88em}a{color:var(--acento);text-decoration:none}a:hover{text-decoration:underline}.barra{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(10,13,18,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde);padding:0 24px;display:flex;align-items:center;gap:28px;height:56px}.marca{font-weight:700;letter-spacing:.02em;font-size:14px;white-space:nowrap}.marca span{color:var(--texto-tenue);font-weight:400}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{color:var(--texto-suave);padding:6px 11px;border-radius:var(--radio-chico);font-size:14px;transition:background .12s,color .12s}.nav a,.nav a:hover{text-decoration:none}.nav a:hover{background:var(--superficie-alta);color:var(--texto)}.sesion{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px}main{padding:28px 24px 64px;max-width:1080px;margin:0 auto}.card{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:18px 20px}.grid{display:grid;grid-gap:12px;gap:12px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metrica .valor{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.metrica .etiqueta{color:var(--texto-tenue);font-size:13px;margin-top:2px}table{border-collapse:collapse;width:100%;font-size:14px}thead th{text-align:left;color:var(--texto-tenue);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:0 12px 8px}tbody td,thead th{border-bottom:1px solid var(--borde)}tbody td{padding:11px 12px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--superficie-alta)}.mono{font-family:var(--mono);font-size:13px;color:var(--texto-suave)}.punto{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:middle}.punto.on{background:var(--ok);box-shadow:0 0 6px rgba(34,197,94,.5)}.punto.off{background:var(--texto-tenue)}.punto.warn{background:var(--alerta)}.punto.err{background:var(--error)}.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;color:#05080c}.etiqueta-tenue{color:var(--texto-tenue);font-size:13px}.aviso{border-left:3px solid var(--acento);background:var(--superficie);padding:12px 16px;border-radius:0 var(--radio-chico) var(--radio-chico) 0;margin:14px 0}.aviso.alerta{border-left-color:var(--alerta)}.aviso.error{border-left-color:var(--error)}button,input,select{font:inherit;font-size:14px;background:var(--superficie-alta);color:var(--texto);border:1px solid var(--borde-fuerte);border-radius:var(--radio-chico);padding:7px 10px}input[type=color]{padding:2px;width:38px;height:32px;cursor:pointer}input[type=checkbox]{width:15px;height:15px;accent-color:var(--acento)}button{cursor:pointer;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:var(--borde-fuerte)}button:disabled{opacity:.4;cursor:not-allowed}button.primario{background:var(--acento-suave);border-color:var(--acento-suave);color:#04121c;font-weight:600}button.primario:hover{background:var(--acento);border-color:var(--acento)}button:focus-visible,input:focus,select:focus{outline:2px solid var(--acento);outline-offset:1px}