/* NAM-051 R5/06: the exact R2/3 approved glass composition, without review controls. */
@font-face{font-family:Manrope;src:url(/assets/Manrope-VariableFont_wght-0N3pECc_.ttf) format("truetype");font-weight:400 800;font-display:swap}
:root{--ink:#0b0d12;--ink2:#30343a;--text:#555b63;--muted:#7c838b;--line:#e1e3e6;--canvas:#f5f6f7;--accent:#e84a35}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Manrope,Arial,sans-serif;color:var(--ink2)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{display:block}
.review-switch{height:54px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 20px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.review-label{font-size:12px;font-weight:750;color:#787e86;margin-right:16px}.review-switch button{height:32px;border:1px solid transparent;background:transparent;color:#626972;border-radius:5px;padding:0 12px;font-size:12px;font-weight:750;white-space:nowrap}.review-switch button:hover{border-color:#c9ced2}.review-switch button[aria-current=true]{background:var(--ink);color:white}.review-switch button span{font-weight:600;margin-left:5px}
.screen{height:calc(100dvh - 54px);min-height:590px;position:relative;overflow:hidden;background:var(--canvas)}
.app-preview{position:absolute;inset:0;background:#fff;display:grid;grid-template-columns:274px 1fr;grid-template-rows:68px 1fr;pointer-events:none;filter:blur(.45px)}
.app-top{grid-column:1/3;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:34px;padding:0 30px;background:#fff}.app-top>img{width:150px;flex:none}.preview-project{width:190px;border-left:1px solid #e6e8ea;padding-left:20px;display:grid;grid-template-columns:1fr auto;line-height:1.25}.preview-project b{font-size:13px}.preview-project small{grid-column:1;font-size:10px;color:#899099}.preview-project i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal}.preview-global-search{height:34px;width:min(280px,20vw);margin-left:auto;border:1px solid var(--line);color:#a1a6ae;padding:6px 12px;border-radius:5px;font-size:11px}.preview-avatar{width:34px;height:34px;background:var(--ink);border-radius:6px;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:750}
.app-sidebar{grid-row:2;background:#fff;border-right:1px solid var(--line);padding:22px 12px;display:flex;flex-direction:column}.nav-block{margin-bottom:7px}.nav-caption{font-size:10px;letter-spacing:.11em;font-weight:800;color:#a0a6ad;padding:15px 14px 8px}.nav-item{min-height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:12px;color:#5d656d;font-weight:650;border-radius:5px;white-space:nowrap}.nav-item i{width:20px;font-size:16px;font-style:normal;color:#79828b;text-align:center}.nav-item em{font-style:normal;margin-left:auto;color:#a8adb3}.nav-item.active{background:#f0f0f1;color:var(--ink);border-left:3px solid var(--accent);padding-left:9px}.nav-child{height:30px;padding:7px 0 0 43px;color:#8b929a;font-size:11px}.nav-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:10px}
.app-content{grid-column:2;grid-row:2;background:#fff;padding:44px min(5vw,70px);overflow:hidden}.content-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.content-heading span{font-size:10px;letter-spacing:.11em;color:#9da3aa;font-weight:800}.content-heading h2{margin:8px 0 0;font-size:27px;letter-spacing:-.045em;color:var(--ink)}.ghost-primary{background:var(--ink);color:white;padding:11px 16px;border-radius:5px;font-weight:750;font-size:11px}.content-toolbar{display:flex;align-items:center;gap:25px;border-top:1px solid #eceef0;margin-top:30px;padding:20px 0;font-size:11px;color:#818891;font-weight:700}.ghost-search{border:1px solid #d6d9dd;width:260px;padding:10px 13px;border-radius:5px;font-weight:500;color:#aab0b6}.ghost-table{border-top:1px solid var(--line)}.ghost-head,.ghost-row{display:grid;grid-template-columns:40% 22% 26% 12%;align-items:center;padding:0 18px}.ghost-head{height:48px;background:#f7f7f7;font-size:10px;font-weight:800;color:#899099}.ghost-row{height:65px;border-bottom:1px solid #e6e8eb}.bar{display:block;height:9px;border-radius:2px;background:#cdd1d5}.bar.long{width:68%}.bar.medium{width:48%}.bar.short{width:36%}.bar.tiny{width:20px}.stage-dots{display:flex;gap:9px}.stage-dots i{width:12px;height:12px;background:#4c936e;border-radius:2px}.stage-dots i.pale{background:#e0e3e6}.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}.ghost-widget{height:190px;border:1px solid var(--line);border-radius:7px;padding:22px}.ghost-chart{height:115px;display:flex;align-items:end;gap:12px;margin-top:16px}.ghost-chart i{width:10%;background:#e4e7e8}.ghost-chart i:nth-child(1){height:42%}.ghost-chart i:nth-child(2){height:68%}.ghost-chart i:nth-child(3){height:53%}.ghost-chart i:nth-child(4){height:75%}.ghost-chart i:nth-child(5){height:61%}.ghost-chart i:nth-child(6){height:90%}.ghost-chart i:nth-child(7){height:72%}.ghost-lines{display:grid;gap:15px;margin-top:34px}.ghost-lines i{height:8px;background:#e4e7e8;width:86%}.ghost-lines i:nth-child(2){width:60%}.ghost-lines i:nth-child(3){width:74%}
.screen-dim{position:absolute;inset:0;background:rgba(13,17,23,.24);pointer-events:none}.login-sheet{position:absolute;z-index:2;top:0;right:0;height:100%;width:50%;min-width:520px;background:#fff;box-shadow:-18px 0 66px #0b0d1221;display:flex;flex-direction:column;padding:clamp(44px,7vh,90px) clamp(50px,6.5vw,125px) 34px}.sheet-content{width:100%;max-width:440px;margin:auto auto}.brand-logo{width:176px;height:auto;margin:0 0 72px}.login-sheet h1{font-size:clamp(43px,4vw,60px);line-height:1.05;letter-spacing:-.075em;font-weight:750;color:var(--ink);margin:0 0 48px}.login-sheet form{margin:0}.login-sheet label:not(.remember){font-size:13px;font-weight:750;display:block;margin-bottom:11px}.login-sheet input[type=email],.login-sheet input[type=text]{display:block;width:100%;height:54px;border:1px solid #c7ccd1;border-radius:6px;background:#fff;padding:0 17px;font-size:16px;color:var(--ink);outline:none}.login-sheet input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e84a3517}.action{width:100%;height:54px;background:var(--ink);border:0;border-radius:6px;color:white;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 19px;margin-top:18px;transition:background .2s,transform .2s}.action:hover{background:#262b33}.action:active{transform:translateY(1px)}.action .arrow{font-size:22px;font-weight:400;line-height:1}.invite-note{width:100%;max-width:440px;margin:0 auto;color:#858b93;font-size:12px;line-height:1.5}.code-description{font-size:13px;color:#666d75;line-height:1.6;margin:-29px 0 28px}.code-description b{color:var(--ink);overflow-wrap:anywhere}.code-field{letter-spacing:.28em;font-variant-numeric:tabular-nums}.remember{display:flex;align-items:center;gap:9px;margin-top:17px;font-size:12px;color:#5f666e;font-weight:650}.remember input{accent-color:var(--ink)}.minor-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.minor-actions button,.logout-link{padding:0;border:0;background:none;color:#5d646b;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#aeb4b9;font-size:12px;font-weight:700}.auth-error{margin-top:16px;padding:10px 12px;background:#fff1ed;color:#a63829;border-left:3px solid var(--accent);font-size:12px}.signed-as{font-size:13px;color:#626a72;margin:-26px 0 26px}.signed-as b{color:var(--ink)}.logout-link{margin-top:20px}
/* 1: unbroken right-hand curtain */
body[data-variant="1"] .login-sheet{width:50%;min-width:520px}
/* 2: dense graphite curtain, with the same brand mark inverted */
body[data-variant="2"] .screen-dim{background:rgba(18,22,27,.12)}body[data-variant="2"] .login-sheet{width:46%;min-width:510px;background:#101419;color:#fff;box-shadow:-18px 0 70px #0b0d1240}body[data-variant="2"] .login-sheet h1,body[data-variant="2"] .signed-as b{color:#fff}body[data-variant="2"] .login-sheet label,body[data-variant="2"] .remember{color:#e1e5e7}body[data-variant="2"] .invite-note,body[data-variant="2"] .code-description,body[data-variant="2"] .signed-as{color:#acb4bc}body[data-variant="2"] .code-description b{color:white}body[data-variant="2"] .action{background:var(--accent)}body[data-variant="2"] .action:hover{background:#d33c29}body[data-variant="2"] .minor-actions button,body[data-variant="2"] .logout-link{color:#d7dcdf}
/* 3: translucent sheet with a single branded edge glint */
body[data-variant="3"] .screen-dim{background:rgba(18,25,32,.31)}body[data-variant="3"] .login-sheet{width:55%;min-width:550px;background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(248,249,250,.91));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(34px 0,100% 0,100% 100%,0 100%);border-left:1px solid rgba(255,255,255,.9);box-shadow:-22px 0 70px #0b0d1220}body[data-variant="3"] .login-sheet:before{content:"";position:absolute;left:0;top:-42%;width:2px;height:42%;background:linear-gradient(transparent,#e84a35ad,transparent);animation:glint 2.6s ease-out 1 forwards;pointer-events:none}@keyframes glint{to{top:110%}}
/* 4: mirrored curtain; exposed application gives the opposite reading direction */
body[data-variant="4"] .login-sheet{left:0;right:auto;width:48%;min-width:515px;box-shadow:18px 0 66px #0b0d1221}body[data-variant="4"] .screen-dim{background:rgba(13,17,23,.28)}body[data-variant="4"] .app-preview{grid-template-columns:1fr 274px}body[data-variant="4"] .app-sidebar{grid-column:2;grid-row:2;border-right:0;border-left:1px solid var(--line)}body[data-variant="4"] .app-content{grid-column:1;grid-row:2}
/* 5: inset portal, with the application visible on both edges */
body[data-variant="5"] .screen-dim{background:rgba(13,17,23,.26)}body[data-variant="5"] .login-sheet{right:clamp(22px,3vw,52px);top:clamp(18px,2.8vh,32px);height:calc(100% - clamp(36px,5.6vh,64px));width:44%;min-width:500px;border-radius:10px;box-shadow:0 24px 80px #0b0d1240;padding-top:clamp(35px,5vh,65px);animation:portal-in .65s cubic-bezier(.2,.7,.15,1) both}@keyframes portal-in{from{opacity:.55;transform:translateX(22px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:1050px){.app-preview{grid-template-columns:220px 1fr}.login-sheet,body[data-variant="1"] .login-sheet,body[data-variant="2"] .login-sheet,body[data-variant="3"] .login-sheet,body[data-variant="4"] .login-sheet,body[data-variant="5"] .login-sheet{min-width:0;width:58%;padding-left:6vw;padding-right:6vw}body[data-variant="4"] .login-sheet{width:56%}body[data-variant="5"] .login-sheet{width:55%}}
@media(max-width:700px){.review-switch{height:52px;padding:0 8px}.review-label,.review-switch button span{display:none}.review-switch button{flex:1;font-size:13px}.screen{height:calc(100dvh - 52px);min-height:580px}.app-preview{grid-template-columns:76px 1fr;grid-template-rows:56px 1fr}.app-top{gap:16px;padding:0 16px}.app-top>img{width:116px}.preview-project,.preview-global-search{display:none}.preview-avatar{margin-left:auto}.app-sidebar{padding:15px 8px}.app-sidebar .nav-item{padding-left:5px;padding-right:5px;justify-content:center}.app-sidebar .nav-item i{font-size:18px}.app-sidebar .nav-item span,.app-sidebar .nav-item em,.nav-child,.nav-caption{display:none}.app-content{padding:33px 22px}.content-heading h2{font-size:21px}.ghost-primary,.content-toolbar span{display:none}.ghost-search{max-width:100%}.secondary-grid{grid-template-columns:1fr}.secondary-grid .ghost-widget:nth-child(2){display:none}.login-sheet,body[data-variant="1"] .login-sheet,body[data-variant="2"] .login-sheet,body[data-variant="3"] .login-sheet,body[data-variant="4"] .login-sheet,body[data-variant="5"] .login-sheet{top:0;left:auto;right:0;height:100%;width:calc(100% - 24px);min-width:0;border-radius:0;padding:42px clamp(24px,7vw,48px) 27px}.brand-logo{width:150px;margin-bottom:58px}.login-sheet h1{font-size:43px;margin-bottom:40px}.screen-dim{background:rgba(13,17,23,.28)}body[data-variant="4"] .login-sheet{left:0;right:auto}body[data-variant="5"] .login-sheet{top:12px;right:12px;height:calc(100% - 24px);width:calc(100% - 24px);border-radius:8px}.invite-note{font-size:11px}}
@media(max-width:700px){body[data-variant="3"] .login-sheet{clip-path:none}body[data-variant="4"] .app-preview{grid-template-columns:1fr 76px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.screen{height:100dvh}