.login-body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);font-family:Inter,sans-serif}.login-background{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.login-background::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="%23ffffff" fill-opacity="0.05" points="0,1000 1000,0 1000,1000"/></svg>');background-size:cover}.login-container{width:100%;max-width:420px;z-index:1}.login-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.3);animation:slideUp .6s ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.login-subtitle{color:#64748b;font-size:1rem;margin:0}.login-form{margin-bottom:30px}.login-form .form-group{margin-bottom:20px}.login-form .form-label{display:flex;align-items:center;font-weight:600;color:#374151;margin-bottom:8px;font-size:.9rem}.login-form .form-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.login-form .form-input:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);transform:translateY(-2px)}.login-btn{width:100%;padding:14px;font-size:1.1rem;font-weight:600;border-radius:12px;margin-top:10px;transition:all .3s ease;position:relative;overflow:hidden}.login-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.login-btn:hover::before{left:100%}.login-btn:active{transform:scale(.98)}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px;padding:20px;background:rgba(59,130,246,.05);border-radius:12px;border:1px solid rgba(59,130,246,.1)}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.feature-icon{font-size:1.2rem;color:#3b82f6;background:rgba(59,130,246,.1);padding:10px;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.feature-item span{font-size:.75rem;font-weight:600;color:#475569}.login-footer{text-align:center;border-top:1px solid #e2e8f0;padding-top:20px}.version{font-size:.8rem;color:#64748b;margin-bottom:8px;font-weight:500}.support{font-size:.75rem;color:#94a3b8;margin:0}.login-btn.loading{pointer-events:none;opacity:.8}.login-btn.loading i{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}#toast-container{position:fixed;top:20px;right:20px;z-index:1000}.toast{background:#fff;padding:16px 20px;border-radius:12px;margin-bottom:10px;border-left:4px solid;animation:toastSlideIn .3s ease-out;max-width:300px}.toast.success{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast.error{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast.warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}@keyframes toastSlideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.login-background{padding:15px}.login-card{padding:30px 25px;border-radius:16px}.login-title{font-size:1.75rem}.login-features{grid-template-columns:1fr;gap:12px;padding:15px}.feature-item{flex-direction:row;justify-content:flex-start;text-align:left}.feature-item span{font-size:.8rem}}@media (max-width:480px){.login-card{padding:25px 20px}.login-title{font-size:1.5rem}.login-form .form-input{padding:12px 14px}.login-btn{padding:12px;font-size:1rem}}@media (prefers-color-scheme:dark){.login-card{background:rgba(30,41,59,.95);border-color:rgba(255,255,255,.1)}.login-form .form-input{background:#1e293b;border-color:#334155;color:#fff}.login-form .form-label{color:#e2e8f0}.login-subtitle{color:#94a3b8}.feature-item span{color:#cbd5e1}.version{color:#94a3b8}.support{color:#64748b}}