:root{--fondo: #071320;--fondo-secundario: #0b1a2a;--superficie: #10243a;--superficie-elevada: #14304a;--superficie-hover: #183a57;--borde: #254766;--borde-sutil: #1a3450;--texto: #eef6ff;--texto-suave: #9bb3ca;--texto-apagado: #6f8aa3;--acento: #163d62;--acento-hover: #1f4f7c;--acento-suave: rgba(22,61,98,.18);--acento-texto: #6ea0cf;--ok: #22c55e;--ok-suave: rgba(34,197,94,.12);--aviso: #f59e0b;--aviso-suave: rgba(245,158,11,.12);--error: #ef4444;--error-suave: rgba(239,68,68,.12);--info: #1d9bf0;--info-suave: rgba(29,155,240,.12);--radio-sm: 6px;--radio: 10px;--radio-lg: 14px;--radio-full: 9999px;--sombra-sm: 0 1px 2px rgba(0,0,0,.3);--sombra: 0 4px 12px rgba(0,0,0,.25);--sombra-lg: 0 8px 30px rgba(0,0,0,.35);--transicion: .2s cubic-bezier(.4,0,.2,1)}[data-tema=claro]{--fondo: #eff5fa;--fondo-secundario: #e4edf5;--superficie: #ffffff;--superficie-elevada: #f7fbff;--superficie-hover: #edf4fa;--borde: #d3e0eb;--borde-sutil: #e4edf4;--texto: #10253b;--texto-suave: #4f6b84;--texto-apagado: #7a92a8;--acento: #163d62;--acento-hover: #1f4f7c;--acento-suave: rgba(22,61,98,.08);--acento-texto: #123253;--ok: #16a34a;--ok-suave: rgba(22,163,74,.08);--aviso: #d97706;--aviso-suave: rgba(217,119,6,.08);--error: #dc2626;--error-suave: rgba(220,38,38,.08);--info: #1482d0;--info-suave: rgba(20,130,208,.08);--sombra-sm: 0 1px 2px rgba(0,0,0,.05);--sombra: 0 4px 12px rgba(0,0,0,.08);--sombra-lg: 0 8px 30px rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--fondo);color:var(--texto);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--texto);font-weight:600;line-height:1.2}h1{font-size:2rem;margin-bottom:1rem}h2{font-size:1.5rem;margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.5rem}h4{font-size:1rem;margin-bottom:.5rem}a{color:var(--acento);text-decoration:none;transition:color var(--transicion)}a:hover{color:var(--acento-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--fondo)}::-webkit-scrollbar-thumb{background:var(--superficie-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--borde)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background-color:var(--superficie);border-right:1px solid var(--borde);display:flex;flex-direction:column;transition:width var(--transicion);z-index:100;height:100vh}.sidebar-colapsado{width:72px}.sidebar-marca{height:64px;padding:0 1rem;display:flex;align-items:center;border-bottom:1px solid var(--borde-sutil);color:var(--texto);justify-content:center}.sidebar-logo{width:150px;height:42px;object-fit:contain;flex:0 0 auto}.sidebar-nav{flex:1 1 0%;overflow-y:auto;padding:1rem 0}.sidebar-seccion{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--texto-apagado);padding:.65rem 1rem;font-weight:700}.sidebar-item{display:flex;align-items:center;padding:.45rem 1rem .45rem 3rem;color:var(--texto-apagado);text-decoration:none;font-size:.85rem;transition:color var(--transicion);border-left:2px solid transparent;cursor:pointer}.sidebar-item:hover{color:var(--texto);background-color:transparent}.sidebar-item.activo{color:var(--acento);background-color:transparent;border-left-color:var(--acento)}.sidebar-usuario{padding:1rem;border-top:1px solid var(--borde-sutil);display:flex;align-items:center;gap:12px}.topbar{height:64px;background-color:var(--superficie);border-bottom:1px solid var(--borde);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:90}.contenido-principal{flex:1;display:flex;flex-direction:column;min-width:0}.contenido-scroll{flex:1;padding:2rem;overflow-y:auto}.tarjeta{background-color:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-sm);padding:1.5rem;transition:box-shadow var(--transicion),transform var(--transicion)}.tarjeta:hover{box-shadow:var(--sombra)}.tarjetas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.tarjeta-kpi{display:flex;flex-direction:column;gap:.5rem}.tarjeta-kpi .label{color:var(--texto-suave);font-size:.875rem;font-weight:500}.tarjeta-kpi .valor{font-size:2rem;font-weight:700;color:var(--texto)}.tabla-contenedor{background-color:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background-color:var(--superficie-elevada);color:var(--texto-suave);font-size:.75rem;text-transform:uppercase;font-weight:600;padding:1rem;border-bottom:1px solid var(--borde)}td{padding:1rem;border-bottom:1px solid var(--borde-sutil);color:var(--texto);font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--superficie-hover)}.insignia{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radio-full);font-size:.75rem;font-weight:600;line-height:1}.insignia.ok{background-color:var(--ok-suave);color:var(--ok)}.insignia.error{background-color:var(--error-suave);color:var(--error)}.insignia.aviso{background-color:var(--aviso-suave);color:var(--aviso)}.insignia.info{background-color:var(--info-suave);color:var(--info)}.campo{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.campo label{font-size:.875rem;font-weight:500;color:var(--texto-suave)}.input,select,textarea{background-color:var(--fondo-secundario);border:1px solid var(--borde);color:var(--texto);padding:.625rem .875rem;border-radius:var(--radio-sm);font-family:inherit;font-size:.875rem;transition:all var(--transicion);outline:none}.input:focus,select:focus,textarea:focus{border-color:var(--acento);box-shadow:0 0 0 2px var(--acento-suave)}.grupo-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--radio-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transicion);border:none;font-family:inherit}.btn-primario{background-color:var(--acento);color:#fff}.btn-primario:hover{background-color:var(--acento-hover)}.btn-secundario{background-color:transparent;border:1px solid var(--borde);color:var(--texto)}.btn-secundario:hover{background-color:var(--superficie-hover)}.btn-peligro{background-color:var(--error);color:#fff}.btn-peligro:hover{filter:brightness(1.1)}.vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--texto-suave)}.animar-entrada{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sidebar{position:fixed;height:100vh;transform:translate(-100%)}.sidebar.abierto{transform:translate(0)}}.form-seccion{margin-bottom:1.5rem}.form-seccion-titulo{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--acento-texto);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--borde-sutil)}