:root{--fondo:#f7f8fa;--superficie:#fff;--borde:#e4e7ec;--texto:#101828;--texto-suave:#667085;--primario:#1d4ed8;--primario-texto:#fff;--activo-fondo:#eef2ff;--peligro:#dc2626;--insignia-fondo:#fef3c7;--insignia-texto:#92400e}@media (prefers-color-scheme:dark){:root{--fondo:#0b0f17;--superficie:#121826;--borde:#263043;--texto:#e5e7eb;--texto-suave:#98a2b3;--primario:#3b82f6;--activo-fondo:#1e293b;--insignia-fondo:#422006;--insignia-texto:#fcd34d}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.lateral{background:var(--superficie);border-right:1px solid var(--borde);flex-direction:column;flex-shrink:0;gap:4px;width:248px;padding:16px 12px;display:flex}.lateral-marca{padding:4px 8px 16px;font-size:16px;font-weight:800}.lateral-org{color:var(--texto-suave);margin-top:2px;font-size:12px;font-weight:500;display:block}.nav-enlace{color:var(--texto-suave);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.nav-enlace:hover{background:var(--activo-fondo);color:var(--texto)}.nav-enlace[aria-current=page]{background:var(--activo-fondo);color:var(--primario);font-weight:600}.nav-hijo{padding-left:38px;font-size:13px}.lateral-pie{border-top:1px solid var(--borde);color:var(--texto-suave);margin-top:auto;padding-top:12px;font-size:12px}.principal{flex:1;min-width:0;padding:32px}.encabezado{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.encabezado h1{margin:0;font-size:22px}.boton-menu{display:none}.vacio{background:var(--superficie);border:1px dashed var(--borde);text-align:center;border-radius:16px;max-width:560px;margin:48px auto;padding:48px 24px}.vacio h2{margin:12px 0 8px;font-size:18px}.vacio p{color:var(--texto-suave);margin:0 0 20px;font-size:14px;line-height:1.5}.insignia{text-transform:uppercase;letter-spacing:.04em;background:var(--insignia-fondo);color:var(--insignia-texto);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.boton{cursor:pointer;background:var(--primario);color:var(--primario-texto);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.boton:disabled,.boton[aria-disabled=true]{opacity:.5;cursor:not-allowed}.boton-secundario{color:var(--texto-suave);border:1px solid var(--borde);background:0 0;padding:6px 12px;font-size:13px}.login{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login form{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px;display:flex}.login h1{margin:0;font-size:20px}.login label{text-transform:uppercase;color:var(--texto-suave);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.login input{border:1px solid var(--borde);background:var(--fondo);width:100%;color:var(--texto);border-radius:10px;padding:12px 14px;font-size:14px}.error{color:var(--peligro);margin:0;font-size:13px;font-weight:600}@media (max-width:768px){.app{flex-direction:column}.lateral{border-right:none;border-bottom:1px solid var(--borde);width:100%;display:none}.lateral[data-abierto=true]{display:flex}.boton-menu{display:inline-flex}.principal{padding:16px}}