:root{--login-primary:#3b82f6;--login-primary-hover:#2563eb;--login-primary-light:rgba(59,130,246,0.1);--login-card-bg:rgba(255,255,255,0.85);--login-card-bg-solid:#fff;--login-card-blur:20px;--login-card-border:rgba(255,255,255,0.5);--login-card-shadow:0 25px 50px -12px rgba(0,0,0,0.15);--login-text-primary:#1e293b;--login-text-secondary:#64748b;--login-text-muted:#94a3b8;--login-input-bg:rgba(255,255,255,0.9);--login-input-border:#e2e8f0;--login-input-border-focus:var(--login-primary);--login-input-text:#334155;--login-input-placeholder:#94a3b8;--login-btn-gradient-start:#3b82f6;--login-btn-gradient-end:#1d4ed8;--login-btn-text:#fff;--login-btn-shadow:0 10px 40px -10px rgba(59,130,246,0.5);--login-link-color:#3b82f6;--login-link-hover:#1d4ed8;--login-error-bg:#fee2e2;--login-error-border:#fca5a5;--login-error-text:#b91c1c;--login-transition-fast:150ms ease;--login-transition-normal:250ms ease;--login-transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}.login-theme-light{--login-card-bg:rgba(255,255,255,0.95);--login-card-bg-solid:#fff;--login-card-border:rgba(255,255,255,0.8);--login-card-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.login-theme-light .login-logo{display:none}[data-theme="dark"],.login-theme-dark{--login-card-bg:rgba(30,41,59,0.85);--login-card-bg-solid:#1e293b;--login-card-border:rgba(255,255,255,0.1);--login-card-shadow:0 25px 50px -12px rgba(0,0,0,0.4);--login-text-primary:#f1f5f9;--login-text-secondary:#cbd5e1;--login-text-muted:#94a3b8;--login-input-bg:rgba(255,255,255,0.95);--login-input-border:rgba(255,255,255,0.2);--login-input-text:#334155;--login-link-color:#93c5fd;--login-link-hover:#bfdbfe}.login-page *{padding:0;margin:0;box-sizing:border-box}.login-page{min-height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body.login-page,html:has(body.login-page){overflow:hidden;height:100vh}.login-card{width:100%;max-width:420px;padding:48px 40px;background:var(--login-card-bg);backdrop-filter:blur(var(--login-card-blur));-webkit-backdrop-filter:blur(var(--login-card-blur));border-radius:24px;border:1px solid var(--login-card-border);box-shadow:var(--login-card-shadow);transition:transform var(--login-transition-slow),box-shadow var(--login-transition-slow)}.login-card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -15px rgba(0,0,0,0.2)}@supports not(backdrop-filter:blur(20px)){.login-card{background:var(--login-card-bg-solid)}}.login-card-wide{max-width:480px}.login-info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:16px;margin-bottom:20px}.login-info-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#0369a1;margin-bottom:12px}.login-info-title i{font-size:18px}.login-info-list{margin:0;padding-left:20px;font-size:13px;color:#0c4a6e;line-height:1.6}.login-info-list li{margin-bottom:4px}.login-info-list li:last-child{margin-bottom:0}.login-requirements-list{margin:0;padding:0;list-style:none;font-size:13px;color:#64748b;line-height:1.5}.login-requirements-list li{display:flex;align-items:center;padding:6px 0;transition:color .2s ease}.login-requirements-list li .req-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:10px;flex-shrink:0;transition:all .2s ease;font-size:10px}.login-requirements-list li .req-fail{background-color:#fef2f2;border:2px solid #fecaca;color:#ef4444}.login-requirements-list li .req-pass{display:none;background-color:#dcfce7;border:2px solid #16a34a;color:#16a34a}.login-requirements-list li.requirement-met{color:#166534}.login-requirements-list li.requirement-met .req-fail{display:none}.login-requirements-list li.requirement-met .req-pass{display:flex}.login-header{text-align:center;margin-bottom:40px}.login-logo{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--login-primary-light);border-radius:20px;transition:transform var(--login-transition-normal)}.login-logo:hover{transform:scale(1.05)}.login-logo img{max-width:60px;max-height:60px;object-fit:contain}.login-logo i{font-size:36px;color:var(--login-primary)}.login-title{font-size:28px;font-weight:600;color:var(--login-text-primary);margin-bottom:8px;letter-spacing:-0.5px}.login-subtitle{font-size:14px;color:var(--login-text-secondary);font-weight:400}.login-message{font-size:14px;color:var(--login-text-secondary);text-align:center;margin:0;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:24px}.login-input-group{position:relative}.login-input{width:100%;height:56px;padding:16px 48px 16px 16px;font-size:16px;font-family:inherit;color:var(--login-input-text);background:var(--login-input-bg);border:2px solid var(--login-input-border);border-radius:12px;outline:0;transition:border-color var(--login-transition-fast),box-shadow var(--login-transition-fast)}.login-input:focus{border-color:var(--login-input-border-focus);box-shadow:0 0 0 4px var(--login-primary-light)}.login-input::placeholder{color:var(--login-input-placeholder);transition:opacity var(--login-transition-fast)}.login-input:focus::placeholder{opacity:.5}.login-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--login-input-placeholder);pointer-events:none;transition:all var(--login-transition-fast);background:transparent;padding:0 4px}.login-input:focus ~ .login-label,.login-input:not(:placeholder-shown) ~ .login-label{top:0;font-size:12px;font-weight:600;color:var(--login-primary);background:var(--login-input-bg)}.login-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--login-text-muted);font-size:18px;transition:color var(--login-transition-fast);pointer-events:none}.login-input-group:focus-within .login-input-icon{color:var(--login-primary)}.login-input.has-icon{padding-left:48px}.login-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:0;border:0;color:var(--login-text-muted);font-size:18px;cursor:pointer;padding:4px;transition:color var(--login-transition-fast),transform var(--login-transition-fast)}.login-password-toggle:hover{color:var(--login-primary);transform:translateY(-50%) scale(1.1)}.login-error{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--login-error-bg);border:1px solid var(--login-error-border);border-radius:12px;color:var(--login-error-text);font-size:14px;animation:shake .5s ease-in-out,fadeIn .3s ease}.login-error i{font-size:20px;flex-shrink:0}.login-error-text{flex:1}@keyframes shake{0,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-captcha{display:flex;justify-content:center;margin:8px 0}.login-captcha>div{transform-origin:center}.login-result{min-height:0;transition:min-height .3s ease}.login-result:not(:empty){margin-top:8px}.login-success{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#dcfce7;border:1px solid #86efac;border-radius:12px;color:#166534;font-size:14px;animation:fadeIn .3s ease}.login-success i{font-size:20px;flex-shrink:0}.login-btn{position:relative;width:100%;height:56px;margin-top:8px;font-size:16px;font-weight:600;font-family:inherit;color:var(--login-btn-text);background:linear-gradient(135deg,var(--login-btn-gradient-start),var(--login-btn-gradient-end));border:0;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform var(--login-transition-fast),box-shadow var(--login-transition-normal);box-shadow:var(--login-btn-shadow)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 44px -10px rgba(59,130,246,0.6)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.login-btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.login-btn:active::after{width:300px;height:300px}.login-btn.loading{pointer-events:none}.login-btn.loading .login-btn-text{opacity:0}.login-btn.loading::before{content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;margin:24px 0}.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--login-input-border)}.login-divider span{padding:0 16px;font-size:13px;color:var(--login-text-muted)}.login-link-btn{display:block;width:100%;padding:14px;font-size:14px;font-weight:500;font-family:inherit;color:var(--login-link-color);background:transparent;border:2px solid var(--login-input-border);border-radius:12px;cursor:pointer;text-align:center;text-decoration:none;transition:all var(--login-transition-fast)}.login-link-btn:hover{background:var(--login-primary-light);border-color:var(--login-primary);color:var(--login-primary)}.login-footer{margin-top:32px;text-align:center}.login-policy{font-size:12px;color:var(--login-text-muted);line-height:1.6}.login-policy a{color:var(--login-link-color);text-decoration:none;font-weight:500;transition:color var(--login-transition-fast)}.login-policy a:hover{color:var(--login-link-hover);text-decoration:underline}.login-copyright{position:fixed;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:var(--login-text-muted)}.login-copyright a{color:inherit;text-decoration:none;transition:color var(--login-transition-fast)}.login-copyright a:hover{color:var(--login-text-secondary)}.login-theme-light .login-copyright{color:rgba(255,255,255,0.7)}.login-theme-light .login-copyright a:hover{color:rgba(255,255,255,0.95)}.login-theme-dark .login-copyright{color:rgba(255,255,255,0.6)}.login-theme-dark .login-copyright a:hover{color:rgba(255,255,255,0.9)}@media(max-width:480px){.login-page{padding:16px;align-items:center;justify-content:center;min-height:100vh;max-height:100vh;overflow-y:auto}.login-page.login-theme-light{padding:24px 16px;align-items:flex-start;justify-content:center}.login-theme-light .login-card{padding:24px 20px}.login-theme-light .login-header{margin-bottom:20px}.login-theme-light .login-footer{margin-top:16px}.login-page.login-theme-dark{padding:0 16px;align-items:center;justify-content:center;flex-direction:column}.login-theme-dark .login-copyright{position:relative;bottom:auto;margin-top:16px;color:rgba(255,255,255,0.7)}.login-card{padding:8px 20px 12px;border-radius:20px}.login-title{font-size:24px}.login-logo{width:64px;height:64px;border-radius:16px}.login-logo i{font-size:28px}.login-input,.login-btn{height:52px}.login-copyright{position:relative;bottom:auto;margin-top:24px}}.login-noscript{position:fixed;top:0;left:0;right:0;padding:12px 20px;background:#fef3c7;color:#92400e;font-size:14px;text-align:center;z-index:1000}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px var(--login-input-bg) inset !important;-webkit-text-fill-color:var(--login-input-text) !important;caret-color:var(--login-input-text)}.login-page.login-layout-lateral{display:flex;flex-direction:row;padding:0;min-height:100vh;background:#fff}.login-lateral-image{display:none}.login-layout-lateral .login-lateral-image{display:block;flex:1;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.login-layout-lateral .login-lateral-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,var(--login-lateral-overlay-opacity,0.4)) 0,rgba(0,0,0,calc(var(--login-lateral-overlay-opacity,0.4) * .5)) 100%)}.login-lateral-branding{position:absolute;bottom:40px;left:40px;right:40px;z-index:1;color:#fff}.login-lateral-branding h2{font-size:28px;font-weight:600;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.login-lateral-branding p{font-size:16px;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.login-layout-lateral .login-card{flex:0 0 50%;max-width:50%;width:50%;min-height:100vh;margin:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:-10px 0 40px rgba(0,0,0,0.08);padding:48px}.login-layout-lateral .login-card:hover{transform:none;box-shadow:-10px 0 40px rgba(0,0,0,0.08)}.login-layout-lateral .login-title,.login-layout-lateral .login-subtitle{color:#1e293b}.login-layout-lateral .login-input{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}.login-layout-lateral .login-input::placeholder{color:#94a3b8}.login-layout-lateral .login-input-icon{color:#64748b}.login-layout-lateral .login-password-toggle{color:#64748b}.login-layout-lateral .login-divider span{color:#64748b;background:#fff}.login-layout-lateral .login-divider::before,.login-layout-lateral .login-divider::after{background:#e2e8f0}.login-layout-lateral .login-link-btn{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.login-layout-lateral .login-link-btn:hover{color:#1e293b;background:#e2e8f0}.login-layout-lateral .login-policy,.login-layout-lateral .login-policy a{color:#64748b}.login-layout-lateral .login-header,.login-layout-lateral .login-form,.login-layout-lateral .login-divider,.login-layout-lateral .login-link-btn,.login-layout-lateral .login-footer{width:100%;max-width:360px}.login-layout-lateral .login-copyright{position:absolute;bottom:20px;right:20px;left:auto;width:auto;color:#94a3b8}.login-layout-lateral .login-copyright a{color:#94a3b8}.login-layout-lateral .login-copyright a:hover{color:#1e293b}@media(max-width:1024px){.login-layout-lateral .login-card{flex:0 0 55%;max-width:55%;width:55%;padding:40px 32px}.login-layout-lateral .login-lateral-image{flex:0 0 45%}}@media(max-width:768px){.login-layout-lateral .login-lateral-image{display:none}.login-page.login-layout-lateral{flex-direction:column}.login-layout-lateral .login-lateral-image{flex:0 0 35vh;min-height:35vh;width:100%}.login-layout-lateral .login-card{flex:1;max-width:100%;width:100%;min-height:auto;border-radius:24px 24px 0 0;margin-top:-24px;position:relative;z-index:1;box-shadow:0 -10px 40px rgba(0,0,0,0.1);padding:40px 24px}.login-layout-lateral .login-lateral-branding{bottom:60px;left:24px;right:24px}.login-layout-lateral .login-lateral-branding h2{font-size:22px}.login-layout-lateral .login-lateral-branding p{font-size:14px}.login-layout-lateral .login-copyright{position:relative;bottom:auto;right:auto;text-align:center;margin-top:24px;width:100%}}@media(max-width:480px){.login-layout-lateral .login-lateral-image{display:none}.login-page.login-layout-lateral{background:#fff;padding:8px 16px;align-items:flex-start}.login-layout-lateral .login-card{padding:0 20px 0;border-radius:0;margin-top:0;min-height:auto;box-shadow:none}.login-layout-lateral .login-header{margin-bottom:16px}.login-layout-lateral .login-footer{margin-top:10px}.login-layout-lateral .login-copyright{margin-top:1px}}