.login-page{min-height:100vh;padding:var(--space-4) var(--space-4) 9rem;background-color:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden auto}@media (width<=640px){.login-page{padding-top:calc(env(safe-area-inset-top,0px) + 4.5rem);justify-content:flex-start}}.login-page .password-input-wrap{position:relative}.login-page .password-input-wrap .form-input{padding-right:3.25rem}.login-page .password-toggle{width:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;position:absolute;inset:0 0 0 auto}.login-page .bg-glow{filter:blur(120px);opacity:.08;pointer-events:none;border-radius:50%;position:absolute}.login-page .bg-glow--primary{background:var(--color-primary);width:600px;height:600px;top:-200px;right:-100px}.login-page .bg-glow--secondary{background:var(--color-secondary);opacity:.04;width:400px;height:400px;bottom:-150px;left:-100px}.login-page .login-card{width:100%;max-width:420px;padding:var(--space-8);background-color:var(--bg-medium);border-radius:var(--radius-3xl);border:1px solid var(--bg-elevated);box-shadow:6px 6px 12px var(--shadow-dark),0 0 0 1px #ffffff05 inset;z-index:1;transition:transform .2s,opacity .2s;position:relative}.login-page .login-card.is-submitting{opacity:.85}.login-page .login-header{text-align:center;margin-bottom:var(--space-8)}.login-page .logo-mark{margin-bottom:var(--space-4);justify-content:center;display:flex}.login-page .logo-mark-icon{color:#d4356a}.login-page :root[data-color-mode=dark] .logo-mark-icon{color:#f683a9}.login-page .login-title{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.2}.login-page .logo-text{color:var(--text-primary)}.login-page .logo-dot{color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-focus)}.login-page .logo-accent{color:var(--text-primary);font-weight:700}.login-page .login-subtitle{color:var(--text-dim);margin-top:var(--space-1);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:500}.login-page .login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-page .form-group{gap:var(--space-1_5);flex-direction:column;display:flex}.login-page .form-label{color:var(--text-muted);align-items:center;gap:var(--space-1_5);font-size:.8125rem;font-weight:500;display:flex}.login-page .label-icon{width:14px;height:14px;color:var(--text-dim)}.login-page .form-input{padding:var(--space-3) var(--space-4);background-color:var(--bg-darker);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);outline:none;transition:all .2s}.login-page .form-input:focus{border-color:var(--color-primary-focus);box-shadow:0 0 0 3px var(--color-primary-bg);background-color:var(--bg-dark-hover)}.login-page .form-input::placeholder{color:var(--text-placeholder)}.login-page .form-error{justify-content:center;align-items:center;gap:var(--space-1_5);color:var(--color-error-light);background-color:var(--color-error-msg-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-error-msg-border);font-size:.8125rem;display:flex}.login-page .error-icon{flex-shrink:0;width:16px;height:16px}.login-page .login-button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;margin-top:var(--space-2);border:none;transition:all .2s;display:flex}.login-page .login-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 4px 20px var(--color-primary-glow);transform:translateY(-1px)}.login-page .login-button:active:not(:disabled){transform:translateY(0)}.login-page .login-button:disabled{opacity:.6;cursor:not-allowed}.login-page .btn-arrow{width:16px;height:16px;transition:transform .2s}.login-page .login-button:hover:not(:disabled) .btn-arrow{transform:translate(2px)}.login-page .forgot-link{text-align:center;margin-top:var(--space-3);color:var(--color-text-secondary);font-size:.875rem;text-decoration:none;transition:color .15s;display:block}.login-page .forgot-link:hover{color:var(--color-primary);text-decoration:underline}.login-page .login-booking{margin:var(--space-6) 0 0;padding-top:var(--space-4);border-top:1px solid var(--bg-elevated);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.login-page .login-booking__link{min-height:44px;margin-left:var(--space-1);color:var(--color-primary);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.login-page .login-booking__link:focus-visible,.login-page .login-booking__link:hover{text-decoration:underline}.login-page .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.login-page .dev-section{margin-top:var(--space-8)}.login-page .demo-hint{margin:0 0 var(--space-4);color:var(--text-dim);text-align:center;font-size:.8125rem;line-height:1.4}.login-page .dev-divider{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.login-page .dev-divider:after,.login-page .dev-divider:before{content:"";background:linear-gradient(90deg,transparent,var(--border-medium),transparent);flex:1;height:1px}.login-page .dev-badge{letter-spacing:.15em;color:var(--color-warning-text);font-size:.625rem;font-weight:700;font-family:var(--font-mono);background-color:var(--color-warning-bg);padding:var(--space-0_5) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-warning-border)}.login-page .dev-users{gap:var(--space-2);flex-direction:column;display:flex}.login-page .dev-user-btn{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);background-color:var(--bg-darker);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-sans);text-align:left;width:100%;transition:all .15s;display:flex}.login-page .dev-user-btn:hover:not(:disabled){background-color:var(--bg-dark-hover);border-color:var(--border-medium)}.login-page .dev-user-btn.admin:hover:not(:disabled){box-shadow:0 0 0 1px var(--color-primary-focus-ring) inset;border-color:#df206059}.login-page .dev-user-btn.main_admin:hover:not(:disabled),.login-page .dev-user-btn.user:hover:not(:disabled){border-color:#aeff004d;box-shadow:inset 0 0 0 1px #aeff000f}.login-page .dev-user-btn:disabled{opacity:.4;cursor:not-allowed}.login-page .dev-user-avatar{border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.login-page .dev-user-avatar.admin{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.login-page .dev-user-avatar.main_admin,.login-page .dev-user-avatar.user{background:linear-gradient(135deg,#608217,#80ad1f)}.login-page .dev-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.login-page .dev-user-name{color:var(--text-heading);font-size:.8125rem;font-weight:500}.login-page .dev-user-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-0_5);display:flex}.login-page .dev-role-tag{letter-spacing:.08em;text-transform:uppercase;font-size:.5625rem;font-weight:600;font-family:var(--font-mono);padding:var(--space-px) var(--space-1_5);border-radius:var(--radius-sm)}.login-page .dev-role-tag.admin{color:var(--color-primary-text);background-color:var(--color-primary-bg)}.login-page .dev-role-tag.main_admin,.login-page .dev-role-tag.user{color:#aee830;background-color:#aeff0014}.login-page .dev-user-email{color:var(--text-dim);font-size:.6875rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.login-page .dev-login-icon{width:18px;height:18px;color:var(--text-placeholder);flex-shrink:0;transition:color .15s}.login-page .dev-user-btn:hover:not(:disabled) .dev-login-icon{color:var(--text-muted)}.login-page .app-back-link{top:var(--space-4);left:var(--space-4);z-index:2;position:absolute}.login-page .login-footer{padding:var(--space-4) var(--space-4) var(--space-6);align-items:center;gap:var(--space-2);z-index:1;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.login-page .login-footer__brand{font-size:.875rem;font-weight:700}.login-page .footer-logo-text{color:var(--text-secondary)}.login-page .footer-logo-dot{color:var(--color-primary);text-shadow:0 0 12px var(--color-primary-glow)}.login-page .footer-logo-accent{color:var(--text-secondary);font-weight:700}.login-page .login-footer__links{align-items:center;gap:var(--space-2);display:flex}.login-page .login-footer__link{color:var(--text-placeholder);font-size:.75rem;text-decoration:none;transition:color .15s}.login-page .login-footer__link:hover{color:var(--color-primary-text)}.login-page .login-footer__sep{color:var(--border-medium);font-size:.625rem}.login-page .login-footer__copy{color:var(--text-placeholder);font-size:.6875rem;font-family:var(--font-sans);letter-spacing:.02em}