:root{color-scheme:light;--marca-morado: #620c5a;--marca-rojo: #e52a4e;--marca-crema: #fbe3c2;--bg: #fafaf9;--bg-alt: #f4f4f2;--superficie: #ffffff;--superficie-2: #f8f8f6;--superficie-hover: #f1f1ee;--borde: #e8e6e1;--borde-fuerte: #d6d3cc;--texto: #1a1a1a;--texto-2: #4b4947;--texto-3: #7c7975;--texto-tenue: #a8a4a0;--acento: #e52a4e;--acento-bg: #fdecef;--acento-hover: #c91f40;--sobre-acento: #ffffff;--ok: #16a34a;--ok-bg: #ecfdf5;--alerta: #d97706;--alerta-bg: #fef3c7;--peligro: #dc2626;--peligro-bg: #fef2f2;--peligro-hover: #b91c1c;--info: #2563eb;--info-bg: #eff6ff;--serie-1: #9c3d91;--serie-1-suave: rgba(156, 61, 145, .14);--serie-2: #e52a4e;--serie-2-suave: rgba(229, 42, 78, .12);--rampa-0: #f6eef5;--rampa-1: #e6cfe3;--rampa-2: #d0a6cb;--rampa-3: #b878b1;--rampa-4: #9c3d91;--rampa-5: #741a6b;--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e6: 24px;--e8: 32px;--radio-s: 8px;--radio-m: 12px;--radio-l: 16px;--sombra-1: 0 1px 2px rgba(15, 15, 20, .04), 0 1px 3px rgba(15, 15, 20, .06);--sombra-2: 0 4px 12px rgba(15, 15, 20, .06), 0 2px 4px rgba(15, 15, 20, .04);--sombra-3: 0 12px 28px rgba(15, 15, 20, .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #141317;--bg-alt: #191820;--superficie: #1d1b21;--superficie-2: #232128;--superficie-hover: #2a272f;--borde: #2e2b33;--borde-fuerte: #423e49;--texto: #f4f4f2;--texto-2: #c9c6c1;--texto-3: #98948f;--texto-tenue: #6f6b67;--acento: #ff5b76;--acento-bg: #37151d;--acento-hover: #ff7d92;--sobre-acento: #1a0d10;--ok: #4ade80;--ok-bg: #10261a;--alerta: #fbbf24;--alerta-bg: #2c2109;--peligro: #f87171;--peligro-bg: #2d1414;--peligro-hover: #fca5a5;--info: #60a5fa;--info-bg: #10203a;--serie-1: #b463d8;--serie-1-suave: rgba(180, 99, 216, .18);--serie-2: #f0546e;--serie-2-suave: rgba(240, 84, 110, .16);--rampa-0: #241f2a;--rampa-1: #3a2c43;--rampa-2: #543a60;--rampa-3: #7b4d8c;--rampa-4: #a05cb8;--rampa-5: #b463d8;--sombra-1: none;--sombra-2: none;--sombra-3: 0 12px 28px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--texto);font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:-.015em;font-weight:650}h1{font-size:24px}h2{font-size:17px}h3{font-size:14px}p{margin:0}a{color:var(--acento)}:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:var(--radio-s)}.app{display:flex;min-height:100%}.rail{width:232px;flex:0 0 232px;background:var(--superficie);border-right:1px solid var(--borde);padding:var(--e6) var(--e3);display:flex;flex-direction:column;gap:var(--e2);position:sticky;top:0;height:100dvh}.marca{display:flex;align-items:center;gap:var(--e2);padding:0 var(--e3) var(--e4);font-weight:700;letter-spacing:-.02em;font-size:16px}.marca .punto{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--marca-morado),var(--marca-rojo));display:grid;place-items:center;color:#fff;font-size:13px}.nav-item{display:flex;align-items:center;gap:var(--e3);padding:10px var(--e3);border-radius:var(--radio-s);color:var(--texto-2);text-decoration:none;font-weight:550;border:0;background:none;width:100%;text-align:left;font-size:14px;cursor:pointer}.nav-item:hover{background:var(--superficie-hover);color:var(--texto)}.nav-item[aria-current=page]{background:var(--acento-bg);color:var(--acento)}.rail-pie{margin-top:auto;border-top:1px solid var(--borde);padding-top:var(--e3)}.rail-usuario{padding:0 var(--e3) var(--e2);font-size:12px;color:var(--texto-3)}.rail-usuario strong{display:block;color:var(--texto-2);font-size:13px}.contenido{flex:1;min-width:0;padding:var(--e8) var(--e8) 64px}.contenido>header{margin-bottom:var(--e6)}.contenido>header p{color:var(--texto-3);margin-top:var(--e1)}.fila{display:flex;align-items:center;gap:var(--e3);flex-wrap:wrap}.fila-entre{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);flex-wrap:wrap}.crece{flex:1;min-width:0}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-l);padding:var(--e6);box-shadow:var(--sombra-1)}.tarjeta>header{margin-bottom:var(--e4)}.tarjeta>header p{color:var(--texto-3);font-size:12px;margin-top:2px}.grilla{display:grid;gap:var(--e4)}.grilla-kpi{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grilla-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.kpi{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-m);padding:var(--e4) var(--e4) var(--e3)}.kpi-etiqueta{font-size:12px;color:var(--texto-3);font-weight:550;text-transform:uppercase;letter-spacing:.05em}.kpi-valor{font-size:30px;font-weight:680;letter-spacing:-.03em;margin-top:var(--e1);font-variant-numeric:tabular-nums}.kpi-nota{font-size:12px;color:var(--texto-3);margin-top:var(--e1)}button{font:inherit}.btn{display:inline-flex;align-items:center;gap:var(--e2);padding:9px var(--e4);border-radius:var(--radio-s);border:1px solid transparent;font-weight:600;font-size:13px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primario{background:var(--acento);color:var(--sobre-acento)}.btn-primario:hover:not(:disabled){background:var(--acento-hover)}.btn-neutro{background:var(--superficie);color:var(--texto-2);border-color:var(--borde-fuerte)}.btn-neutro:hover:not(:disabled){background:var(--superficie-hover);color:var(--texto)}.btn-peligro{background:var(--peligro);color:#fff}.btn-peligro:hover:not(:disabled){background:var(--peligro-hover)}.btn-texto{background:none;color:var(--texto-2);padding:6px var(--e2)}.btn-texto:hover:not(:disabled){background:var(--superficie-hover);color:var(--texto)}.btn-icono{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--radio-s);border:1px solid transparent;background:none;color:var(--texto-3);cursor:pointer}.btn-icono:hover{background:var(--superficie-hover);color:var(--texto)}.campo{display:flex;flex-direction:column;gap:6px}.campo>label{font-size:12px;font-weight:600;color:var(--texto-2)}.campo .ayuda{font-size:12px;color:var(--texto-3)}.campo .error{font-size:12px;color:var(--peligro);font-weight:550}.campo .ok{font-size:12px;color:var(--ok);font-weight:550}input,select,textarea{font:inherit;padding:9px var(--e3);border-radius:var(--radio-s);border:1px solid var(--borde-fuerte);background:var(--superficie);color:var(--texto);width:100%}input::placeholder,textarea::placeholder{color:var(--texto-tenue)}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:0;border-color:transparent}input[aria-invalid=true]{border-color:var(--peligro)}textarea{resize:vertical;min-height:68px}.prefijo-url{display:flex;align-items:stretch;border:1px solid var(--borde-fuerte);border-radius:var(--radio-s);overflow:hidden;background:var(--superficie)}.prefijo-url span{display:grid;place-items:center;padding:0 var(--e3);background:var(--superficie-2);color:var(--texto-3);font-size:13px;border-right:1px solid var(--borde);white-space:nowrap}.prefijo-url input{border:0;border-radius:0}.prefijo-url:focus-within{outline:2px solid var(--acento)}.insignia{display:inline-flex;align-items:center;gap:5px;padding:3px var(--e2);border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.02em;background:var(--superficie-2);color:var(--texto-2);border:1px solid var(--borde);white-space:nowrap}.insignia-ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}.insignia-alerta{background:var(--alerta-bg);color:var(--alerta);border-color:transparent}.insignia-apagada{background:var(--superficie-2);color:var(--texto-3)}.insignia-info{background:var(--info-bg);color:var(--info);border-color:transparent}.tabla-envoltura{overflow-x:auto;border:1px solid var(--borde);border-radius:var(--radio-l);background:var(--superficie)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;padding:var(--e3) var(--e4);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-3);font-weight:650;border-bottom:1px solid var(--borde);background:var(--superficie-2);white-space:nowrap}tbody td{padding:var(--e3) var(--e4);border-bottom:1px solid var(--borde);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.clicable{cursor:pointer}tbody tr.clicable:hover{background:var(--superficie-hover)}.num{font-variant-numeric:tabular-nums;text-align:right}.estado{padding:56px var(--e6);text-align:center;color:var(--texto-3)}.estado h3{color:var(--texto-2);margin-bottom:6px}.estado .emoji{font-size:30px;display:block;margin-bottom:var(--e3)}.esqueleto{background:linear-gradient(90deg,var(--superficie-2) 25%,var(--superficie-hover) 50%,var(--superficie-2) 75%);background-size:200% 100%;animation:brillo 1.4s ease-in-out infinite;border-radius:var(--radio-s)}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.esqueleto{animation:none}}.aviso{display:flex;align-items:flex-start;gap:var(--e3);padding:var(--e3) var(--e4);border-radius:var(--radio-m);background:var(--peligro-bg);color:var(--peligro);font-size:13px;font-weight:550}dialog::backdrop{background:#0f0f1473}dialog{border:1px solid var(--borde);border-radius:var(--radio-l);background:var(--superficie);color:var(--texto);padding:0;width:min(560px,calc(100vw - 32px));box-shadow:var(--sombra-3)}dialog header{padding:var(--e6) var(--e6) 0}dialog .cuerpo{padding:var(--e4) var(--e6);display:flex;flex-direction:column;gap:var(--e4)}dialog footer{padding:var(--e4) var(--e6) var(--e6);display:flex;justify-content:flex-end;gap:var(--e2)}.brindis{position:fixed;bottom:var(--e6);left:50%;transform:translate(-50%);background:var(--texto);color:var(--bg);padding:var(--e3) var(--e4);border-radius:var(--radio-m);box-shadow:var(--sombra-3);font-size:13px;font-weight:550;z-index:50;display:flex;align-items:center;gap:var(--e3)}.leyenda{display:flex;gap:var(--e4);flex-wrap:wrap;font-size:12px;color:var(--texto-2)}.leyenda span{display:inline-flex;align-items:center;gap:6px}.leyenda i{width:10px;height:10px;border-radius:3px;display:inline-block}.globo{position:absolute;pointer-events:none;z-index:30;background:var(--superficie);border:1px solid var(--borde-fuerte);border-radius:var(--radio-s);padding:var(--e2) var(--e3);box-shadow:var(--sombra-2);font-size:12px;white-space:nowrap;color:var(--texto)}.globo b{font-variant-numeric:tabular-nums}.barra-fila{display:grid;grid-template-columns:1fr auto;gap:var(--e2) var(--e3);align-items:center;padding:7px 0}.barra-pista{display:block;grid-column:1 / -1;height:8px;background:var(--superficie-2);border-radius:999px;overflow:hidden}.barra-relleno{display:block;height:100%;border-radius:999px;background:var(--serie-1)}.barra-etiqueta{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra-valor{font-size:12px;color:var(--texto-3);font-variant-numeric:tabular-nums}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--e6)}.login-caja{width:min(400px,100%)}.login-marca{text-align:center;margin-bottom:var(--e6)}.login-marca .punto{width:46px;height:46px;border-radius:14px;margin:0 auto var(--e3);background:linear-gradient(135deg,var(--marca-morado),var(--marca-rojo));display:grid;place-items:center;color:#fff;font-size:20px;font-weight:700}.login-marca p{color:var(--texto-3);margin-top:var(--e1)}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12.5px}.truncar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px;display:inline-block;vertical-align:bottom}@media(max-width:860px){.app{flex-direction:column}.rail{width:100%;flex:none;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto;padding:var(--e3)}.marca{padding:0 var(--e3) 0 var(--e2)}.rail-pie{margin-top:0;border-top:0;border-left:1px solid var(--borde);padding:0 0 0 var(--e3)}.rail-usuario{display:none}.contenido{padding:var(--e4) var(--e4) 48px}}