:root{--fondo: #0f1115;--superficie: #171a21;--superficie-alta: #1f232c;--borde: #2a2f3a;--texto: #e7e9ee;--texto-suave: #98a0b0;--acento: #25d366;--acento-oscuro: #1aa851;--peligro: #ef4444;--aviso: #f59e0b;--radio: 10px}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.barra-lateral{background:var(--superficie);border-right:1px solid var(--borde);padding:20px 14px;display:flex;flex-direction:column;gap:18px}.marca{font-size:20px;font-weight:700;letter-spacing:-.4px;padding:0 8px}.marca span{color:var(--acento)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{padding:9px 12px;border-radius:var(--radio);color:var(--texto-suave);font-weight:500}.nav a:hover{background:var(--superficie-alta);color:var(--texto)}.nav a.activo{background:var(--superficie-alta);color:var(--acento)}.nav .proximamente{opacity:.4;cursor:not-allowed}.contenido{padding:28px 32px;max-width:1100px}.cabecera-pagina{margin-bottom:22px}.cabecera-pagina h1{margin:0 0 4px;font-size:24px}.cabecera-pagina p{margin:0;color:var(--texto-suave)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:20px;margin-bottom:18px}.tarjeta h2{margin:0 0 14px;font-size:16px}.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metrica .valor{font-size:26px;font-weight:700}.metrica .etiqueta{color:var(--texto-suave);font-size:13px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--borde)}th{color:var(--texto-suave);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.campo label{font-size:13px;color:var(--texto-suave)}.campo .ayuda{font-size:12px;color:var(--texto-suave);opacity:.8}input,select,textarea{background:var(--fondo);border:1px solid var(--borde);border-radius:8px;padding:9px 11px;color:var(--texto);font-size:14px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acento)}button{background:var(--acento);color:#06210f;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--acento-oscuro)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:var(--superficie-alta);color:var(--texto);border:1px solid var(--borde)}button.peligro{background:transparent;color:var(--peligro);border:1px solid var(--peligro)}.acciones{display:flex;gap:10px;align-items:center}.aviso{padding:10px 13px;border-radius:8px;font-size:14px;margin-bottom:14px}.aviso.error{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.aviso.ok{background:#25d3661f;color:#86efac;border:1px solid rgba(37,211,102,.3)}.aviso.info{background:#f59e0b1a;color:#fcd34d;border:1px solid rgba(245,158,11,.25)}.etiqueta-estado{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.etiqueta-estado.pendiente{background:#f59e0b26;color:var(--aviso)}.etiqueta-estado.conectado{background:#25d36626;color:var(--acento)}.etiqueta-estado.error{background:#ef444426;color:var(--peligro)}code{background:var(--superficie-alta);padding:2px 6px;border-radius:5px;font-size:13px;word-break:break-all}.login{display:grid;place-items:center;min-height:100vh;padding:20px}.login .caja{width:100%;max-width:380px;background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:30px}.login .marca{text-align:center;margin-bottom:6px;padding:0}.login .subtitulo{text-align:center;color:var(--texto-suave);font-size:14px;margin-bottom:22px}.login button{width:100%;padding:11px}@media(max-width:780px){.app{grid-template-columns:1fr}.contenido{padding:20px 16px}}