:root{--navy:#102b44;--accent:#326698;--text:#172e43;--text-2:#526579;--text-3:#66798a;--border:#e1e8ef;--bd-md:#cbd7e2;--font-d:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-u:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--fd:var(--font-d);--fu:var(--font-u);--bg:#f3f6fa;--radius:14px}
body{background:#f3f6fa}.l-panel{width:44%;max-width:650px;padding:48px 52px;background:radial-gradient(ellipse at 0% 100%,#245779,transparent 65%),#102b44;position:relative;overflow:hidden}.l-panel::after{content:'';position:absolute;width:360px;height:360px;border:1px solid #ffffff12;border-radius:50%;bottom:-190px;right:-100px;pointer-events:none}.l-brand{gap:14px}.l-icon,.brand-icon,.sb-icon{background:transparent;width:44px;height:44px;border-radius:0;background-image:url('../brand/joules-mark.png');background-size:contain;background-repeat:no-repeat;background-position:center}.l-icon svg,.brand-icon svg,.sb-icon svg{display:none}.l-title{font-family:var(--font-d);font-size:27px;font-weight:600}.l-tagline{color:#aec3d4;letter-spacing:1.4px}.l-hero h1{font-size:clamp(32px,3.4vw,50px);letter-spacing:-1.6px;font-family:var(--font-d);line-height:1.13}.l-hero p{color:#b4cada;font-size:15px;max-width:440px}.l-role{color:#c6d9e7;padding:7px 13px;background:#ffffff05}.l-footer{color:#97afc2}.r-panel{padding:48px}.form-wrap{background:#fff;padding:38px;border-radius:20px;border:1px solid #e1e8ef;box-shadow:0 12px 48px #102b4408;max-width:450px}.form-wrap::before{content:'';display:block;background:url('../brand/joules-dark.png') left center/contain no-repeat;width:130px;height:34px;margin-bottom:32px}.form-title{font-family:var(--font-d);font-size:29px;letter-spacing:-.7px}.form-sub{font-size:14px}input[type=text],input[type=password],input[type=email]{border-radius:9px;padding:13px 14px;min-height:46px}input:focus{border-color:#326698;box-shadow:0 0 0 3px #32669818}.btn-login,.btn-submit{background:#326698;border-radius:9px;min-height:46px}.btn-login:hover,.btn-submit:hover{background:#275780}.hint,.back-link{color:#66798a}.card{border:1px solid #e1e8ef;border-radius:20px;box-shadow:0 12px 48px #102b4412}.brand-name,h1{font-family:var(--font-d);font-weight:600;letter-spacing:-.5px}.brand-name{font-size:24px}.back-link a{color:#326698}.platform-badge{background:#edf4fb;color:#326698;border-radius:5px}.sidebar{background:#102b44;width:240px;overflow-y:auto}.main{min-width:0}.topbar{height:72px}.sb-sub,.sb-urole{color:#adc3d4}.sb-badge{background:#228854}.sb-item{padding:12px;border-radius:8px;color:#c0d2e0}.sb-item.active{border-left-color:#36ca74}.kpi-val{font-family:var(--font-d);letter-spacing:-1px}.btn-primary{background:#326698}.j-card{box-shadow:0 3px 16px #102b4407;border-radius:14px}.modal-box{border-radius:18px}button:focus-visible,a:focus-visible{outline:3px solid #38ca74;outline-offset:3px}
@media(max-width:1000px){.l-panel{padding:36px;width:42%}.r-panel{padding:28px}.form-wrap{padding:28px}}
@media(max-width:768px){.l-panel{display:none}.r-panel{padding:24px 16px;min-height:100dvh}.form-wrap{padding:28px 24px}.shell{height:auto;min-height:100dvh;flex-direction:column}.sidebar{width:100%}.sb-user{display:none}.sb-nav{display:flex;flex-wrap:wrap;gap:4px}.sb-item{width:auto}.main{overflow:visible}.content{padding:20px 14px}.kpi-grid{grid-template-columns:1fr}.topbar{padding:16px;height:auto;flex-wrap:wrap;gap:12px}.card{padding:30px 24px}}