.login-wrap{background:radial-gradient(46% 38% at 50% -6%, #2563eb1a 0%, transparent 72%), radial-gradient(40% 40% at 8% 105%, #2563eb12 0%, transparent 70%), radial-gradient(38% 38% at 96% 100%, #2563eb0f 0%, transparent 70%), var(--body-bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-wrap:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#0f172a0b 1px,#0000 1px),linear-gradient(#0f172a0b 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 62% at 50% 36%,#000 28%,#0000 76%);mask-image:radial-gradient(72% 62% at 50% 36%,#000 28%,#0000 76%)}.login-wrap>*{z-index:1;position:relative}html.dark .login-wrap:before{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px)}.login-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;width:100%;max-width:400px;padding:34px 30px;position:relative;box-shadow:0 18px 22px -16px #0f172a14,-9px 10px 18px -15px #0f172a08,9px 10px 18px -15px #0f172a08}html.dark .login-card{box-shadow:0 18px 24px -16px #00000059,-9px 10px 18px -15px #0000002e,9px 10px 18px -15px #0000002e}.login-theme{width:34px;height:34px;color:var(--primary-color);background:var(--primary-soft);border:none;border-radius:9px;place-items:center;transition:filter .15s,transform .15s;display:grid;position:absolute;top:16px;right:16px}.login-theme:hover{filter:brightness(.97);transform:translateY(-1px)}.login-theme svg{width:17px;height:17px}.login-theme-sun,html.dark .login-theme-moon{display:none}html.dark .login-theme-sun{display:block}.login-logo-wrap{justify-content:center;display:flex}.login-logo-img{width:220px;max-width:60vw;height:auto;display:block}.login-title{color:var(--text-dark);letter-spacing:-.02em;text-align:center;margin:0 0 4px;font-size:21px;font-weight:700}.login-subtitle{color:var(--text-muted);text-align:center;margin:0 0 22px;font-size:13.5px}.login-admin-link{text-align:center;color:var(--primary-color);margin:-14px 0 22px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s;display:block}.login-admin-link:hover{color:var(--primary-hover);text-decoration:underline}.login-alert{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:13px;display:none}.login-alert.is-visible{display:block}html.dark .login-alert{color:#f87171;background:#ef44441f;border-color:#ef444447}.login-field{margin-bottom:16px}.login-field label{color:var(--text-dark);margin-bottom:7px;font-size:13px;font-weight:500;display:block}.login-field input[type=email],.login-field input[type=password],.login-field input[type=text]{width:100%;height:44px;color:var(--text-dark);background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:var(--text-muted);opacity:.7}.login-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-soft)}.login-field.has-error input{border-color:#dc2626}.login-field.has-error input:focus{box-shadow:0 0 0 3px #dc26261f}.login-error{color:#dc2626;margin-top:6px;font-size:12px;display:none}.login-field.has-error .login-error{display:block}.login-password{position:relative}.login-password input{padding-right:44px}.login-eye{width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-eye:hover{color:var(--primary-color);background:var(--primary-soft)}.login-eye svg{width:18px;height:18px}.login-row{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.login-check{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.login-check input{width:15px;height:15px;accent-color:var(--primary-color)}.login-submit{color:#fff;background:var(--primary-color);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex;position:relative}.login-submit:hover{background:var(--primary-hover)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite login-spin;display:none}.login-submit.is-loading .login-spinner{display:inline-block}@keyframes login-spin{to{transform:rotate(360deg)}}.login-foot{color:var(--text-muted);margin:0;font-size:12px}@media (width<=480px){.login-card{padding:26px 20px}}