:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-hover:#1e40af;--color-bg:#f8f9fb;--color-surface:#ffffff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--sidebar-bg:#1e2a3b;--sidebar-text:#cbd5e1;--sidebar-active-bg:rgba(37,99,235,0.18);--sidebar-active-text:#93c5fd;--sidebar-hover-bg:rgba(255,255,255,0.06);--sidebar-section-label:#64748b;--sidebar-width:220px;--sidebar-collapsed-w:52px;--header-height:52px;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--radius-sm:4px;--radius:6px;--radius-lg:10px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow:0 2px 8px rgba(0,0,0,0.10);--shadow-lg:0 8px 24px rgba(0,0,0,0.14);--z-sidebar:100;--z-header:200;--z-overlay:300;--z-drawer:400;--z-modal:500;--z-popover:600;--z-toast:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px}.main-outer{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);position:relative;overflow-x:hidden}.auth-split-container{display:flex;width:100%;max-width:900px;min-height:560px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;margin:auto}.auth-left-panel{flex:0 0 45%;background:var(--sidebar-bg);display:flex;flex-direction:column;padding:36px 32px;position:relative;overflow:hidden;gap:var(--space-4)}.auth-left-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(37,99,235,.14),transparent 55%);pointer-events:none;z-index:0}.auth-left-brand{display:flex;align-items:center;gap:var(--space-2);position:relative;z-index:1;flex-shrink:0}.auth-left-brand .auth-logo-icon{width:30px;height:30px;font-size:15px}.auth-left-brand-name{color:#e2e8f0;font-size:16px;font-weight:700;letter-spacing:-.01em}.auth-illustration-wrap{position:relative;z-index:1;flex:1 1;display:flex;align-items:center;min-height:0;overflow:hidden}.auth-illustration{width:100%;height:auto;max-height:220px;display:block}.auth-left-content{position:relative;z-index:1;flex-shrink:0}.auth-slogan{font-size:20px;font-weight:700;color:#e2e8f0;line-height:1.3;letter-spacing:-.02em;margin-bottom:var(--space-2)}.auth-slogan-sub{font-size:13px;color:#64748b;line-height:1.6;margin-bottom:var(--space-3)}.auth-benefits{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.auth-benefit-item{display:flex;align-items:flex-start;gap:var(--space-2)}.auth-benefit-dot{width:6px;height:6px;min-width:6px;border-radius:50%;background:var(--color-primary);margin-top:5px}.auth-benefit-title{display:block;font-size:12.5px;font-weight:600;color:#cbd5e1;line-height:1.4}.auth-benefit-desc{display:block;font-size:11.5px;color:#475569;line-height:1.5;margin-top:1px}.auth-right-panel{flex:1 1;display:flex;align-items:center;justify-content:center;padding:48px 44px;overflow-y:auto;background:var(--color-surface)}.auth-right-inner{width:100%;max-width:360px}.auth-right-inner a,.auth-right-inner button{cursor:pointer}.auth-logo-area{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.auth-logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.auth-brand-text{font-size:17px}.auth-brand-text,.auth-heading{font-weight:700;color:var(--color-text-primary)}.auth-heading{font-size:var(--font-size-xl);margin-bottom:var(--space-1)}.auth-subheading{font-size:13.5px;color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:1.5}.main-outer .form-group{margin-bottom:var(--space-4)}.main-outer .form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.main-outer .form-label .req,.main-outer .form-label.req:after{color:var(--color-danger)}.main-outer .form-label.req:after{content:"*";margin-left:2px}.form-error{display:block;position:static;font-size:12px;color:var(--color-danger);margin-top:var(--space-1)}.password-wrap{position:relative}.password-wrap .form-control{padding-right:38px;width:100%}.password-toggle{position:absolute;right:0;top:0;bottom:0;width:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .12s;background:none;border:none;cursor:pointer;border-radius:0 var(--radius) var(--radius) 0}.password-toggle i{font-size:15px;line-height:1}.password-toggle:hover{color:var(--color-text-secondary)}.auth-form-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.auth-link{font-size:13px;color:var(--color-primary);background:none;border:none;padding:0;font:inherit;cursor:pointer;transition:color .12s}.auth-link:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-back-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:13px;color:var(--color-text-secondary);background:none;border:none;padding:0;font:inherit;cursor:pointer;margin-top:var(--space-4);transition:color .12s}.auth-back-link i{font-size:15px}.auth-back-link:hover{color:var(--color-primary)}.main-outer .btn.primary{width:100%;justify-content:center;padding:10px 20px;font-size:14.5px;font-weight:600;margin-top:var(--space-2)}.forgot{font-size:13px;color:var(--color-primary);text-decoration:none;cursor:pointer}.org-select-item{padding:12px;margin-bottom:10px;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color .12s,background .12s}.org-select-item:hover{border-color:var(--color-border-strong)}.org-select-item.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.org-send-btn{margin-top:15px}@media(max-width:767px){.auth-split-container{flex-direction:column;min-height:auto;margin:16px}.auth-left-panel{flex:none;padding:24px 28px;gap:var(--space-3);flex-direction:row;align-items:center;flex-wrap:wrap}.auth-benefits,.auth-illustration-wrap{display:none}.auth-slogan{font-size:16px;margin-bottom:0}.auth-slogan-sub{display:none}.auth-left-content{flex:1 1}.auth-right-panel{padding:32px 28px;justify-content:flex-start}}@media(max-width:579px){.auth-split-container{margin:12px}.auth-left-panel{padding:20px}.auth-right-panel{padding:24px 20px}.main-outer{align-items:flex-start}}