:root{--azul-950: #081a45;--azul-900: #0c2457;--azul-800: #123281;--azul-700: #1d4ed8;--azul-600: #2563eb;--azul-100: #e4ecfd;--azul-50: #f1f5fe;--fondo: #f5f8fd;--superficie: #ffffff;--texto: #0f1c33;--suave: #5d6b84;--borde: #e1e8f3;--error: #b42318;--error-fondo: #fef0ee;--radio: 12px;--sombra: 0 1px 2px rgba(15, 28, 51, .04), 0 8px 24px rgba(15, 28, 51, .06);--ancho-lateral: 264px}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--fondo);color:var(--texto);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2{margin:0;line-height:1.2;letter-spacing:-.01em}p{margin:0}.suave{color:var(--suave)}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--azul-600);outline-offset:2px}.cargando{min-height:100vh;display:grid;place-items:center}.spinner{width:30px;height:30px;border:3px solid var(--azul-100);border-top-color:var(--azul-700);border-radius:50%;animation:giro .8s linear infinite}@keyframes giro{to{transform:rotate(360deg)}}.logo{display:flex;align-items:center;gap:11px;color:var(--azul-900)}.logo-texto{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.logo-claro{color:#fff}.marca{display:inline-grid;place-items:center;flex:none;color:#fff;background:linear-gradient(145deg,var(--azul-600),var(--azul-700));border-radius:10px;box-shadow:0 2px 8px #1d4ed859}.logo-claro .marca{background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff47}.login-pantalla{min-height:100vh;display:grid;grid-template-columns:minmax(380px,5fr) 6fr;background:var(--superficie)}.login-marca{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:44px 52px;color:#fff;overflow:hidden;background:radial-gradient(900px 500px at 110% -10%,rgba(96,148,255,.42),transparent 60%),radial-gradient(700px 500px at -20% 110%,rgba(37,99,235,.5),transparent 60%),linear-gradient(160deg,var(--azul-800),var(--azul-950))}.login-marca:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 30% 60%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 30% 60%,#000 20%,transparent 75%);pointer-events:none}.login-marca>*{position:relative}.login-marca-texto h2{max-width:420px;font-size:2.1rem;font-weight:700;line-height:1.18}.login-marca-texto p{max-width:400px;margin-top:16px;color:#ffffffc7;font-size:1.02rem}.login-marca small{color:#ffffff8c}.login-panel{display:grid;place-items:center;padding:32px 24px}.login-form{width:100%;max-width:380px;display:flex;flex-direction:column}.login-form h1{font-size:1.75rem;font-weight:700}.login-sub{margin:8px 0 26px}.login-logo-movil{display:none;margin-bottom:32px}label{margin:16px 0 7px;font-size:.86rem;font-weight:600;color:var(--texto)}input{width:100%;padding:12px 14px;font:inherit;color:var(--texto);background:var(--superficie);border:1px solid #cfd8e8;border-radius:10px;transition:border-color .15s,box-shadow .15s}input:hover{border-color:#b4c2da}input:focus{outline:none;border-color:var(--azul-600);box-shadow:0 0 0 4px #2563eb24}.campo-clave{position:relative}.campo-clave input{padding-right:84px}.ver-clave{position:absolute;top:50%;right:8px;transform:translateY(-50%);padding:6px 10px;font-size:.82rem;font-weight:600;color:var(--azul-700);background:transparent;border:0;border-radius:6px}.ver-clave:hover{background:var(--azul-50)}.boton{margin-top:26px;padding:13px 18px;font-weight:600;color:#fff;background:linear-gradient(180deg,var(--azul-600),var(--azul-700));border:0;border-radius:10px;box-shadow:0 1px 2px #0f1c3333,0 6px 14px #1d4ed847;transition:transform .1s,box-shadow .15s,filter .15s}.boton:hover{filter:brightness(1.07)}.boton:active{transform:translateY(1px)}.boton:disabled{opacity:.65;cursor:wait}.error{margin-top:16px;padding:10px 14px;color:var(--error);background:var(--error-fondo);border:1px solid #f7cfc9;border-radius:10px;font-size:.9rem}.app{min-height:100vh}.lateral{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--ancho-lateral);display:flex;flex-direction:column;padding:22px 14px 16px;color:#fff;background:linear-gradient(185deg,var(--azul-800) 0%,var(--azul-950) 100%);box-shadow:1px 0 #ffffff0a}.lateral-cabecera{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 24px}.lateral-nav{display:flex;flex-direction:column;gap:4px;flex:1}.lateral-seccion{padding:0 12px 8px;font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#ffffff73}.nav-enlace{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;color:#ffffffc2;font-weight:500;text-align:left;text-decoration:none;background:transparent;border:0;border-radius:10px;transition:background .15s,color .15s}.nav-enlace:hover{color:#fff;background:#ffffff14}.nav-activo{position:relative;color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1a}.nav-activo:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:4px;background:#fff;border-radius:0 4px 4px 0}.lateral-pie{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.perfil{display:flex;align-items:center;gap:12px;padding:6px 8px 8px}.avatar{flex:none;display:grid;place-items:center;width:38px;height:38px;font-size:.82rem;font-weight:700;color:var(--azul-900);background:#fff;border-radius:50%}.perfil-datos{display:flex;flex-direction:column;min-width:0;line-height:1.3}.perfil-datos strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perfil-datos span{font-size:.78rem;color:#fff9}.nav-salir{cursor:pointer}.nav-salir:hover{background:#ffffff1a}.principal{margin-left:var(--ancho-lateral);padding:40px 44px;min-height:100vh}.pagina-cabecera{margin-bottom:26px}.pagina-cabecera h1{font-size:1.7rem;font-weight:700}.pagina-cabecera p{margin-top:4px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:28px}.bienvenida{max-width:720px;border-top:3px solid var(--azul-700)}.bienvenida-etiqueta{display:inline-block;margin-bottom:14px;padding:4px 12px;font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--azul-700);background:var(--azul-50);border-radius:999px}.bienvenida h2{margin-bottom:8px;font-size:1.35rem;font-weight:700}.vacio{max-width:720px;color:var(--suave);border-style:dashed;box-shadow:none}.topbar,.velo,.solo-movil{display:none}.icono-boton{display:grid;place-items:center;width:40px;height:40px;color:var(--azul-900);background:transparent;border:0;border-radius:10px}.icono-boton:hover{background:var(--azul-50)}.icono-boton-claro{color:#fff}.icono-boton-claro:hover{background:#ffffff1f}@media (max-width: 900px){.login-pantalla{grid-template-columns:1fr}.login-marca{display:none}.login-logo-movil{display:block}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--superficie);border-bottom:1px solid var(--borde)}.lateral{transform:translate(-100%);transition:transform .22s ease}.lateral-abierto{transform:none;box-shadow:8px 0 32px #081a4559}.velo{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#081a4573}.solo-movil{display:grid}.principal{margin-left:0;padding:26px 18px;min-height:auto}}