:root{--login-bg:#06111f;--login-panel:rgba(10,28,49,.94);--login-line:rgba(139,184,255,.18);--login-text:#eef7ff;--login-muted:#91a7bd;--login-blue:#61a8ff;--login-teal:#55dfc5;--login-danger:#ff9b9b}
*{box-sizing:border-box}
body.admin-login-body{min-height:100vh;margin:0;background:radial-gradient(circle at 18% 10%,rgba(34,116,200,.18),transparent 34%),radial-gradient(circle at 84% 85%,rgba(39,192,165,.12),transparent 33%),linear-gradient(145deg,#040b14,#071522 60%,#06111f);color:var(--login-text);font-family:Inter,system-ui,sans-serif}
.admin-login-body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(139,184,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(139,184,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.admin-login-page{position:relative;display:grid;min-height:100vh;place-items:center;padding:28px}
.admin-login-card{width:min(100%,470px);padding:34px;border:1px solid var(--login-line);border-radius:24px;background:var(--login-panel);box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(20px)}
.admin-login-brand{display:inline-flex;align-items:center;gap:10px;color:var(--login-text);font-weight:800;text-decoration:none}.admin-login-brand img{width:34px;height:34px}.admin-login-brand span{letter-spacing:-.02em}
.admin-login-heading{margin:30px 0 26px}.admin-login-kicker{margin:0 0 9px;color:var(--login-teal);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.admin-login-heading h1{margin:0;font-size:clamp(1.7rem,5vw,2.2rem);letter-spacing:-.04em}.admin-login-heading>p:last-child{margin:11px 0 0;color:var(--login-muted);font-size:.92rem;line-height:1.65}
.admin-login-form{display:grid;gap:18px}.admin-login-field{display:grid;gap:8px}.admin-login-field label{font-size:.78rem;font-weight:700;color:#c8d8e8}.admin-login-field input{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--login-line);border-radius:11px;background:rgba(2,12,23,.72);color:var(--login-text);font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.admin-login-field input:focus{border-color:rgba(97,168,255,.65);box-shadow:0 0 0 4px rgba(97,168,255,.11)}
.admin-password-wrap{position:relative}.admin-password-wrap input{padding-right:70px}.admin-password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:0;background:transparent;color:var(--login-blue);font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}
.admin-login-message{padding:11px 13px;border:1px solid rgba(255,130,130,.25);border-radius:10px;background:rgba(255,82,82,.08);color:var(--login-danger);font-size:.78rem;line-height:1.5}
.admin-login-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:3px}.admin-sign-in-button,.admin-cancel-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:11px;font:inherit;font-size:.82rem;font-weight:800;text-decoration:none}.admin-sign-in-button{border:1px solid rgba(85,223,197,.32);background:linear-gradient(135deg,#2c8dcb,#27ad98);color:#fff;cursor:pointer;box-shadow:0 10px 28px rgba(36,152,169,.22)}.admin-sign-in-button:hover{filter:brightness(1.08)}.admin-sign-in-button:disabled{cursor:wait;opacity:.75}.admin-cancel-button{padding-inline:19px;border:1px solid var(--login-line);background:rgba(255,255,255,.035);color:#c7d8e8}
.admin-sign-in-spinner{display:none;width:16px;height:16px;margin-left:9px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:admin-spin .7s linear infinite}.admin-login-form.is-loading .admin-sign-in-spinner{display:inline-block}
.admin-login-security{display:flex;align-items:center;justify-content:center;gap:7px;margin:24px 0 0;color:#738ba3;font-size:.68rem;text-align:center}
.admin-password-toggle:focus-visible,.admin-sign-in-button:focus-visible,.admin-cancel-button:focus-visible,.admin-login-brand:focus-visible{outline:3px solid rgba(97,168,255,.48);outline-offset:3px}
@keyframes admin-spin{to{transform:rotate(360deg)}}
@media(max-width:520px){.admin-login-page{padding:16px}.admin-login-card{padding:26px 20px;border-radius:20px}.admin-login-actions{grid-template-columns:1fr}.admin-cancel-button{order:2}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.admin-login-field input:invalid:not(:placeholder-shown){border-color:rgba(255,155,155,.65)}
@media(forced-colors:active){.admin-login-card,.admin-login-field input,.admin-sign-in-button,.admin-cancel-button{forced-color-adjust:auto}}