:root{--navy:#101a2b;--navy2:#17253a;--ink:#18263a;--muted:#718096;--line:#e4e9ef;--paper:#f6f8fb;--green:#3e9b73;--mint:#dff2e9;--white:#fff;--gold:#d2a75d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}.hidden{display:none!important}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #edf0f3}.brand,.side-brand{display:flex;align-items:center;gap:13px}.brand img{width:56px;height:56px;object-fit:contain;border-radius:8px}.brand b,.side-brand b{display:block;letter-spacing:.13em;font-size:13px}.brand small,.side-brand small{display:block;font-size:9px;letter-spacing:.13em;color:#8a95a4;margin-top:5px}.nav-login{font-size:13px;font-weight:650}.nav-login span{color:var(--green);margin-left:8px}.hero{min-height:550px;padding:82px max(8vw,30px) 72px;background:linear-gradient(115deg,#f7faf9 0%,#fff 57%,#f0f6f3 100%);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--green)}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.06;letter-spacing:-.055em;margin:23px 0 20px;color:var(--navy);font-weight:760}.hero h1 em{font-style:normal;color:var(--green)}.hero-lead{max-width:540px;font-size:17px;line-height:1.75;color:#657386}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.btn{border:0;border-radius:7px;padding:14px 20px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn.primary{background:var(--navy);color:#fff;box-shadow:0 9px 22px #101a2b20}.btn.light{background:#fff;color:var(--navy)}.text-link{font-size:13px;font-weight:650;color:#506176}.hero-note{margin-top:37px;font-size:11px;color:#8793a1}.lock{color:var(--green);margin-right:7px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #cbded4;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:360px;height:235px}.orbit-two{width:440px;height:310px;transform:rotate(28deg);border-color:#e0e9e3}.hero-logo{width:200px;height:200px;background:#fff;border:1px solid #e7ece8;box-shadow:0 22px 65px #1a3d2b18;border-radius:25px;display:grid;place-items:center;z-index:1}.hero-logo img{width:165px;height:165px;object-fit:contain}.art-tag{position:absolute;background:#fff;border:1px solid #e5ece7;border-radius:5px;padding:9px 12px;font-size:9px;font-weight:800;letter-spacing:.13em;color:#536678;box-shadow:0 7px 22px #17253a0c}.tag-a{top:45px;left:12%}.tag-b{right:2%;bottom:95px}.tag-c{bottom:26px;left:24%;color:var(--green)}.cap-section{padding:80px max(8vw,30px) 90px}.section-head{text-align:center;margin-bottom:42px}.section-head h2,.access-band h2{font-size:34px;letter-spacing:-.04em;color:var(--navy);margin:13px 0}.section-head p,.access-band p{color:#788596;font-size:14px}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cap-card{padding:25px 22px 22px;border:1px solid var(--line);border-radius:10px;min-height:220px;background:#fff}.cap-icon{display:grid;place-items:center;width:40px;height:40px;background:#edf7f2;color:var(--green);font-size:23px;border-radius:9px}.cap-card h3{font-size:16px;margin:19px 0 8px;color:var(--navy)}.cap-card p{font-size:12px;line-height:1.7;color:#7a8796;min-height:58px}.status{font-size:9px;font-weight:800;letter-spacing:.12em;color:#8793a1}.status.live{color:var(--green)}.status.planned{color:#b08b4d}.access-band{margin:0 max(8vw,30px) 65px;padding:38px 42px;border-radius:12px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center}.access-band .eyebrow{color:#8ed2b1}.access-band h2{color:#fff;font-size:26px;margin:10px 0}.access-band p{color:#aeb9c8;margin:0}footer{padding:25px max(5vw,24px);display:flex;justify-content:space-between;color:#929daa;font-size:10px;border-top:1px solid #edf0f3}.auth-shell{min-height:100vh;background:linear-gradient(135deg,#f5f8f6,#eef4f0);display:grid;place-items:center;padding:35px}.back-home{position:absolute;top:28px;left:35px;color:#667487;font-size:12px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #e5ebe7;border-radius:13px;padding:38px 40px;box-shadow:0 25px 70px #132c1e10}.auth-logo{width:78px;height:78px;object-fit:contain;margin-bottom:24px}.auth-card h1{font-size:31px;letter-spacing:-.04em;color:var(--navy);margin:12px 0 8px}.auth-card>p{font-size:13px;line-height:1.65;color:#7a8795;margin:0 0 26px}.auth-card label{display:block;font-size:11px;font-weight:750;color:#47566a;margin:17px 0}.auth-card input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #dce4e0;border-radius:6px;outline:none;font-size:13px}.auth-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #3e9b7315}.full{width:100%;margin-top:7px}.forgot{border:0;background:none;color:var(--green);font-size:11px;font-weight:700;padding:15px 0;cursor:pointer}.auth-message{min-height:18px!important;color:#b24c43!important;font-size:11px!important;margin:0!important}.invite-note{border-top:1px solid #edf0f3;margin-top:20px;padding-top:18px;font-size:10px;line-height:1.6;color:#8591a0}.invite-note span{color:var(--green);margin-right:6px}.app-shell{min-height:100vh;background:var(--paper);display:flex}.sidebar{width:248px;flex-shrink:0;background:var(--navy);color:#fff;min-height:100vh;padding:24px 17px;display:flex;flex-direction:column}.side-brand{padding:0 5px 35px}.side-brand img{width:47px;height:47px;object-fit:contain;background:#fff;border-radius:7px}.side-brand b{font-size:11px}.side-brand small{font-size:8px;color:#9eacbd}.side-label{font-size:9px;letter-spacing:.17em;color:#8291a5;font-weight:800;padding:0 12px 12px}.side-link{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:#b7c2d0;text-align:left;padding:12px;border-radius:6px;font-size:12px;cursor:pointer;margin:2px 0}.side-link span{font-size:16px;width:18px;text-align:center}.side-link.active,.side-link:hover{background:#23364c;color:#fff}.side-link.active{box-shadow:inset 3px 0 var(--green)}.side-bottom-label{margin-top:auto;padding-top:30px}.user-mini{display:flex;align-items:center;gap:10px;padding:13px 8px;border-top:1px solid #2a3a4e}.avatar{width:30px;height:30px;border-radius:50%;background:#315b4b;display:grid;place-items:center;font-size:12px}.user-mini b{display:block;font-size:10px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.user-mini small{display:block;color:#8fa0b2;font-size:8px;letter-spacing:.12em;margin-top:4px}.logout{margin-top:4px}.workspace{flex:1;min-width:0;padding:31px clamp(22px,4vw,55px) 20px}.workspace-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.workspace-top .eyebrow{font-size:9px}.workspace-top h1{font-size:25px;letter-spacing:-.04em;color:var(--navy);margin:8px 0}.top-user{font-size:10px;color:#7a8796}.secure-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.page-content{max-width:1200px}.welcome-panel{background:linear-gradient(110deg,#14253a,#203c4c);color:#fff;border-radius:10px;padding:30px 35px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.welcome-panel .eyebrow{color:#8ed2b1}.welcome-panel h2{font-size:26px;letter-spacing:-.04em;margin:12px 0 8px}.welcome-panel p{font-size:12px;color:#b9c5d1;margin:0;max-width:540px}.welcome-mark{font-size:54px;font-weight:800;letter-spacing:-.08em;color:#ffffff18;position:relative}.welcome-mark span{font-size:12px;color:#8ed2b1;vertical-align:top;letter-spacing:0}.content-heading{display:flex;align-items:center;justify-content:space-between;margin:31px 0 15px}.content-heading h2{font-size:16px;margin:0;color:var(--navy)}.content-heading p{font-size:10px;color:#8994a2;margin:5px 0 0}.pill{font-size:9px;letter-spacing:.1em;font-weight:800;border-radius:30px;padding:7px 10px}.live-pill{color:#25875e;background:#e2f4eb}.featured-tool{display:flex;align-items:center;gap:20px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:9px}.tool-symbol{width:54px;height:54px;flex-shrink:0;border-radius:9px;background:#eaf5ef;color:var(--green);display:grid;place-items:center;font-size:31px}.tool-info{flex:1}.tool-kicker{font-size:8px;letter-spacing:.15em;font-weight:800;color:var(--green)}.tool-info h3{font-size:16px;color:var(--navy);margin:7px 0}.tool-info p{font-size:11px;color:#7a8795;line-height:1.6;margin:0;max-width:650px}.tool-tags{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.tool-tags span{font-size:9px;color:#647386;background:#f1f4f7;padding:5px 8px;border-radius:4px}.launch-tool{white-space:nowrap}.category-heading{margin-top:37px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.module-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:19px;min-height:140px}.module-card>span{font-size:9px;color:var(--green);font-weight:800}.module-card h3{font-size:13px;margin:10px 0 5px;color:var(--navy)}.module-card p{font-size:10px;color:#84909d;margin:0 0 13px}.module-card small{font-size:8px;letter-spacing:.12em;color:#a0aab5;font-weight:800}.release-note{font-size:10px;color:#909ba8;margin-top:18px}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:65px 25px;margin-top:15px}.empty-icon{font-size:32px;color:var(--green)}.empty-state h2{font-size:20px;color:var(--navy)}.empty-state p{font-size:12px;line-height:1.7;color:#7b8796;max-width:540px;margin:0 auto 20px}.app-footer{border-top:1px solid #e4e9ef;margin-top:40px;padding:18px 0;color:#9aa4af;font-size:9px}.app-footer span{padding:0 7px;color:var(--green)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:300px}.cap-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}.featured-tool{flex-wrap:wrap}.launch-tool{margin-left:74px}}@media(max-width:620px){.topbar{height:72px}.brand img{width:45px;height:45px}.brand b{font-size:11px}.brand small{font-size:7px}.hero{padding:58px 24px 42px;min-height:auto}.hero h1{font-size:43px}.hero-lead{font-size:14px}.hero-art{height:270px}.hero-logo{width:150px;height:150px}.hero-logo img{width:125px;height:125px}.orbit-one{width:270px;height:185px}.orbit-two{width:320px;height:235px}.tag-a{left:0}.tag-b{right:0}.cap-section{padding:55px 22px}.cap-grid{grid-template-columns:1fr}.cap-card{min-height:0}.cap-card p{min-height:0}.access-band{margin:0 20px 40px;padding:27px;display:block}.access-band .btn{margin-top:22px}.access-band h2{font-size:23px}footer{gap:12px;flex-direction:column}.auth-shell{padding:22px}.auth-card{padding:30px 25px}.back-home{top:14px;left:18px}.app-shell{display:block}.sidebar{width:100%;min-height:0;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.side-brand{grid-column:1/-1;padding:0 5px 8px}.side-label,.side-bottom-label{display:none}.side-link{padding:9px;font-size:10px}.user-mini{grid-column:1/-1;padding:8px;border-top:1px solid #2a3a4e}.logout{margin:0}.workspace{padding:23px 17px}.workspace-top{align-items:flex-start}.workspace-top h1{font-size:21px}.top-user{font-size:0}.module-grid{grid-template-columns:1fr 1fr;gap:8px}.module-card{padding:13px;min-height:130px}.welcome-panel{padding:23px}.welcome-mark{font-size:35px}.featured-tool{padding:16px;gap:13px}.tool-info{flex-basis:calc(100% - 70px)}.launch-tool{margin-left:67px}.tool-info h3{font-size:14px}.tool-info p{font-size:10px}}

/* Approval workflow */
.pending-users{display:grid;gap:10px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px}
.pending-user{display:grid;grid-template-columns:minmax(180px,1fr) 150px auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.pending-user:last-child{border-bottom:0}
.pending-user-email{font-size:12px;color:var(--navy);overflow-wrap:anywhere}
.pending-role{padding:9px;border:1px solid var(--line);border-radius:6px;background:#fff}
.pending-user button{border:1px solid var(--line);border-radius:6px;padding:9px 12px;font-size:11px;cursor:pointer}
.pending-user .approve-user{background:#e2f4eb;color:#25875e}
.pending-user .reject-user{background:#fae9e7;color:#a94442}
.auth-card .forgot{display:block;margin:13px auto 0}
.auth-card .hidden{display:none}
@media(max-width:620px){.pending-user{grid-template-columns:1fr 1fr}.pending-user-email{grid-column:1/-1}}