:root{--fondo:#04070d;--fondo2:#070c16;--panel:rgba(13,21,36,0.72);--panel-solido:#0c1422;--panel2:rgba(20,32,52,0.8);--linea:rgba(95,227,255,0.12);--linea-fuerte:rgba(95,227,255,0.28);--texto:#e6f2ff;--suave:#8ea3bd;--acento:#3fd8ff;--acento-2:#8b5cf6;--neon:0 0 0 1px rgba(63,216,255,0.35),0 0 24px rgba(63,216,255,0.18);--critica:#ff4d6d;--alta:#ff9f43;--media:#ffd43b;--baja:#34d399;--radio:14px;--f-titulo:"Space Grotesk","Inter",system-ui,sans-serif;--f-texto:"Inter",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 85% -10%,rgba(139,92,246,.12),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(63,216,255,.1),transparent 60%),var(--fondo);color:var(--texto);font-family:var(--f-texto);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(63,216,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(63,216,255,.045) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 80%)}body>*{position:relative;z-index:1}a{color:var(--acento)}h1,h2,h3{font-family:var(--f-titulo);letter-spacing:-.015em}.suave{color:var(--suave)}.etiqueta,.mono{font-family:var(--f-mono)}.etiqueta{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}.neon-texto{color:var(--acento);text-shadow:0 0 18px rgba(63,216,255,.55)}.tarjeta{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.tarjeta.brillo{box-shadow:var(--neon);border-color:var(--linea-fuerte)}.metrica{position:relative;overflow:hidden}.metrica:after,.metrica:before{content:"";position:absolute;width:14px;height:14px;border-color:var(--acento);opacity:.7}.metrica:before{top:8px;left:8px;border-top:2px solid;border-left:2px solid}.metrica:after{bottom:8px;right:8px;border-bottom:2px solid;border-right:2px solid}.metrica .valor{font-family:var(--f-titulo);font-size:2.2rem;font-weight:700;line-height:1.1;margin-top:.3rem}.campo{display:grid;grid-gap:.35rem;gap:.35rem;margin-bottom:.9rem}.campo label{font-size:.82rem;color:var(--suave)}.campo input,.campo select{background:rgba(4,8,14,.8);border:1px solid var(--linea-fuerte);border-radius:10px;color:var(--texto);padding:.7rem .8rem;font:inherit}.campo input:focus,.campo select:focus{outline:none;box-shadow:var(--neon);border-color:var(--acento)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--panel2);color:var(--texto);border:1px solid var(--linea-fuerte);border-radius:10px;padding:.6rem 1rem;font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform .05s}.boton:hover{border-color:var(--acento);box-shadow:var(--neon)}.boton:active{transform:translateY(1px)}.boton.principal{background:linear-gradient(135deg,#3fd8ff,#22a6d6);color:#021018;border-color:transparent}.boton.principal:hover{box-shadow:0 0 28px rgba(63,216,255,.45)}.boton:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.boton:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.error{color:var(--critica);font-size:.88rem;min-height:1.2em}.centro{max-width:440px;margin:0 auto;padding:56px 16px;display:grid;grid-gap:18px;gap:18px}.estado{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem}.estado:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.estado.vivo:before{animation:pulso 1.8s ease-in-out infinite}@keyframes pulso{50%{opacity:.35}}.tabla{width:100%;border-collapse:collapse;font-size:.9rem}.tabla th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea-fuerte)}.tabla td{padding:9px 12px;border-bottom:1px solid var(--linea)}.tabla tr:hover td{background:rgba(63,216,255,.04)}.consola{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.lateral{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,rgba(8,14,25,.95),rgba(5,9,16,.95));border-right:1px solid var(--linea);padding:18px 14px;display:flex;flex-direction:column;gap:4px}.lateral .marca{display:block;padding:4px 6px 18px;text-decoration:none;color:inherit}.lateral .grupo{margin:14px 8px 6px}.lateral a.item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--suave);text-decoration:none;font-size:.93rem;border:1px solid transparent}.lateral a.item:hover{color:var(--texto);background:rgba(63,216,255,.05)}.lateral a.item[aria-current=page]{color:var(--texto);background:linear-gradient(90deg,rgba(63,216,255,.16),rgba(63,216,255,.02));border-color:var(--linea-fuerte);box-shadow:inset 3px 0 0 var(--acento)}.lateral a.item svg{width:18px;height:18px;flex:none}.lateral .pie{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--linea);display:grid;grid-gap:10px;gap:10px}.principal-consola{padding:22px 26px 64px;display:grid;grid-gap:20px;gap:20px;align-content:start;min-width:0}.barra-superior{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.barra-superior h1{margin:0;font-size:1.7rem}@media (max-width:860px){.consola{grid-template-columns:1fr}.lateral{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 12px}.lateral .marca{padding:0 8px 0 0;margin-right:auto}.lateral .grupo,.lateral .pie{display:none}.lateral a.item{padding:7px 9px;font-size:.85rem}.principal-consola{padding:16px 16px 48px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}