html,body,#root{margin:0;padding:0;background:#1a1a2e!important;min-height:100vh}body:has(.login-page){background:#0f172a!important;overflow:hidden}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1000}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.particle{position:absolute;border-radius:50%;background:#3b82f626;animation:float 15s infinite}.particle-1{width:200px;height:200px;top:-50px;left:-50px;animation-delay:0s}.particle-2{width:150px;height:150px;top:60%;right:-30px;animation-delay:-3s;background:#6366f11a}.particle-3{width:100px;height:100px;bottom:10%;left:20%;animation-delay:-6s}.particle-4{width:120px;height:120px;top:20%;right:20%;animation-delay:-9s;background:#10b98114}.particle-5{width:80px;height:80px;bottom:30%;right:40%;animation-delay:-2s}.particle-6{width:180px;height:180px;top:40%;left:10%;animation-delay:-7s;background:#6366f114}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(30px,-30px) scale(1.1);opacity:.7}50%{transform:translate(-20px,20px) scale(.9);opacity:.5}75%{transform:translate(20px,10px) scale(1.05);opacity:.6}}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0;border-radius:20px;width:420px;box-shadow:0 25px 50px #0000004d;position:relative;z-index:1;overflow:hidden;border:none}.login-logo-section{text-align:center;padding:36px 40px 24px;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative}.login-logo-glow{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-60%);animation:glow-pulse 3s infinite}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-60%) scale(1)}50%{opacity:1;transform:translate(-50%,-60%) scale(1.2)}}.login-logo{width:64px;height:64px;object-fit:contain;filter:brightness(0) invert(1);position:relative;z-index:1;margin-bottom:12px}.login-title{font-size:22px;font-weight:300;color:#f1f5f9;margin-bottom:4px;letter-spacing:2px;text-transform:uppercase}.login-subtitle{font-size:13px;color:#94a3b8;font-weight:400}.login-form-section{padding:28px 40px 8px;overflow:hidden}.login-form-section .input-with-icon{margin-right:0;overflow:hidden}.login-form-section .form-group{margin-bottom:16px}.login-form-section .form-group label{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.input-with-icon{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.input-with-icon input{padding:11px 14px 11px 40px!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;font-size:14px!important;width:100%!important;max-width:100%!important;color:#1e293b!important;background:#fff!important;transition:border-color .15s,box-shadow .15s!important;height:auto!important}.input-with-icon input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.input-with-icon input::placeholder{color:#94a3b8!important}.error-msg{color:#ef4444;font-size:13px;margin-top:8px;padding:8px 12px;background:#fef2f2;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.btn-login{width:100%;padding:12px;margin-top:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:46px}.btn-login:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-footer{text-align:center;padding:16px 40px 24px;color:#94a3b8;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}