:root{--azul:#1462d6;--azul-hover:#0e47a1;--azul-bg:#eaf1ff;--azul-borde:#b9d1fb;--navy:#0f1b2d;--navy-sec:#7f93ae;--navy-ter:#a9b8cd;--naranja:#f5711f;--naranja-hover:#e0620f;--naranja-txt:#c2540f;--card:#fff;--pagina:#f4f6fa;--gris:#f2f5fa;--gris2:#f8fafd;--input-bg:#f8fbff;--borde:#e1e7f0;--borde-ctrl:#dde4ee;--borde-fila:#eef2f8;--texto:#0f1b2d;--texto2:#48566b;--texto3:#6b7a90;--ok-bg:#e8f6ee;--ok-borde:#a9dcc0;--ok-txt:#0b6b3e;--ok-dot:#0e8a4f;--err-bg:#fdecea;--err-borde:#f2b3ab;--err-txt:#8f2114;--err-dot:#c62f1c;--warn-bg:#fff1e6;--warn-borde:#fbcaa4;--warn-txt:#a8480c;--mono:ui-monospace, Consolas, monospace;--sombra:0 1px 2px #0f1b2d0f, 0 8px 24px #0f1b2d0f;--radio:14px}body.oscuro{--card:#16202f;--pagina:#0d1522;--gris:#1b2637;--gris2:#182232;--input-bg:#121b2a;--borde:#263349;--borde-ctrl:#2e3d57;--borde-fila:#1f2b3d;--texto:#e9eef7;--texto2:#b9c4d6;--texto3:#8a99af;--azul-bg:#16294a;--azul-borde:#2b4f8a;--ok-bg:#123324;--ok-borde:#1f6b44;--ok-txt:#7fdba8;--err-bg:#3a1a17;--err-borde:#7a2e25;--err-txt:#ff9c8d;--warn-bg:#3a2712;--warn-borde:#7a4a1a;--warn-txt:#ffc38a;--sombra:0 1px 2px #0000004d, 0 8px 24px #0000004d}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--pagina);color:var(--texto);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--azul);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800}h2{margin:0 0 12px;font-size:17px;font-weight:800}h3{color:var(--texto2);margin:0 0 8px;font-size:14px;font-weight:800}.mono{font-family:var(--mono)}.der{text-align:right}.cen{text-align:center}.muted{color:var(--texto3)}.small{font-size:12.5px}.b{font-weight:700}.ok{color:var(--ok-txt)}.err{color:var(--err-txt)}.warn{color:var(--warn-txt)}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.side{background:var(--navy);color:#fff;height:100vh;padding:18px 14px;position:sticky;top:0;overflow:auto}.brand{letter-spacing:.02em;align-items:center;gap:10px;padding:6px 10px 18px;font-size:17px;font-weight:900;display:flex}.brand .sub{color:var(--navy-sec);letter-spacing:.12em;font-size:11px;font-weight:600;display:block}.nav-grupo{letter-spacing:.14em;color:var(--navy-sec);padding:14px 10px 6px;font-size:10.5px;font-weight:800}.nav a{color:#d6deea;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:600;display:flex}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.activo{background:var(--azul);color:#fff}.nav .badge{background:var(--naranja);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.main{min-width:0;padding:22px 28px 40px}.topbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.topbar .espacio{flex:1}.topbar .usuario{color:var(--texto3);font-size:13px}.card{background:var(--card);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px 20px}.grid{gap:16px;display:grid}.grid.k4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.k3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.k2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.k21{grid-template-columns:2fr 1fr}@media (width<=1200px){.grid.k4{grid-template-columns:repeat(2,1fr)}.grid.k3,.grid.k21{grid-template-columns:1fr}}.kpi{padding:16px 18px}.kpi .lbl{letter-spacing:.12em;color:var(--texto3);font-size:11px;font-weight:800}.kpi .val{letter-spacing:-.02em;margin-top:4px;font-size:30px;font-weight:900;line-height:1.1}.kpi .sub{color:var(--texto3);margin-top:4px;font-size:12.5px}.kpi.hero{background:linear-gradient(135deg, var(--naranja), #ff9550);color:#fff;border:0}.kpi.hero .lbl,.kpi.hero .sub{color:#ffffffd9}.kpi.hero .val{font-size:44px}.kpi.navy{background:var(--navy);color:#fff;border:0}.kpi.navy .lbl,.kpi.navy .sub{color:var(--navy-ter)}.tabla{border-collapse:collapse;width:100%;font-size:13.5px}.tabla th{text-align:left;letter-spacing:.1em;color:var(--texto3);border-bottom:1px solid var(--borde);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:800}.tabla td{border-bottom:1px solid var(--borde-fila);vertical-align:middle;padding:8px 10px}.tabla tr:hover td{background:var(--gris2)}.tabla tr.sel td{background:var(--azul-bg)}.tabla tr.click{cursor:pointer}.tabla td.num,.tabla th.num{text-align:right;font-variant-numeric:tabular-nums}.scroll{overflow:auto}.pill{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:800;display:inline-block}.pill.ok{background:var(--ok-bg);border-color:var(--ok-borde);color:var(--ok-txt)}.pill.err{background:var(--err-bg);border-color:var(--err-borde);color:var(--err-txt)}.pill.warn{background:var(--warn-bg);border-color:var(--warn-borde);color:var(--warn-txt)}.pill.info{background:var(--azul-bg);border-color:var(--azul-borde);color:var(--azul)}.pill.gris{background:var(--gris);border-color:var(--borde);color:var(--texto2)}.btn{border:1px solid var(--borde-ctrl);background:var(--card);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--azul-borde)}.btn.primario{background:var(--azul);border-color:var(--azul);color:#fff}.btn.primario:hover{background:var(--azul-hover)}.btn.naranja{background:var(--naranja);border-color:var(--naranja);color:#fff}.btn.peligro{color:var(--err-txt);border-color:var(--err-borde)}.btn.chico{padding:5px 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.campo{flex-direction:column;gap:4px;display:flex}.campo label{letter-spacing:.1em;color:var(--texto3);font-size:11px;font-weight:800}.campo input,.campo select,.campo textarea{border:1.5px solid var(--borde-ctrl);background:var(--input-bg);border-radius:10px;min-width:140px;padding:8px 10px}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--azul);outline:none}.filtros{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.aviso{border:1px solid;border-radius:10px;padding:10px 14px;font-size:13.5px}.aviso.ok{background:var(--ok-bg);border-color:var(--ok-borde);color:var(--ok-txt)}.aviso.err{background:var(--err-bg);border-color:var(--err-borde);color:var(--err-txt)}.aviso.warn{background:var(--warn-bg);border-color:var(--warn-borde);color:var(--warn-txt)}.aviso.info{background:var(--azul-bg);border-color:var(--azul-borde);color:var(--azul)}.cargando{color:var(--texto3);text-align:center;padding:30px}.tabs{border-bottom:1px solid var(--borde);gap:4px;margin-bottom:16px;display:flex}.tabs button{color:var(--texto3);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:700}.tabs button.activo{color:var(--azul);border-bottom-color:var(--azul)}.velo{z-index:50;background:#0f1b2d8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:min(96vw,640px);max-height:92vh;padding:22px 24px;overflow:auto;box-shadow:0 30px 80px #0006}.modal.ancho{width:min(96vw,1100px)}.modal-pie{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login .lado{background:var(--navy);color:#fff;flex-direction:column;justify-content:center;padding:60px;display:flex}.login .lado h1{color:#fff;font-size:40px}.login .lado p{color:var(--navy-ter);max-width:420px;font-size:16px}.login .form{justify-content:center;align-items:center;padding:40px;display:flex}.login form{flex-direction:column;gap:14px;width:min(92vw,380px);display:flex}@media (width<=900px){.login{grid-template-columns:1fr}.login .lado{display:none}.shell{grid-template-columns:1fr}.side{display:none}}