:root{--asfalto-950:#121417;--asfalto-900:#1b1e23;--asfalto-800:#262a31;--asfalto-600:#4a505b;--gris-400:#9aa1ad;--gris-200:#dfe2e7;--gris-100:#eef0f3;--papel:#f7f7f5;--blanco:#fff;--senal:#f5b800;--senal-tinta:#6b5000;--ok:#1f7a4d;--ok-bg:#e3f3ea;--alerta:#b45309;--alerta-bg:#fdf0dc;--error:#b42318;--error-bg:#fde8e6;--info:#1d4ed8;--info-bg:#e5edff;--radio:8px;--sombra:0 1px 2px #0000000f, 0 2px 8px #0000000a;color:var(--asfalto-900);background:var(--papel);font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0}button,input,select,textarea{font:inherit}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace}.app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--asfalto-950);color:var(--gris-200);flex-direction:column;display:flex}.marca{border-bottom:1px solid var(--asfalto-800);padding:20px 20px 16px}.marca strong{color:var(--blanco);letter-spacing:.04em;text-transform:uppercase;font-size:15px;display:block}.marca span{color:var(--gris-400);font-size:12px}.marca:after{content:"";background:repeating-linear-gradient(90deg, var(--senal) 0 14px, transparent 14px 22px);width:56px;height:4px;margin-top:12px;display:block}.nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.nav a{color:var(--gris-200);border-left:3px solid #0000;border-radius:6px;padding:9px 12px;font-size:14px;text-decoration:none}.nav a:hover{background:var(--asfalto-800)}.nav a.active{background:var(--asfalto-800);color:var(--blanco);border-left-color:var(--senal)}.nav .grupo{text-transform:uppercase;letter-spacing:.08em;color:var(--asfalto-600);padding:14px 12px 4px;font-size:11px}.usuario{border-top:1px solid var(--asfalto-800);padding:14px 20px;font-size:13px}.usuario small{color:var(--gris-400);display:block}.usuario button{color:var(--senal);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0}main{width:100%;max-width:1400px;padding:28px 32px 48px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-header h1{font-size:24px}.page-header p{color:var(--asfalto-600);margin:4px 0 0;font-size:14px}.card{background:var(--blanco);border:1px solid var(--gris-200);border-radius:var(--radio);box-shadow:var(--sombra)}.card>header{border-bottom:1px solid var(--gris-100);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card>header h2{font-size:15px}.card .cuerpo{padding:16px 18px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kpi{padding:16px 18px}.kpi .etq{color:var(--asfalto-600);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.kpi .val{margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:500}.kpi .sub{color:var(--gris-400);margin-top:2px;font-size:12px}.btn{border:1px solid var(--gris-200);background:var(--blanco);color:var(--asfalto-900);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500}.btn:hover:not(:disabled){border-color:var(--asfalto-600)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primario{background:var(--asfalto-900);color:var(--blanco);border-color:var(--asfalto-900)}.btn.primario:hover:not(:disabled){background:var(--asfalto-800)}.btn.acento{background:var(--senal);border-color:var(--senal);color:var(--asfalto-950)}.btn.peligro{color:var(--error)}.btn.chico{padding:4px 10px;font-size:13px}table.tabla{border-collapse:collapse;width:100%;font-size:14px}.tabla th{text-align:left;color:var(--asfalto-600);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--gris-200);background:var(--gris-100);padding:10px 12px;font-size:12px;font-weight:500}.tabla th.num{text-align:right}.tabla td{border-bottom:1px solid var(--gris-100);vertical-align:top;padding:10px 12px}.tabla tr:hover td{background:#fafbfc}.tabla tr.clic{cursor:pointer}.tabla tfoot td{border-top:2px solid var(--gris-200);font-weight:600}.vacio{text-align:center;color:var(--gris-400);padding:32px;font-size:14px}.badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.alerta{background:var(--alerta-bg);color:var(--alerta)}.badge.error{background:var(--error-bg);color:var(--error)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.neutro{background:var(--gris-100);color:var(--asfalto-600)}.campo{flex-direction:column;gap:4px;font-size:13px;display:flex}.campo label{color:var(--asfalto-800);font-weight:500}.campo input,.campo select,.campo textarea{border:1px solid var(--gris-200);background:var(--blanco);border-radius:6px;padding:8px 10px}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--senal);outline-offset:-1px;border-color:#0000}.campo input.num{text-align:right}.campo .ayuda{color:var(--gris-400);font-size:12px}.campo .err{color:var(--error);font-size:12px}.aviso{border-radius:6px;padding:10px 14px;font-size:14px}.aviso.error{background:var(--error-bg);color:var(--error)}.aviso.ok{background:var(--ok-bg);color:var(--ok)}.aviso.alerta{background:var(--alerta-bg);color:var(--alerta)}.modal-fondo{z-index:50;background:#1214178c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--blanco);border-radius:10px;width:min(760px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal>header{border-bottom:1px solid var(--gris-100);justify-content:space-between;padding:16px 20px;display:flex}.modal>header h2{font-size:17px}.modal .cuerpo{padding:18px 20px}.modal>footer{border-top:1px solid var(--gris-100);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.cerrar{cursor:pointer;color:var(--gris-400);background:0 0;border:0;font-size:20px}.barra{background:var(--gris-100);border-radius:999px;height:8px;overflow:hidden}.barra>i{background:var(--senal);height:100%;display:block}.login{background:var(--asfalto-950);background-image:repeating-linear-gradient(90deg,#0000 0 46%,#f5b80014 46% 54%,#0000 54% 100%);place-items:center;min-height:100vh;display:grid}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{position:static}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}main{padding:20px 16px}}body{background:var(--papel)}.demo-acceso{border-top:1px dashed var(--gris-200);flex-direction:column;gap:6px;padding-top:14px;display:flex}.demo-acceso .btn{text-align:left}.demo-acceso strong{text-transform:capitalize}.demo-etq{text-transform:uppercase;letter-spacing:.08em;color:var(--asfalto-600);font-size:11px}.demo-banda{background:var(--senal);color:var(--asfalto-950);text-align:center;padding:6px 16px;font-size:12px}.login .card{width:min(380px,100%)}.login{padding:16px}@media (width<=900px){.grid[style*="1.5fr"]{grid-template-columns:1fr!important}}