.login-page{--login-accent:#6255d9;--login-accent-hover:#5044c0;--login-canvas:#f7f8fa;--login-surface:#ffffff;--login-ink:#252733;--login-text:#434754;--login-muted:#797e8d;--login-border:#e6e8ee;--login-radius:10px;--login-shadow:0 2px 3px #20223a03,0 8px 24px #20223a04;--login-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px;margin:0;background:var(--login-canvas);color:var(--login-text);font:13px/1.55 var(--login-font);-webkit-font-smoothing:antialiased}.login-page *,.login-page :after,.login-page :before{box-sizing:border-box}.login-card{width:min(100%,440px);display:grid;gap:16px;padding:32px;text-align:left;background:var(--login-surface);border:1px solid var(--login-border);border-radius:var(--login-radius);box-shadow:var(--login-shadow)}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:4px}.login-logo-wrap strong{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--login-ink)}.login-card>p{margin:0;text-align:center;color:var(--login-muted);line-height:1.65}.login-card .form-field{display:grid;gap:7px}.login-card .form-field span{display:block;font-size:12px;font-weight:600;color:var(--login-ink)}.login-card input{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--login-border);border-radius:8px;background:var(--login-surface);color:var(--login-ink);font:inherit}.login-card input:focus{border-color:var(--login-accent);outline:2px solid rgba(98,85,217,.28);outline-offset:0}.login-card .button.button-primary,.login-submit-button{width:100%;min-height:46px;margin-top:4px;border:0;border-radius:8px;background:var(--login-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.login-card .button.button-primary:hover,.login-submit-button:hover{background:var(--login-accent-hover)}.login-card .form-error{margin:0;text-align:center;color:#bd4551;font-size:13px}.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--login-canvas,#f7f8fa)}.admin-login-card{width:min(100%,440px);padding:32px;background:#fff;border:1px solid #e6e8ee;border-radius:10px;box-shadow:0 2px 3px #20223a03,0 8px 24px #20223a04}.admin-login-skeleton{display:grid;gap:12px}.admin-login-skeleton>span{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#eef0f4,#f8f9fb 50%,#eef0f4);background-size:200% 100%;animation:admin-login-shimmer 1.2s ease-in-out infinite}.admin-login-skeleton>span:first-child{width:40%;height:20px;margin:0 auto 8px}.admin-login-skeleton>span:nth-child(2){width:90%;margin:0 auto}.admin-login-skeleton>span:nth-child(3),.admin-login-skeleton>span:nth-child(4),.admin-login-skeleton>span:nth-child(5){height:46px;margin-top:4px}@keyframes admin-login-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}