:root{--brand-50: #f0fdf4;--brand-100: #dcfce7;--brand-200: #bbf7d0;--brand-300: #86efac;--brand-400: #4ade80;--brand-500: #22c55e;--brand-600: #16a34a;--brand-700: #15803d;--brand-800: #166534;--brand-900: #14532d;--auth-text-primary: #0f172a;--auth-text-secondary: #64748b;--auth-text-muted: #475569;--auth-bg-panel: rgba(255, 255, 255, .98);--auth-bg-input: #fff;--auth-bg-input-hover: #f8fafc;--auth-border: #e5e7eb;--auth-border-focus: var(--brand-500);--auth-error-text: #991b1b;--auth-error-bg: #fef2f2;--auth-error-border: #fecaca;--auth-success-text: #166534;--auth-success-bg: #f0fdf4;--auth-success-border: #bbf7d0;--auth-divider: #e2e8f0}[data-theme=dark]{--auth-text-primary: #f1f5f9;--auth-text-secondary: #cbd5e1;--auth-text-muted: #94a3b8;--auth-bg-panel: rgba(30, 41, 59, .98);--auth-bg-input: #1e293b;--auth-bg-input-hover: #334155;--auth-border: #475569;--auth-error-text: #fca5a5;--auth-error-bg: #3f1f1f;--auth-error-border: #7f1d1d;--auth-success-text: #86efac;--auth-success-bg: #1f3f2f;--auth-success-border: #166534;--auth-divider: #475569}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--auth-text-primary);display:flex;flex-direction:column;background:#000;overflow-y:auto}.page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 24px 24px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.panel{width:100%;max-width:400px;background:var(--auth-bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:48px 40px;box-shadow:0 32px 64px -12px #00000040,0 0 0 1px #ffffff1a;position:relative;z-index:10;transition:opacity .2s ease}.panel.loading{opacity:.6;pointer-events:none}.brand{text-align:center;margin-bottom:20px}.brand img{width:56px;height:56px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}h1{margin:8px 0 16px;font-size:32px;text-align:center;font-weight:600;letter-spacing:-.025em;color:var(--auth-text-primary)}.description{text-align:center;color:var(--auth-text-secondary);font-size:14px;margin-bottom:32px;line-height:1.5}.alert{padding:16px 20px;border-radius:12px;font-size:13px;margin-bottom:20px}.alert-danger{border:1px solid var(--auth-error-border);color:var(--auth-error-text);background:var(--auth-error-bg);box-shadow:0 2px 4px #0000000d}.alert-success{border:1px solid var(--auth-success-border);color:var(--auth-success-text);background:var(--auth-success-bg);box-shadow:0 2px 4px #0000000d}label{display:block;font-size:13px;font-weight:600;color:var(--auth-text-primary);margin:16px 0 8px}input[type=email],input[type=password],input[type=text],input[type=tel],input[type=date],select{width:100%;padding:18px 20px;border:2px solid var(--auth-border);border-radius:8px;font-size:16px;background:var(--auth-bg-input);color:var(--auth-text-primary);transition:all .2s ease;box-shadow:0 1px 3px #0000000d;font-weight:400}input[type=email]:hover,input[type=password]:hover,input[type=text]:hover,input[type=tel]:hover,input[type=date]:hover,select:hover{background:var(--auth-bg-input-hover);border-color:var(--brand-300)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cbd5e1' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}input:focus{outline:none;border-color:var(--auth-border-focus);box-shadow:0 0 0 3px #22c55e1a;transform:translateY(-1px)}select:focus{outline:none;border-color:var(--auth-border-focus);box-shadow:0 0 0 3px #22c55e1a}.is-invalid{border-color:var(--auth-error-border)}.invalid-feedback{display:none;color:var(--auth-error-text);font-size:13px;margin-top:4px}.was-validated .form-control:invalid~.invalid-feedback,.is-invalid~.invalid-feedback,input.is-invalid~.invalid-feedback,.invalid-feedback.show-error{display:block}.row{display:flex;align-items:center;gap:12px;margin:16px 0 20px}.row input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-600)}.checkbox-row{display:flex;align-items:flex-start;gap:12px;margin:16px 0 20px}.checkbox-row input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--brand-600)}.checkbox-row label{margin:0;font-weight:400;font-size:13px;line-height:1.4}button,.button{width:100%;padding:18px 20px;border:0;border-radius:8px;background:var(--brand-600);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #16a34a33;display:inline-block;text-align:center;text-decoration:none}button:hover,.button:hover{background:var(--brand-700);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}button:disabled,.button:disabled{opacity:.6;cursor:not-allowed;background:var(--brand-600);transform:none;box-shadow:0 2px 8px #16a34a33}button:disabled:hover,.button:disabled:hover{background:var(--brand-600);transform:none;box-shadow:0 2px 8px #16a34a33}.links{margin-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:13px}.links.center{justify-content:center}.a,a{color:var(--brand-700);text-decoration:none;font-weight:600;transition:color .2s ease;cursor:pointer}.a:hover,a:hover{color:var(--brand-800);text-decoration:underline}.form-text{display:block;margin-top:4px;font-size:12px;line-height:1.4}.text-muted{color:var(--auth-text-muted)}.text-danger{color:var(--auth-error-text)}.d-block{display:block!important}.me-2{margin-right:.5rem}.mb-0{margin-bottom:0!important}.mt-2{margin-top:.5rem}.spinner-border{display:inline-block;width:1rem;height:1rem;vertical-align:-.125em;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border-animation .75s linear infinite}.spinner-border-sm{width:.875rem;height:.875rem;border-width:.125em}@keyframes spinner-border-animation{to{transform:rotate(360deg)}}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--auth-text-primary);background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5;cursor:pointer;transition:opacity .15s ease}.btn-close:hover{opacity:.75}[data-theme=dark] .btn-close{filter:invert(1)}.alert-dismissible{padding-right:3rem;position:relative}.alert-dismissible .btn-close{position:absolute;top:0;right:0;padding:1rem}.fade{transition:opacity .15s linear}.fade:not(.show){opacity:0}.show{opacity:1}.is-valid{border-color:var(--auth-success-border)}.is-valid:focus{border-color:var(--auth-success-border);box-shadow:0 0 0 3px #22c55e1a}.oauth-section{margin:32px 0;text-align:center}.oauth-divider{display:flex;align-items:center;margin:32px 0;color:var(--auth-text-muted);font-size:14px;font-weight:500}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;height:1px;background:var(--auth-divider)}.oauth-divider span{padding:0 16px}.google-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:18px 20px;border:2px solid var(--auth-border);border-radius:8px;background:var(--auth-bg-input);color:var(--auth-text-primary);font-weight:500;font-size:16px;text-decoration:none;transition:all .2s ease;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}.google-btn:hover{background:var(--auth-bg-input-hover);border-color:var(--brand-300);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a;text-decoration:none;color:var(--auth-text-primary)}.auth-icon{width:1em;height:1em;vertical-align:-.125em;fill:currentColor;display:inline-block}.google-logo{width:20px;height:20px;margin-right:12px;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%2334A853' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59a14.5 14.5 0 0 1 0-9.18l-7.98-6.19a24.0 24.0 0 0 0 0 21.56l7.98-6.19z'/%3E%3Cpath fill='%23EA4335' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}@media (max-width: 640px){.panel{padding:32px 24px;margin:16px}h1{font-size:24px}.brand img{width:48px;height:48px}.links{flex-direction:column;align-items:center;gap:8px}}.password-wrapper{position:relative}.password-wrapper input[type=password],.password-wrapper input[type=text]{padding-right:48px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:auto;padding:8px;background:transparent;border:0;box-shadow:none;color:var(--auth-text-muted);cursor:pointer;font-size:14px;line-height:1}.password-toggle:hover{color:var(--auth-text-primary);background:transparent;box-shadow:none;transform:translateY(-50%)}.password-toggle:disabled{background:transparent;box-shadow:none}