*{box-sizing:border-box}[hidden]{display:none !important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f8fafc;color:#0f172a}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:100%;max-width:380px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 24px rgba(15,23,42,0.06);padding:2rem}.login-header{text-align:center;margin-bottom:1.5rem}.login-logo-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:#2563eb;color:#ffffff;font-weight:700;font-size:1rem;margin-bottom:0.75rem}.login-title{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.login-subtitle{margin:0.25rem 0 0;font-size:0.85rem;color:#64748b}.form-group{margin-bottom:1rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.9rem}.form-label{display:block;font-size:0.8rem;font-weight:600;color:#334155;margin-bottom:0.3rem}.form-control{width:100%;padding:0.55rem 0.7rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.9rem;color:#0f172a;background:#ffffff}.form-control:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,0.15)}.form-hint{display:block;margin-top:0.3rem;font-size:0.75rem;color:#94a3b8}.login-input-group{display:flex;align-items:stretch;width:100%}.login-input-group .form-control{border-top-right-radius:0;border-bottom-right-radius:0;flex:1 1 auto}.btn-remember-toggle{background-color:#f8fafc;border:1px solid #e2e8f0;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:0 0.75rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all 0.15s ease;user-select:none}.btn-remember-toggle .pin-icon-svg{fill:#ffffff;stroke:#94a3b8;stroke-width:1.2;transition:all 0.15s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.18))}.btn-remember-toggle:hover{background-color:#ffffff}.btn-remember-toggle:hover .pin-icon-svg{stroke:#64748b;transform:scale(1.12)}.btn-remember-toggle.active{background-color:rgba(16,185,129,0.12) !important;border-color:#10b981 !important;box-shadow:inset 0 0 0 1px #10b981}.btn-remember-toggle.active .pin-icon-svg{fill:#10b981 !important;stroke:#059669 !important;stroke-width:1;filter:drop-shadow(0 0 3px rgba(16,185,129,0.5))}.btn-link-sm{display:inline-block;background:none;border:none;color:#2563eb;font-size:0.8rem;font-weight:600;cursor:pointer;padding:0.2rem 0;margin-top:0.25rem}.btn-link-sm:hover{text-decoration:underline}.login-btn{width:100%;padding:0.65rem;border:none;border-radius:8px;background:#2563eb;color:#ffffff;font-weight:600;font-size:0.9rem;cursor:pointer}@keyframes shake-anim{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.shake-anim{animation:shake-anim 0.5s ease}.login-btn:disabled{opacity:0.6;cursor:default}.login-btn:hover:not(:disabled){background:#1d4ed8}.login-alert{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:0.85rem;padding:0.6rem 0.75rem;border-radius:8px;margin-bottom:1rem}@media (prefers-color-scheme:dark){body{background:#0b1220;color:#e2e8f0}.login-card{background:#111827;border-color:#1f2937;box-shadow:none}.login-title{color:#f1f5f9}.login-subtitle{color:#94a3b8}.form-label{color:#cbd5e1}.form-control{background:#0b1220;border-color:#1f2937;color:#e2e8f0}.btn-remember-toggle{background-color:#0b1220;border-color:#1f2937}.btn-remember-toggle:hover{background-color:#111827}}