.login-container{box-sizing:border-box;background-color:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-canvas{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.login-container:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#ffffffd9 0%,#f8fafc66 55%,#f1f5f900 80%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{z-index:2;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:440px;padding:40px 36px 32px;animation:.4s cubic-bezier(.16,1,.3,1) forwards cardAppear;position:relative;box-shadow:0 4px 6px -1px #0f172a08,0 20px 35px -10px #0f172a14,0 0 0 1px #0f172a05}@keyframes cardAppear{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-header{text-align:center;margin-bottom:28px}.logo-badge{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 16px;transition:transform .2s;display:flex;box-shadow:0 8px 16px -4px #0f172a40}.logo-badge:hover{transform:scale(1.04)}.brand-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:700}.brand-subtitle{color:#64748b;margin:0 0 16px;font-size:13px;font-weight:500}.login-title-row{color:#334155;background:#f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-flex}.login-error-banner{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.45;animation:.3s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}.login-error-banner svg{color:#dc2626;flex-shrink:0;margin-top:1px}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.login-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-label{color:#334155;letter-spacing:-.01em;font-size:13px;font-weight:600}.input-container{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;transition:color .15s;position:absolute;left:14px}.form-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:46px;padding:0 42px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.form-input::placeholder{color:#94a3b8}.form-input:hover{border-color:#cbd5e1}.form-input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3.5px #2563eb1f}.input-container:focus-within .input-icon{color:#2563eb}.password-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s,color .15s;display:flex;position:absolute;right:10px}.password-toggle-btn:hover{color:#475569;background-color:#f1f5f9}.password-toggle-btn:focus-visible{outline-offset:1px;outline:2px solid #2563eb}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:6px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s;display:flex;box-shadow:0 4px 12px -2px #0f172a40}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1e293b 0%,#334155 100%);transform:translateY(-1px);box-shadow:0 6px 16px -2px #0f172a4d}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px -1px #0f172a40}.submit-button:disabled{opacity:.75;cursor:not-allowed;transform:none}.submit-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb66}.spinner-icon{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:28px;padding-top:18px}.footer-hint{color:#64748b;margin:0 0 8px;font-size:12.5px;line-height:1.4}.footer-secure{color:#94a3b8;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex}@media (max-width:480px){.login-container{padding:16px}.login-card{border-radius:16px;padding:30px 20px 24px}.brand-title{font-size:23px}}[data-theme=dark] .login-container{background-color:#09090b}[data-theme=dark] .login-container:before{background:radial-gradient(circle,#2563eb1f 0%,#09090b99 50%,#09090b00 80%)}[data-theme=dark] .login-card{background:#121215;border:1px solid #27272a;box-shadow:0 4px 6px -1px #0006,0 25px 50px -12px #000000b3,0 0 0 1px #ffffff0a}[data-theme=dark] .logo-badge{background:linear-gradient(135deg,#18181b 0%,#27272a 100%);border:1px solid #3f3f46;box-shadow:0 8px 16px -4px #0006}[data-theme=dark] .brand-title{color:#f4f4f5}[data-theme=dark] .brand-subtitle{color:#a1a1aa}[data-theme=dark] .login-title-row{color:#e4e4e7;background:#18181b;border:1px solid #27272a}[data-theme=dark] .form-label{color:#d4d4d8}[data-theme=dark] .form-input{color:#f4f4f5;background:#18181b;border:1.5px solid #27272a}[data-theme=dark] .form-input::placeholder{color:#71717a}[data-theme=dark] .form-input:hover{border-color:#3f3f46}[data-theme=dark] .form-input:focus{background-color:#18181b;border-color:#3b82f6;box-shadow:0 0 0 3.5px #3b82f633}[data-theme=dark] .input-icon{color:#71717a}[data-theme=dark] .input-container:focus-within .input-icon{color:#3b82f6}[data-theme=dark] .password-toggle-btn{color:#71717a}[data-theme=dark] .password-toggle-btn:hover{color:#f4f4f5;background-color:#27272a}[data-theme=dark] .submit-button{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #3b82f6;box-shadow:0 4px 14px -2px #2563eb66}[data-theme=dark] .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 18px -2px #2563eb80}[data-theme=dark] .login-card-footer{border-top:1px solid #27272a}[data-theme=dark] .footer-hint{color:#a1a1aa}[data-theme=dark] .footer-secure{color:#71717a}[data-theme=dark] input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f4f4f5!important;caret-color:#f4f4f5!important;border-color:#27272a!important;box-shadow:inset 0 0 0 1000px #18181b!important}[data-theme=dark] input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f4f4f5!important;caret-color:#f4f4f5!important;border-color:#27272a!important;box-shadow:inset 0 0 0 1000px #18181b!important}[data-theme=dark] input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f4f4f5!important;caret-color:#f4f4f5!important;border-color:#27272a!important;box-shadow:inset 0 0 0 1000px #18181b!important}[data-theme=dark] input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f4f4f5!important;caret-color:#f4f4f5!important;border-color:#27272a!important;box-shadow:inset 0 0 0 1000px #18181b!important}.login-theme-toggle{z-index:10;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 2px 6px #0000000d}.login-theme-toggle:hover{color:#0f172a;background:#f1f5f9;transform:scale(1.05)}[data-theme=dark] .login-theme-toggle{color:#e4e4e7;background:#18181b;border-color:#27272a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .login-theme-toggle:hover{color:#fff;background:#27272a}.login-version-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;margin-top:10px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600;display:inline-block}[data-theme=dark] .login-version-badge{color:#71717a;background:#18181b;border-color:#27272a}