:root{--azul-noche: #0B1E33;--azul-panel: #122A45;--verde-vigilancia: #3FB68A;--texto-claro: #EAF1F5;--texto-tenue: #9FB3C8;--error: #E0554F;--borde: rgba(234, 241, 245, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--azul-noche);color:var(--texto-claro);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.pantalla-carga{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--texto-tenue)}.pantalla-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.tarjeta-login{width:100%;max-width:380px;background:var(--azul-panel);border:1px solid var(--borde);border-radius:12px;padding:32px}.tarjeta-login h1{margin:0 0 4px;font-size:1.5rem;letter-spacing:.02em}.subtitulo{color:var(--texto-tenue);margin:0 0 24px;font-size:.9rem}.tarjeta-login form{display:flex;flex-direction:column;gap:6px}.tarjeta-login label{font-size:.8rem;color:var(--texto-tenue);margin-top:10px}.tarjeta-login input{background:var(--azul-noche);border:1px solid var(--borde);border-radius:8px;padding:10px 12px;color:var(--texto-claro);font-size:.95rem}.tarjeta-login input:focus{outline:2px solid var(--verde-vigilancia);outline-offset:1px}.tarjeta-login button{margin-top:20px;background:var(--verde-vigilancia);color:var(--azul-noche);border:none;border-radius:8px;padding:12px;font-weight:600;cursor:pointer}.tarjeta-login button:disabled{opacity:.6;cursor:not-allowed}.mensaje-error{color:var(--error);font-size:.85rem;margin-top:10px}.encabezado-panel{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--borde)}.encabezado-panel button{background:transparent;border:1px solid var(--borde);color:var(--texto-claro);border-radius:8px;padding:8px 14px;cursor:pointer}.contenido-panel{padding:24px;max-width:640px}.tarjeta-perfil{background:var(--azul-panel);border:1px solid var(--borde);border-radius:10px;padding:16px;margin-top:16px}.nota-construccion{color:var(--texto-tenue);margin-top:24px;font-size:.85rem}