.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(12px);background-color:rgb(255 255 255 / .2);display:flex;justify-content:center;align-items:center;z-index:9999;transition:background-color 0.3s ease}body.dark-mode .loader-container{background-color:rgb(18 18 18 / .7)}.loader{width:70px;height:70px;border-radius:50%;background:conic-gradient(from 0deg,#764fe3,#bb86fc,#764fe3);animation:spin 1s linear infinite,scalePulse 1.5s ease-in-out infinite;box-shadow:0 0 20px rgb(118 79 227 / .5);transition:box-shadow 0.3s ease,background 0.3s ease}body.dark-mode .loader{background:conic-gradient(from 0deg,#bb86fc,#764fe3,#bb86fc);box-shadow:0 0 20px rgb(187 134 252 / .6)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes scalePulse{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}.login-container{width:100%;max-width:420px;margin:auto;position:relative;height:94vh}.login-card{background-color:var(--card-bg);border-radius:var(--card-radius);padding:40px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition);position:absolute;width:100%;transform:translate(-50%,-50%);left:50%;top:50%}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:24px;font-weight:700;margin-bottom:10px}.login-header p{color:var(--text-color);opacity:.8;font-size:15px}.form-group{margin-bottom:24px;position:relative}.form-label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.form-control{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--card-bg);color:var(--text-color);font-size:.875rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:none;background:#fff0;color:var(--text-color);font-size:.875rem}.form-control::placeholder{color:var(--text-color);font-size:.875rem}.password-toggle{position:absolute;left:16px;top:47px;cursor:pointer;color:#adb5bd;transition:var(--transition)}.password-toggle:hover{color:var(--primary)}.btn-login{width:100%;padding:14px;background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);margin-bottom:24px}.btn-login:hover{box-shadow:0 6px 16px rgb(67 97 238 / .4)}.theme-toggle-login{position:fixed;top:20px;left:20px;background:var(--card-bg);border:1px solid var(--border-color);width:52px;height:28px;border-radius:50px;cursor:pointer;display:flex;align-items:center;padding:0 3px;transition:var(--transition);z-index:10}.theme-toggle-login:hover{box-shadow:0 0 0 2px rgb(67 97 238 / .2)}.theme-toggle-ball{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--primary-gradient);transition:transform 0.3s cubic-bezier(.68,-.55,.27,1.55);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;right:3px}.dark-mode .theme-toggle-ball{transform:translateX(-24px)}.error-message{color:var(--danger);font-size:13px;margin-top:6px;display:none}.form-control.error{border-color:var(--danger)}@media (max-width:576px){.login-card{padding:30px 24px}.theme-toggle-login{top:15px;left:15px}}