@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-navy:#1c2036;--brand-green:#c2c721;--brand-olive:#85a439;--bg:#f6f7f9;--surface:#fff;--surface-soft:#f1f3f6;--text:#171b27;--muted:#7c8392;--border:#e4e7ed;--input:#f9fafb;--danger:#b63d4d;font-synthesis:none;text-rendering:optimizelegibility;font-family:Manrope,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1019;--surface:#141a26;--surface-soft:#1a2231;--text:#f3f5f8;--muted:#9ca6b7;--border:#273142;--input:#111722;--danger:#ff8b99}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}.login-page{grid-template-columns:minmax(390px,.95fr) minmax(500px,1.05fr);min-height:100vh;display:grid}.brand-panel{background:radial-gradient(circle at 85% 15%, #c2c72129, transparent 34%), linear-gradient(145deg, #141827 0%, var(--brand-navy) 54%, #202641 100%);color:#fff;position:relative;overflow:hidden}.brand-panel:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-170px;right:-180px}.brand-panel__inner{z-index:1;flex-direction:column;min-height:100vh;padding:52px 58px 42px;display:flex;position:relative}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-logo{object-fit:contain;width:50px;height:50px}.brand-name{flex-direction:column;display:flex}.brand-name strong{letter-spacing:-.04em;font-size:24px;line-height:1}.brand-name span{color:#ffffffa3;margin-top:6px;font-size:12px}.brand-content{max-width:620px;margin:auto 0}.eyebrow{color:var(--brand-olive);letter-spacing:.18em;margin:0 0 14px;font-size:11px;font-weight:800;line-height:1}.eyebrow--light{color:var(--brand-green)}.brand-content h1{letter-spacing:-.055em;max-width:620px;margin:0;font-size:clamp(42px,5vw,68px);font-weight:700;line-height:1.06}.brand-content h1 em{color:var(--brand-green);font-style:normal}.brand-content>p:last-child{color:#ffffffab;max-width:520px;margin:26px 0 0;font-size:15px;line-height:1.8}.brand-features{gap:13px;margin-bottom:44px;display:grid}.brand-features>div{color:#ffffffc7;align-items:center;gap:12px;font-size:13px;display:flex}.feature-icon{width:34px;height:34px;color:var(--brand-green);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;place-items:center;display:grid}.brand-footer{color:#ffffff6b;align-items:center;gap:9px;font-size:11px;display:flex}.brand-footer__dot{background:var(--brand-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #c2c72114}.login-panel{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:40px;transition:background .25s,color .25s;display:flex;position:relative}.theme-toggle{border:1px solid var(--border);width:42px;height:42px;color:var(--muted);background:var(--surface);border-radius:13px;place-items:center;transition:all .2s;display:grid;position:absolute;top:34px;right:38px}.theme-toggle:hover{color:var(--text);border-color:#c9ced8;transform:translateY(-1px)}.login-card{width:min(100%,430px)}.login-heading{margin-bottom:38px}.login-heading h2{letter-spacing:-.045em;margin:0 0 12px;font-size:36px;line-height:1.1}.login-heading>p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.login-form{gap:22px;display:grid}.login-form label{gap:9px;display:grid}.login-form label>span{color:var(--text);font-size:12px;font-weight:700}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap input{border:1px solid var(--border);width:100%;height:55px;color:var(--text);background:var(--input);border-radius:14px;outline:none;padding:0 48px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrap input::placeholder{color:var(--muted);opacity:.7}.input-wrap input:focus{background:var(--surface);border-color:var(--brand-olive);box-shadow:0 0 0 4px #85a4391a}.input-icon{width:19px;color:var(--muted);pointer-events:none;position:absolute;left:17px}.password-toggle{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;right:10px}.password-toggle:hover{color:var(--text);background:var(--surface-soft)}.login-button{background:var(--brand-navy);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:11px;height:56px;margin-top:5px;padding:0 20px;font-size:14px;font-weight:800;transition:transform .18s,opacity .18s,box-shadow .18s;display:flex}:root[data-theme=dark] .login-button{background:var(--brand-green);color:#171a23}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #1c203629}.login-button:disabled{cursor:wait;opacity:.7}.form-error{color:var(--danger);background:#b63d4d0f;border:1px solid #b63d4d2e;border-radius:11px;margin-top:-4px;padding:12px 14px;font-size:12px;line-height:1.5}.security-note{color:var(--muted);justify-content:center;align-items:center;gap:9px;margin-top:22px;font-size:11px;display:flex}.security-note svg{color:var(--brand-olive)}.login-footer{color:var(--muted);gap:8px;font-size:10px;display:flex;position:absolute;bottom:27px}.mobile-brand{display:none}.app-shell{background:radial-gradient(circle at 80% 10%, #c2c72114, transparent 30%), var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.brand-mini{align-items:center;gap:11px;display:flex}.brand-mini__logo{object-fit:contain;width:36px;height:36px}.brand-mini>div{flex-direction:column;display:flex}.brand-mini strong{letter-spacing:-.03em;font-size:16px}.brand-mini span{color:var(--muted);margin-top:2px;font-size:9px}.topbar__actions{align-items:center;gap:13px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.user-chip{border:1px solid var(--border);background:var(--surface);border-radius:13px;align-items:center;gap:10px;min-height:44px;padding:7px 12px;display:flex}.user-chip>div{flex-direction:column;display:flex}.user-chip strong{font-size:11px}.user-chip span:not(.status-dot){color:var(--muted);margin-top:2px;font-size:9px}.status-dot{background:var(--brand-green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #c2c7211f}.welcome{place-items:center;min-height:calc(100vh - 76px);padding:60px 24px;display:grid}.welcome-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:24px;width:min(100%,680px);padding:48px}.welcome-card__icon{width:58px;height:58px;color:var(--brand-olive);background:#c2c7211f;border-radius:18px;place-items:center;margin:0 auto 25px;display:grid}.welcome-card h1{letter-spacing:-.045em;margin:0 0 14px;font-size:36px}.welcome-copy{max-width:540px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.8}.module-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:35px;display:grid}.module-preview>div{border:1px solid var(--border);background:var(--surface-soft);min-height:92px;color:var(--muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:15px 10px;font-size:10px;font-weight:700;display:flex}.module-preview svg{color:var(--brand-olive)}@media (width<=900px){.login-page{display:block}.brand-panel{display:none}.login-panel{min-height:100vh;padding:90px 24px 70px}.mobile-brand{align-items:center;gap:12px;display:flex;position:absolute;top:30px;left:24px}.mobile-brand img{object-fit:contain;width:36px;height:36px}.mobile-brand>div{flex-direction:column;display:flex}.mobile-brand strong{font-size:16px}.mobile-brand span{color:var(--muted);margin-top:2px;font-size:9px}.theme-toggle{top:27px;right:24px}.login-footer{margin-top:42px;position:static}.module-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.login-panel{padding-left:19px;padding-right:19px}.login-heading h2{font-size:31px}.welcome-card{padding:32px 20px}.topbar{padding:0 17px}.user-chip{display:none}}