:root{--mg-primary:#2563eb;--mg-primary-hover:#1d4ed8;--mg-primary-light:#eff6ff;--mg-primary-50:#dbeafe;--mg-secondary:#475569;--mg-secondary-hover:#334155;--mg-accent:#109b44;--mg-accent-hover:#0d7e37;--mg-success:#16a34a;--mg-success-bg:#f0fdf4;--mg-warning:#ea580c;--mg-warning-bg:#fff7ed;--mg-danger:#dc2626;--mg-danger-bg:#fef2f2;--mg-info:#0891b2;--mg-info-bg:#ecfeff;--mg-bg:#f8fafc;--mg-bg-card:#fff;--mg-border:#e2e8f0;--mg-border-hover:#cbd5e1;--mg-text:#1e293b;--mg-text-muted:#64748b;--mg-text-light:#94a3b8;--mg-text-placeholder:#cbd5e1;--mg-sidebar-bg:#0f172a;--mg-sidebar-text:#cbd5e1;--mg-sidebar-hover:#1e293b;--mg-sidebar-active:#2563eb;--mg-sidebar-width:260px;--mg-sidebar-collapsed:72px;--mg-header-height:60px;--mg-radius:8px;--mg-radius-sm:6px;--mg-radius-lg:12px;--mg-radius-xl:16px;--mg-shadow-sm:0 1px 2px rgba(0,0,0,.05);--mg-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--mg-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--mg-shadow-lg:0 25px 50px rgba(0,0,0,.25);--mg-transition:0.2s ease;--mg-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--mg-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.login-page{align-items:center;background:linear-gradient(135deg,var(--mg-sidebar-bg) 0,var(--mg-sidebar-hover) 50%,var(--mg-sidebar-bg) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}body.login-page:before{background-image:radial-gradient(circle at 25% 25%,rgba(37,99,235,.05) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(245,158,11,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.login-wrapper{max-width:420px;position:relative;width:100%;z-index:1}.login-card{animation:fadeInUp .4s ease-out;background:var(--mg-bg-card);border-radius:var(--mg-radius-xl);box-shadow:var(--mg-shadow-lg);padding:40px;width:100%}.login-brand{gap:12px;margin-bottom:8px}.login-brand,.login-brand-icon{align-items:center;display:flex;justify-content:center}.login-brand-icon{background:var(--mg-accent);border-radius:var(--mg-radius);color:#fff;flex-shrink:0;font-size:22px;font-weight:800;height:48px;width:48px}.login-brand-text{display:flex;flex-direction:column}.login-brand-name{color:var(--mg-text);font-size:22px;font-weight:700;line-height:1.2}.login-brand-sub{color:var(--mg-text-muted);font-size:13px;font-weight:450}.login-divider{background:var(--mg-border);height:1px;margin:24px 0}.login-welcome{margin-bottom:28px;text-align:center}.login-welcome h1{color:var(--mg-text);font-size:18px;font-weight:600;margin-bottom:4px}.login-welcome p{color:var(--mg-text-muted);font-size:13px;font-weight:450}.login-error{align-items:center;background:var(--mg-danger-bg);border-radius:var(--mg-radius);color:var(--mg-danger);display:flex;font-size:13px;gap:8px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.login-error i{flex-shrink:0;font-size:16px}.login-form{margin-bottom:0}.login-input-group{margin-bottom:16px;position:relative}.login-input-group label{color:var(--mg-secondary);display:block;font-size:13px;font-weight:550;margin-bottom:6px}.login-input-group .input-icon{bottom:14px;color:var(--mg-text-light);font-size:14px;left:14px;pointer-events:none;position:absolute}.login-input-group input{background:var(--mg-bg-card);border:1px solid var(--mg-border);border-radius:var(--mg-radius);color:var(--mg-text);font-family:inherit;font-size:14px;padding:12px 12px 12px 42px;transition:all var(--mg-transition);width:100%}.login-input-group input:focus{border-color:var(--mg-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:none}.login-input-group input::placeholder{color:var(--mg-text-placeholder)}.password-toggle{background:none;border:none;bottom:10px;color:var(--mg-text-light);cursor:pointer;font-size:14px;padding:4px;position:absolute;right:12px;transition:color var(--mg-transition)}.password-toggle:hover{color:var(--mg-text-muted)}.login-options{font-size:13px;justify-content:space-between;margin-bottom:24px}.login-options,.login-remember{align-items:center;display:flex}.login-remember{color:var(--mg-secondary);cursor:pointer;gap:8px;user-select:none}.login-remember input[type=checkbox]{accent-color:var(--mg-primary);cursor:pointer;height:16px;margin:0;width:16px}.login-remember label{cursor:pointer;font-weight:450}.login-forgot{color:var(--mg-primary);font-weight:500;text-decoration:none;transition:color var(--mg-transition)}.login-forgot:hover{color:var(--mg-primary-hover);text-decoration:underline}.login-btn{align-items:center;background:var(--mg-primary);border:none;border-radius:var(--mg-radius);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:13px;transition:background var(--mg-transition),transform .1s ease;width:100%}.login-btn:hover{background:var(--mg-primary-hover)}.login-btn:active{transform:scale(.99)}.login-btn:focus{box-shadow:0 0 0 3px rgba(37,99,235,.2);outline:none}.login-btn i{font-size:15px}.login-footer{border-top:1px solid var(--mg-border);color:var(--mg-text-light);font-size:12px;line-height:1.6;margin-top:24px;padding-top:20px;text-align:center}.login-footer-version{color:var(--mg-text-placeholder);font-size:11px;margin-top:4px}@media(max-width:480px){.login-card{padding:28px 24px}.login-brand-name{font-size:20px}.login-brand-icon{font-size:20px;height:44px;width:44px}.login-welcome h1{font-size:16px}.login-options{align-items:flex-start;flex-direction:column;gap:12px}.login-forgot{align-self:flex-end}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}