:root{color-scheme:light;--navy:#07142f;--navy2:#0b1d3c;--navy3:#122b50;--gold:#f2a34a;--gold2:#ffc36e;--ink:#14213a;--muted:#718096;--line:#e5eaf1;--paper:#f5f7fb;--white:#fff;--green:#119a58;--greenbg:#e8f8ef;--shadow:0 20px 70px #07142f22;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #efa13e99;outline-offset:2px}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;background:var(--navy);color:#fff;font-weight:800;letter-spacing:2px}.boot-screen img{width:44px}.boot-screen span{font-size:14px}.boot-screen b{color:var(--gold);font-size:10px;letter-spacing:4px;display:block;text-align:center;margin-top:5px}.boot-screen i,.loader{width:16px;height:16px;border:2px solid #ffffff55;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-layout{min-height:100svh;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(450px,1.12fr);background:var(--navy)}.brand-side{position:relative;overflow:hidden;min-height:100svh;background:linear-gradient(150deg,#07142f,#091a38 60%,#0e2545);padding:42px clamp(32px,7vw,110px);display:flex;flex-direction:column;color:#fff}.brand-side:before,.brand-side:after{content:"";position:absolute;left:-23%;width:145%;height:50px;border:1px solid #f2a34a66;border-radius:50%;transform:rotate(-27deg);pointer-events:none}.brand-side:before{bottom:18%;box-shadow:0 8px 0 -6px var(--gold),0 15px 0 -13px #ffc36e}.brand-side:after{bottom:12%;border-color:#f2a34a33}.brand-top,.mobile-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.brand-top img,.mobile-brand img{width:49px;height:55px}.brand-top span,.mobile-brand span{font-weight:800;font-size:21px;letter-spacing:1.4px}.brand-top b,.mobile-brand b{display:block;color:var(--gold);font-size:10px;letter-spacing:4.5px;margin-top:4px}.brand-copy{position:relative;z-index:1;margin:auto 0;max-width:510px;padding-bottom:50px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#8b99ad}.brand-copy .eyebrow{color:var(--gold);letter-spacing:3px}.brand-copy h1{font-size:clamp(36px,4.2vw,60px);line-height:1.12;letter-spacing:-1.8px;margin:18px 0}.brand-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold2)}.brand-copy p{max-width:370px;color:#b8c4d4;line-height:1.7;font-size:14px}.security-orbit{position:absolute;border:1px solid #ffffff0a;border-radius:50%;width:430px;height:430px;right:-215px;top:22%;box-shadow:0 0 0 36px #ffffff04,0 0 0 72px #ffffff03}.orbit-two{width:250px;height:250px;top:29%;right:-125px;border-color:#f2a34a15}.brand-footer{position:relative;z-index:1;font-size:9px;color:#8390a3;letter-spacing:1.4px}.brand-footer span{color:var(--gold);padding:0 8px}.login-side{background:#f4f6fa;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:38px 28px;min-height:100svh}.mobile-brand{display:none}.login-card{width:min(100%,430px);padding:35px 34px 25px;background:#fff;border:1px solid #e7ebf1;border-radius:18px;box-shadow:0 22px 70px #08183112}.card-emblem{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff4e7;color:#d48624;margin-bottom:20px}.card-emblem svg,.role-option svg,.input-wrap svg,.help-line svg,.portal-header svg,.side-link svg,.logout-button svg,.module-icon svg,.welcome-emblem svg,.empty-icon svg,.back-home svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-card>.eyebrow{color:#a16b25}.login-card h2{font-size:25px;letter-spacing:-.7px;margin:7px 0 6px;color:var(--navy)}.login-hint{font-size:12px;color:var(--muted);margin:0 0 18px}.role-options{display:grid;gap:7px}.role-option{border:1px solid #e7ebf1;border-radius:9px;background:white;display:flex;align-items:center;gap:10px;min-height:43px;padding:8px 11px;color:#4f6078;text-align:left;transition:.16s}.role-option svg{width:17px;height:17px}.role-option span{font-size:11px;font-weight:700;flex:1}.role-option>b{font-size:17px;font-weight:400}.role-option.selected{border-color:#e4a54e;background:#fff9f0;color:#172844;box-shadow:0 0 0 2px #f6c36d28}.role-option.selected svg{color:#bf7620}.selected-role{display:flex;align-items:flex-start;gap:9px;margin:15px 0 17px;padding:10px;background:#f7f9fc;border:1px solid #edf0f4;border-radius:8px}.role-dot{width:8px;height:8px;background:#d89037;border-radius:50%;margin-top:4px;flex:0 0 auto}.selected-role b,.selected-role small{display:block}.selected-role b{font-size:10px;color:#2a3d57}.selected-role small{font-size:9px;color:#78879b;margin-top:3px}.login-card form label{font-size:10px;font-weight:700;color:#364761;display:block;margin:12px 0 6px}.input-wrap{height:42px;display:flex;align-items:center;gap:9px;border:1px solid #dfe5ec;border-radius:8px;padding:0 11px;color:#8793a5;background:#fff}.input-wrap:focus-within{border-color:#d89843;box-shadow:0 0 0 3px #edae4c20}.input-wrap svg{width:16px;height:16px;flex:0 0 auto}.input-wrap input{border:0;outline:0;box-shadow:none!important;min-width:0;flex:1;font-size:11px;color:#1c2a42;background:transparent;height:100%}.input-wrap input::placeholder{color:#a3acb9}.password-toggle{border:0;background:transparent;color:#8190a1;font-size:13px;padding:4px}.form-message{min-height:0;margin-top:0;color:#b0443e;font-size:10px;line-height:1.4}.form-message.visible{min-height:16px;margin-top:9px}.submit-button{width:100%;height:45px;margin-top:12px;border:1px solid #d89037;border-radius:8px;background:linear-gradient(110deg,#ef9a39,#f4b14f);display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#1b2740;font-size:11px;font-weight:800;box-shadow:0 7px 15px #d890372b}.submit-button:hover{filter:saturate(1.1) brightness(1.02)}.submit-button:disabled{opacity:.72;cursor:wait}.submit-button svg{width:17px;height:17px}.submit-button .loader{width:14px;height:14px;border-color:#1c294855;border-top-color:#17243b;margin-right:auto;margin-left:10px}.help-line{display:flex;align-items:flex-start;gap:8px;padding-top:17px;margin-top:17px;border-top:1px solid #edf0f4;color:#8793a4;font-size:9px;line-height:1.5}.help-line svg{width:13px;height:13px;flex:0 0 auto}.login-footer{width:min(100%,430px);display:flex;justify-content:space-between;color:#8a96a5;font-size:9px;padding:13px 4px}.login-footer i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#c8974d;vertical-align:middle;margin:0 8px}.toast{position:fixed;z-index:10;bottom:20px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:var(--navy);color:#fff;padding:11px 15px;border:1px solid #ffffff20;border-radius:8px;font-size:11px;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
.portal-layout{min-height:100vh;display:flex;background:#f3f5f9}.portal-sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:25px 15px;z-index:2}.portal-sidebar .brand-top{padding:0 8px 24px;border-bottom:1px solid #ffffff1c}.portal-sidebar .brand-top img{width:36px;height:42px}.portal-sidebar .brand-top span{font-size:13px;letter-spacing:1px}.portal-sidebar .brand-top b{font-size:8px;letter-spacing:3px}.space-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#93a2b8;padding:22px 10px 10px}.portal-sidebar nav{display:grid;gap:5px}.side-link,.logout-button{border:0;background:transparent;color:#c0cada;border-radius:8px;display:flex;align-items:center;gap:11px;padding:11px 10px;text-align:left;font-size:11px}.side-link:hover,.side-link.active{background:#ffffff12;color:white}.side-link.active{box-shadow:inset 3px 0 var(--gold)}.side-link.active svg{color:var(--gold)}.side-link svg,.logout-button svg{width:17px;height:17px}.logout-button{margin-top:auto;border-top:1px solid #ffffff1c;border-radius:0;padding-top:17px;color:#d1d8e3}.portal-main{width:calc(100% - 252px);margin-left:252px;min-width:0}.portal-header{height:69px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,4vw,52px);position:sticky;top:0;z-index:1}.portal-header>div:first-child b{display:block;font-size:13px;color:#172844;margin-top:3px}.portal-header .eyebrow{font-size:8px;letter-spacing:1.4px;color:#8b96a6}.user-menu{display:flex;align-items:center;gap:9px}.user-avatar{width:33px;height:33px;border-radius:50%;background:#f7e6cc;color:#82561e;display:grid;place-items:center;font-size:10px;font-weight:800}.user-menu>span:nth-child(2) b,.user-menu small{display:block}.user-menu>span:nth-child(2) b{font-size:10px;color:#263650}.user-menu small{font-size:9px;color:#8591a1;margin-top:3px}.user-menu button{border:0;background:transparent;color:#718098}.portal-content{max-width:1180px;margin:auto;padding:31px clamp(18px,4vw,52px) 55px}.welcome-panel{min-height:178px;background:linear-gradient(110deg,#0a1935,#102b4f);border-radius:15px;padding:29px 34px;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.welcome-panel:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #f2a34a3b;border-radius:50%;right:65px;top:-110px;box-shadow:0 0 0 25px #f2a34a0d,0 0 0 50px #f2a34a08}.welcome-panel .eyebrow{color:#efb052}.welcome-panel h1{font-size:25px;letter-spacing:-.5px;margin:9px 0 5px}.welcome-panel p{font-size:11px;color:#c1cbd7;margin:0}.welcome-emblem{position:relative;z-index:1;width:60px;height:60px;border:1px solid #f2a34a80;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#091a38}.welcome-emblem svg{width:26px;height:26px}.phase-note{display:flex;align-items:center;gap:11px;padding:13px 15px;margin:16px 0 20px;background:#fff;border:1px solid var(--line);border-radius:9px}.phase-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e7f5ec;color:#1e9659;font-weight:800;font-size:12px}.phase-note b,.phase-note p{display:block;margin:0}.phase-note b{font-size:10px;color:#31445f}.phase-note p{font-size:9px;color:#7d8999;margin-top:4px}.secure-pill{margin-left:auto;border-radius:20px;background:#eff8f2;color:#35805a;padding:5px 8px;font-size:8px;font-weight:800;letter-spacing:.5px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-card{min-height:75px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px 15px;color:#1c2d47;box-shadow:0 4px 16px #14264808}.module-card:hover{border-color:#e0bb7e;transform:translateY(-1px)}.module-icon{width:38px;height:38px;border-radius:10px;background:#f7f5f0;color:#192d51;display:grid;place-items:center}.module-icon svg{width:19px;height:19px}.module-copy{display:grid;gap:4px;flex:1}.module-copy b{font-size:11px}.module-copy small{font-size:9px;color:#8490a0}.module-arrow{font-size:21px;color:#ad7a32}.data-note{text-align:center;color:#8a95a5;font-size:9px;margin:19px 0}.empty-module{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:480px;margin:auto}.empty-icon{width:56px;height:56px;border-radius:16px;background:#fff1df;color:#bc7b2c;display:grid;place-items:center;margin-bottom:17px}.empty-icon svg{width:24px;height:24px}.empty-module h1{font-size:23px;margin:9px 0;color:#142440}.empty-module p{font-size:11px;line-height:1.7;color:#7d899a}.back-home{border:0;border-radius:8px;background:#142d4b;color:#fff;padding:10px 13px;margin-top:12px;display:flex;align-items:center;gap:12px;font-size:10px}.back-home svg{width:15px;height:15px;color:var(--gold)}
@media(max-width:900px){.login-layout{grid-template-columns:minmax(260px,.7fr) minmax(430px,1.3fr)}.brand-side{padding:32px 34px}.brand-copy h1{font-size:39px}.portal-sidebar{width:220px}.portal-main{width:calc(100% - 220px);margin-left:220px}}
@media(max-width:650px){.login-layout{display:block;background:#f4f6fa}.brand-side{display:none}.login-side{min-height:100svh;padding:23px 15px;justify-content:flex-start;background:linear-gradient(180deg,#07142f 0,#07142f 180px,#f4f6fa 180px)}.mobile-brand{display:flex;margin:8px auto 22px;color:#fff}.mobile-brand img{width:39px;height:44px}.mobile-brand span{font-size:15px}.mobile-brand b{font-size:8px;letter-spacing:3.5px}.login-card{padding:25px 21px 19px;border-radius:14px}.login-card h2{font-size:22px}.login-footer{padding:12px 5px}.portal-sidebar{width:63px;padding:17px 7px}.portal-sidebar .brand-top{justify-content:center;padding:0 0 15px}.portal-sidebar .brand-top img{width:36px}.portal-sidebar .brand-top span,.space-label,.side-link span,.logout-button span{display:none}.portal-sidebar nav{margin-top:14px}.side-link,.logout-button{justify-content:center;padding:11px 0}.logout-button{margin-top:auto}.portal-main{width:calc(100% - 63px);margin-left:63px}.portal-header{height:59px;padding:0 12px}.portal-header>div:first-child .eyebrow{font-size:7px}.portal-header>div:first-child b{font-size:11px}.user-menu{gap:6px}.user-avatar{width:29px;height:29px}.user-menu>span:nth-child(2){display:none}.portal-content{padding:17px 12px 35px}.welcome-panel{min-height:142px;padding:21px 18px}.welcome-panel h1{font-size:21px}.welcome-panel p{font-size:9px;max-width:210px;line-height:1.5}.welcome-emblem{width:46px;height:46px}.welcome-panel:after{right:-30px}.phase-note{align-items:flex-start;padding:11px}.phase-note p{max-width:210px;line-height:1.5}.secure-pill{font-size:0;padding:7px}.module-grid{grid-template-columns:1fr;gap:8px}.module-card{min-height:65px;padding:10px}.empty-module{min-height:65vh;padding:15px}.empty-module h1{font-size:20px}}