:root{--bg:#0f172a;--card-bg:#111827;--accent:#3b82f6;--accent-soft:rgba(59,130,246,.15);--accent-hover:#2563eb;--border-subtle:rgba(148,163,184,.3);--text-main:#e5e7eb;--text-muted:#9ca3af;--danger:#ef4444;--success:#22c55e;--radius-xl:18px;--shadow-soft:0 22px 45px rgba(15,23,42,.9);--transition-fast:.18s ease-out;--input-bg:#020617}.admin-login{display:flex;justify-content:center;padding:48px 16px}.admin-login__card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0f172a14;display:grid;gap:16px;max-width:520px;padding:24px;width:100%}.admin-login__header h1{color:#111827;margin:4px 0}.eyebrow{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.description{color:#4b5563;line-height:1.5}.admin-login__form{display:grid;gap:12px}.form-control{display:grid;gap:6px}.form-label{color:#374151;font-weight:600}.form-input{border:1px solid #d1d5db;border-radius:8px;font-size:15px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.checkbox-wrapper{align-items:center;color:#4b5563;display:inline-flex;font-size:14px;gap:6px}.checkbox-wrapper input{height:14px;width:14px}.btn{border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:700;padding:10px 16px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn--primary{align-items:center;background:#2563eb;box-shadow:0 10px 30px #2563eb59;color:#fff;display:inline-flex;gap:8px}.btn--primary:hover{transform:translateY(-1px)}.btn--primary:disabled{box-shadow:none;cursor:wait;opacity:.75;transform:none}.btn-loading{align-items:center;display:inline-flex;gap:8px}.spinner{animation:spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:999px;border-top-color:#fff;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.hint{color:#6b7280;font-size:13px;line-height:1.4}.hint--error{color:#b91c1c}.hint--success{color:#15803d}code{background:#e5e7eb;border-radius:4px;font-size:12px;padding:1px 4px}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input--password{padding-right:40px;width:100%}.checkbox-wrapper input{display:inline}.password-toggle{align-items:center;background:transparent;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;line-height:1;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#111827}