:root{--accent: #ffc107;--accent-ink: #000;--bg-page: #121212;--bg-black: #000;--bg-panel: #1a1a1a;--bg-panel-2: #1f1f1f;--bg-elevated: #222;--bg-soft: #2a2a2a;--border: #333;--text-primary: #fff;--text-muted: #aaa;--text-dim: #888;--status-pendiente: #ffc107;--status-aceptado: #0dcaf0;--status-finalizado: #9aa0a6;--win: #2ecc71;--draw: #f1c40f;--loss: #e74c3c;--primary: #0d6efd;--danger: #dc3545}.logo-login{width:160px;height:160px;min-width:160px;min-height:160px;display:block;margin-left:auto;margin-right:auto;border-radius:50%;object-fit:contain}.logo-inline-sm{height:22px;width:auto;vertical-align:middle}body{background:radial-gradient(circle at top,#1b1b1b,#000);font-family:Inter,system-ui,-apple-system,sans-serif;padding:16px}.card{border-radius:14px;border:1px solid #222;box-shadow:0 0 40px #0009;width:100%;max-width:380px;animation:cardFadeIn .5s ease-out forwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h4{font-weight:800;letter-spacing:1px;margin-bottom:20px}.form-label{font-size:.9rem;color:#bbb}.form-control{background:#111;border:1px solid #222;color:#fff;height:44px;font-size:1rem}.form-control:focus{background:#111;color:#fff;border-color:var(--primary);box-shadow:none}.btn{height:44px;font-weight:600}#loginError{font-size:.9rem}@media(min-width:768px){body{padding:32px}.card{padding:28px!important}}.spinner-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:2000}.password-wrapper{position:relative}.password-wrapper input{padding-right:42px}.btn-eye{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:transparent;border:none;color:#bbb;padding:0;cursor:pointer}.login-link-sm{font-size:.75rem;color:#666;text-decoration:none;padding:0;height:auto;font-weight:400}.login-link-sm:hover{color:#aaa}.btn-eye:focus,.btn-eye:active,.btn-eye:focus-visible{outline:none;box-shadow:none;background:transparent}