:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none;background:#f7f8f5;color:#152c2b}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #80c8ac;outline-offset:3px}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}.saas-header{height:83px;border-bottom:1px solid #e5ebe7;background:rgba(255,255,255,.9);padding:0 clamp(20px,4vw,75px);display:flex;align-items:center;justify-content:space-between;gap:16px}.saas-brand{display:inline-flex;align-items:center;gap:12px}.brand-glyph{display:grid;place-items:center;font-weight:900;font-size:23px;background:#145b50;color:#fff;width:45px;height:45px;border-radius:13px}.saas-brand strong{display:block;font-size:16px;letter-spacing:-.03em}.saas-brand small{display:block;color:#69837f;font-size:12px;margin-top:4px}.header-tools{display:flex;align-items:center;gap:12px}.header-tools select{border:1px solid #cfdbd5;border-radius:10px;padding:9px 13px;background:white;color:#294e49}.stage-pill{font-size:12px;border:1px solid #cae3d6;color:#296a58;background:#edf8f1;padding:8px 12px;border-radius:20px}.auth-main{min-height:calc(100vh - 83px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);max-width:1600px;margin:auto}.auth-story{padding:clamp(45px,8vw,130px) clamp(35px,7vw,126px);position:relative;overflow:hidden;background:radial-gradient(circle at 75% 76%,#b9dbc7 0,#e1eee6 23%,transparent 51%),linear-gradient(130deg,#edf4ed,#d8e9e0 68%,#d0e5d8)}.auth-story::before{content:"";position:absolute;border:1px solid #ffffff96;width:400px;height:400px;border-radius:50%;right:-190px;bottom:6%;pointer-events:none}.eyebrow,.auth-kicker{font-weight:800;font-size:12px;letter-spacing:.16em;color:#287966}.auth-story h1{font-size:clamp(38px,5vw,74px);line-height:1.1;letter-spacing:-.065em;margin:30px 0 25px;max-width:640px}.auth-story h1 em{font-style:normal;color:#277861}.auth-story>p{font-size:18px;line-height:1.65;color:#54736c;max-width:490px;margin-bottom:36px}.story-points{display:grid;gap:17px;max-width:490px}.story-item{display:flex;gap:15px;align-items:start}.story-icon{flex:none;width:34px;height:34px;background:#f3fbf6;border-radius:10px;border:1px solid #cadecb;display:grid;place-items:center;color:#35745e;font-size:15px}.story-item strong{display:block;font-size:14px;margin:1px 0 4px}.story-item span:last-child{font-size:13px;color:#647f76;line-height:1.5}.story-footer{display:flex;align-items:center;gap:10px;font-size:12px;color:#4b7165;margin-top:70px}.dot{height:8px;width:8px;border-radius:50%;background:#378c75}.auth-side{padding:clamp(35px,5.5vw,80px) clamp(22px,5vw,82px);display:grid;align-content:center;justify-items:center}.auth-card{width:min(100%,470px);padding:clamp(26px,3vw,44px);background:#fff;border-radius:22px;box-shadow:0 18px 80px #27473e12;border:1px solid #e8eee9}.auth-kicker{font-size:11px}.auth-card h2{letter-spacing:-.045em;font-size:30px;margin:15px 0 8px}.auth-card>p{font-size:14px;color:#72837d;line-height:1.6;margin:0 0 24px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-radius:11px;padding:5px;background:#f3f6f3;margin-bottom:20px}.auth-tabs button{border:0;border-radius:9px;color:#658279;background:transparent;padding:11px;font-size:13px;font-weight:750}.auth-tabs button[aria-selected="true"]{background:white;color:#225d4f;box-shadow:0 2px 6px #21372f13}.auth-form{display:grid;gap:15px}.auth-field{display:grid;gap:8px;font-size:13px;color:#426056;font-weight:650}.auth-field input{border:1px solid #d7e3dd;border-radius:10px;padding:13px;background:#f7faf8;color:#789087}.auth-field input::placeholder{color:#a0b0aa}.auth-explainer{background:#f4f8f5;color:#527468;border:1px solid #dae8df;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.55}.blocked-action{display:flex;justify-content:center;padding:14px 17px;border:0;border-radius:11px;background:#b8cec4;color:#fff;font-weight:750}.auth-divider{display:flex;align-items:center;gap:13px;margin:25px 0 18px}.auth-divider span{height:1px;flex:1;background:#e4ece8}.auth-divider small{font-size:10px;letter-spacing:.1em;color:#92a099;font-weight:800}.demo-link{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border-radius:11px;background:#176655;color:white;font-size:13px;font-weight:800}.demo-link:hover{background:#10513e}.auth-card p.auth-disclaimer{font-size:12px;line-height:1.55;margin:19px 0 0;color:#7a8882}.side-footer{text-align:center;font-size:12px;color:#7c8b83;margin:19px 0 0}.workspace-header{height:76px;padding:0 clamp(18px,3.5vw,60px)}.workspace-banner{padding:10px 30px;background:#fff4dc;color:#79532b;font-size:12px;text-align:center;border-bottom:1px solid #eedab5}.workspace-main{max-width:1260px;margin:0 auto;padding:36px 30px 85px}.workspace-lead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.workspace-lead h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.05em;margin:9px 0}.workspace-lead p{color:#778880;line-height:1.6;margin:0;max-width:610px}.demo-status{font-size:12px;font-weight:750;color:#2c7662;background:#e9f6ef;border:1px solid #d2e9da;padding:9px 13px;border-radius:40px}.work-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px}.work-nav{background:white;border:1px solid #e5ebe6;border-radius:16px;padding:12px;height:max-content;display:grid;gap:3px}.work-nav button{background:transparent;border:0;border-radius:10px;padding:13px 14px;text-align:start;color:#547469;font-weight:650}.work-nav button[aria-current="page"]{background:#eaf5ee;color:#145b4e}.work-nav a{padding:13px 14px;font-size:13px;color:#287260}.work-pane{min-width:0;display:grid;gap:22px}.work-card{border-radius:17px;background:#fff;border:1px solid #e5ebe6;padding:25px;box-shadow:0 3px 18px #244c3410}.work-card h2{font-size:21px;letter-spacing:-.035em;margin:0 0 12px}.work-card p{color:#6a8078;font-size:14px;line-height:1.6}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{padding:22px;background:#edf5ef;border-radius:13px}.stat strong{font-size:29px;color:#1d644f;display:block}.stat span{font-size:12px;color:#668076}.profile-grid,.milestone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile{border:1px solid #d8e8de;border-radius:13px;padding:18px;background:#fbfdfa;display:grid;gap:10px;text-align:start;cursor:pointer}.profile:hover{border-color:#74ae92}.profile:focus-visible{outline:3px solid #84c6a0}.profile strong{font-size:16px}.profile small{color:#607c6d}.avatar{height:43px;width:43px;border-radius:13px;display:grid;place-items:center;background:#dbecdf;color:#236c53;font-weight:800}.work-tag{display:inline-block;border-radius:6px;background:#edf5ef;color:#29765a;padding:5px 8px;font-size:11px;font-weight:700;width:max-content}.work-note{font-size:12px;line-height:1.6;color:#8a6d3e;background:#fff7e8;padding:14px;border-radius:10px}.milestone{border:1px solid #e1eae2;border-radius:13px;padding:19px}.milestone strong{display:block;margin-bottom:6px}.milestone span{font-size:12px;color:#788d81;line-height:1.6}.milestone .work-tag{margin-top:12px}.action-link{display:inline-flex;margin-top:10px;background:#146752;color:#fff;border-radius:10px;padding:12px 16px;font-weight:750;font-size:13px}.back-link{font-size:13px;color:#28705e}.feature-pills{display:flex;flex-wrap:wrap;gap:10px}.feature-pills a,.feature-pills span{background:#f2f7f3;border:1px solid #dae7dc;border-radius:9px;font-size:12px;font-weight:700;padding:11px 14px;color:#386c58}.work-foot{margin-top:30px;font-size:12px;color:#87978d}.workspace-notice{background:#f6faf5;border:1px solid #e1ece3;padding:15px;border-radius:11px}.workspace-notice strong{display:block;font-size:14px}.workspace-notice p{margin:6px 0 0;font-size:13px}@media(max-width:950px){.auth-main{grid-template-columns:1fr}.auth-story{padding:58px 35px}.story-footer{margin-top:35px}.auth-side{padding:38px 20px}.work-layout{grid-template-columns:1fr}.work-nav{display:flex;overflow-x:auto}.work-nav button{white-space:nowrap}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.saas-header{padding:0 16px;height:72px}.stage-pill{display:none}.saas-brand strong{font-size:14px}.saas-brand small{font-size:11px}.auth-story{padding:52px 22px}.auth-story h1{font-size:41px}.auth-story>p{font-size:16px}.auth-card{padding:24px}.workspace-main{padding:24px 16px 50px}.workspace-lead{align-items:start;flex-direction:column}.profile-grid,.milestone-grid,.work-grid{grid-template-columns:1fr}.work-card{padding:20px}.work-nav{padding:7px}}
html[dir="rtl"] .work-nav button,html[dir="rtl"] .profile{text-align:right}

.auth-check{display:flex;align-items:flex-start;gap:10px;color:#466d5f;font-size:13px;line-height:1.5;cursor:pointer}
.auth-check input{margin-top:4px;accent-color:#145b50}
.auth-form .blocked-action:disabled{opacity:.6}
.work-card select{padding:12px;border:1px solid #d7e3dd;border-radius:10px;background:white;margin:12px 12px 0 0}
.profile .auth-check{padding-top:4px}

.auth-forgot{background:none;border:0;color:#155a4b;text-decoration:underline;
font-weight:700;font-size:13px;padding:8px 0;text-align:start;justify-self:start}
.auth-forgot:hover{color:#0b4034}
.auth-reset-title{font-size:19px;letter-spacing:-.02em;margin:0}
.auth-reset-description{font-size:13px;line-height:1.6;color:#658078;margin:0}

/* Active authentication actions must look different from disabled controls. */
.auth-submit{display:flex;justify-content:center;padding:14px 17px;border:0;border-radius:11px;background:#176655;color:#fff;font-weight:750;min-height:48px;transition:background .15s,box-shadow .15s}
.auth-submit:not(:disabled):hover{background:#10513e;box-shadow:0 3px 10px #145b5026}
.auth-submit:disabled{background:#dce5e0;color:#52685e;cursor:not-allowed;box-shadow:none}

/* Three account audiences: visible entry choices, but only backend-approved
   parent identity is active in private QA. Role buttons never grant privileges. */
.account-type-label{color:#5a7169;font-size:12px;font-weight:750;letter-spacing:.035em;margin:0 0 10px}
.account-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 13px}
.account-type{padding:10px 7px;border:1px solid #dce6df;background:#f8faf8;border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center;min-width:0;color:#3d5f50}
.account-type:hover{border-color:#88bca3}
.account-type.active{border:2px solid #21715a;padding:9px 6px;background:#eff8f1;color:#164f3e}
.account-type-icon{font-weight:850;font-size:23px;line-height:1;color:#28725a}
.account-type strong{display:block;font-size:11px;line-height:1.25;overflow-wrap:anywhere}
.account-type small{display:block;font-size:10px;line-height:1.3;color:#738b7d;margin-top:5px;overflow-wrap:anywhere}
.account-type-summary{color:#597669!important;font-size:12px!important;margin:0 0 17px!important;line-height:1.45!important}
.access-role-notice{border:1px solid #dbe8e1;border-radius:12px;background:#f5f8f5;padding:18px;color:#46665c;font-size:13px;line-height:1.55}
.access-role-notice strong{display:block;margin-bottom:8px;color:#254f3f}
.access-role-notice p{margin:0}
.auth-tabs button[hidden]{display:none!important}
.auth-tabs:has(button[hidden]){grid-template-columns:1fr}
@media(min-width:951px) and (max-width:1120px){.account-type small{font-size:9px}}
html[dir="rtl"] .account-type{text-align:center}