:root{--bg: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--field: #f8fafc;--accent: #3c5aa6;--accent-hover: #324d91;--accent-ring: rgba(60, 90, 166, 0.25);--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--cover-from: #3c5aa6;--cover-to: #1e2f5c}@media(prefers-color-scheme: dark){:root{--bg: #0f1117;--text: #f1f5f9;--muted: #94a3b8;--border: #262a36;--border-strong: #363b4a;--field: #161922;--accent: #4b6bd0;--accent-hover: #5b7ad8;--accent-ring: rgba(109, 140, 224, 0.3);--danger: #f87171;--danger-bg: rgba(248, 113, 113, 0.1);--danger-border: rgba(248, 113, 113, 0.3);--cover-from: #2b4280;--cover-to: #121b36}}*,*::before,*::after{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--bg);color:var(--text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.login-container{display:flex;min-height:100%}.login-container .login{flex:1 1 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 24px}.login-container .login .login-box{width:100%;max-width:380px;margin:auto 0}.login-container .login .brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.login-container .login .brand .brand-mark{display:block;width:40px;height:40px}.login-container .login .brand .brand-mark svg{display:block;width:100%;height:100%;overflow:visible}.login-container .login .brand .brand-name{font-weight:700;font-size:1.15rem;letter-spacing:-0.01em}.login-container .login h1{margin:0 0 6px;font-size:1.75rem;font-weight:700;letter-spacing:-0.02em;line-height:1.2}.login-container .login .lead{margin:0 0 28px;color:var(--muted)}.login-container .login .alert{margin-bottom:20px;padding:12px 14px;border:1px solid var(--danger-border);border-radius:10px;background-color:var(--danger-bg);color:var(--danger);font-size:.9rem}.login-container .login .alert ul{margin:0;padding:0;list-style:none}.login-container .login .alert.validation-summary-valid{display:none}.login-container .login .textbox{margin-bottom:18px}.login-container .login .textbox label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500}.login-container .login .input-wrap{position:relative}.login-container .login .input-wrap>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none}.login-container .login .input-wrap input{width:100%;height:46px;padding:0 44px 0 42px;border:1px solid var(--border-strong);border-radius:10px;background-color:var(--field);color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s,background-color .15s}.login-container .login .input-wrap input:hover{border-color:var(--muted)}.login-container .login .input-wrap input:focus{outline:none;border-color:var(--accent);background-color:var(--bg);box-shadow:0 0 0 4px var(--accent-ring)}.login-container .login .input-wrap input.input-validation-error{border-color:var(--danger)}.login-container .login .input-wrap input.input-validation-error:focus{box-shadow:0 0 0 4px var(--danger-border)}.login-container .login .input-wrap .toggle-password{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:8px;background:none;color:var(--muted);font-size:18px;cursor:pointer}.login-container .login .input-wrap .toggle-password:hover{color:var(--text)}.login-container .login .input-wrap .toggle-password:focus-visible{outline:2px solid var(--accent)}.login-container .login .field-validation-error{display:block;margin-top:6px;color:var(--danger);font-size:.8125rem}.login-container .login .field-validation-valid{display:none}.login-container .login .remember{display:inline-flex;align-items:center;gap:8px;margin:2px 0 24px;color:var(--muted);font-size:.875rem;cursor:pointer;user-select:none}.login-container .login .remember input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.login-container .login .login-bt{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:none;border-radius:10px;background-color:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background-color .15s,transform .05s}.login-container .login .login-bt i{font-size:20px;transition:transform .15s}.login-container .login .login-bt:hover{background-color:var(--accent-hover)}.login-container .login .login-bt:hover i{transform:translateX(3px)}.login-container .login .login-bt:active{transform:translateY(1px)}.login-container .login .login-bt:focus-visible{outline:none;box-shadow:0 0 0 4px var(--accent-ring)}.login-container .login .login-bt.is-loading{pointer-events:none;opacity:.85}.login-container .login .login-bt.is-loading span,.login-container .login .login-bt.is-loading i{visibility:hidden}.login-container .login .login-bt.is-loading::after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}.login-container .login .login-footer{margin-top:32px;color:var(--muted);font-size:.8125rem}.login-container .cover{flex:1 1 50%;position:relative;display:flex;align-items:flex-end;overflow:hidden;margin:12px;border-radius:20px;background:radial-gradient(circle at 20% 10%, rgba(255, 255, 255, 0.18), transparent 45%),linear-gradient(160deg, var(--cover-from), var(--cover-to));color:#fff}.login-container .cover .pattern{position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' fill='%23ffffff' fill-opacity='0.25' fill-rule='evenodd'/%3E%3C/svg%3E");mask-image:linear-gradient(to top, #000 0%, transparent 75%);-webkit-mask-image:linear-gradient(to top, #000 0%, transparent 75%)}.login-container .cover .cover-content{position:relative;max-width:480px;padding:56px}.login-container .cover .cover-content h2{margin:0 0 12px;font-size:2.25rem;font-weight:700;letter-spacing:-0.02em;line-height:1.15}.login-container .cover .cover-content p{margin:0 0 28px;color:rgba(255,255,255,.8);font-size:1.05rem}.login-container .cover .cover-content ul{margin:0;padding:0;list-style:none}.login-container .cover .cover-content li{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:rgba(255,255,255,.9)}.login-container .cover .cover-content li i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background-color:rgba(255,255,255,.15);font-size:14px}@keyframes login-spin{to{transform:rotate(360deg)}}@media(max-width: 960px){.login-container .cover{display:none}}@media(prefers-reduced-motion: reduce){.login-container *{transition:none !important;animation-duration:1.5s !important}}