:root{--ink:#0b1f33;--gold:#c9a96a;--ivory:#f8f5ed;--char:#4a4a4a;--bg:#f5f6f7;--card:#fff;--line:#e6e8eb;--muted:#6e7885;--green:#247a52}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,Montserrat,Arial,sans-serif}button,a{font:inherit}.appShell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.desktopNav{background:var(--ink);color:#fff;flex-direction:column;width:248px;height:100vh;padding:25px 17px;display:flex;position:fixed}.brandLock{border-bottom:1px solid #ffffff18;align-items:center;gap:12px;padding:0 8px 26px;display:flex}.brandLock img{border-radius:8px;width:39px;height:39px}.brandLock b{letter-spacing:.08em;font-family:Georgia,serif;font-size:13px;display:block}.brandLock span{color:var(--gold);letter-spacing:.25em;margin-top:4px;font-size:9px;display:block}.desktopNav nav{gap:3px;padding-top:22px;display:grid}.desktopNav nav a{color:#bdc8d3;border-radius:8px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;display:flex}.desktopNav nav a.active{color:#fff;background:#ffffff12}.navDot{border:1px solid #7f8fa0;border-radius:50%;width:7px;height:7px}.active .navDot{background:var(--gold);border-color:var(--gold)}.navFoot{border-top:1px solid #ffffff18;margin-top:auto;padding:14px 10px}.navFoot small,.navFoot b{display:block}.navFoot small{color:#8292a3;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.navFoot b{margin-top:4px;font-size:11px}.workspace{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex;position:sticky;top:0}.crumb span,.crumb b{font-size:12px}.crumb span{color:var(--muted);margin-right:8px}.topActions{align-items:center;gap:9px;display:flex}.search{border:1px solid var(--line);color:#7b8490;text-align:left;background:#f7f8f9;border-radius:8px;min-width:230px;height:36px;padding:0 10px}.search kbd{float:right;background:#fff;border:1px solid #d8dce0;border-radius:4px;padding:2px 5px}.iconBtn,.avatar{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.avatar{background:var(--ink);color:#fff;border-radius:50%;font-size:11px}.mobileBrand,.mobileTabs{display:none}.content{max-width:1500px;margin:auto;padding:34px}.pageHead{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.eyebrow,.label{letter-spacing:.14em;color:#8a929b;font-size:9px;font-weight:800}.pageHead h1{margin:7px 0;font:500 34px/1.05 Georgia,serif}.pageHead p{color:var(--muted);margin:0;font-size:13px}.primary{background:var(--ink);color:#fff;border:0;border-radius:8px;padding:11px 15px;font-weight:700}.metricGrid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.metricGrid article,.panel{border:1px solid var(--line);background:#fff;border-radius:11px}.metricGrid article{padding:17px}.metricGrid span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.metricGrid strong{margin:7px 0;font:500 26px Georgia,serif;display:block}.metricGrid small{color:#8b949e;font-size:10px}.mainGrid{grid-template-columns:minmax(0,2fr) minmax(280px,.75fr);gap:17px;display:grid}.primaryCol,.rightCol{align-content:start;gap:17px;display:grid}.panel{padding:19px}.panelHead{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.panelHead h2,.panel>h2,.focus h2{margin:4px 0;font:500 19px Georgia,serif}.panelHead a{color:#3b5877;font-size:11px}.projectBody{grid-template-columns:145px 1fr;gap:22px;display:grid}.bookCover{aspect-ratio:.71;background:linear-gradient(155deg,#c8dce3,#f0d39d);border-radius:7px;flex-direction:column;justify-content:flex-end;padding:16px;display:flex;box-shadow:0 8px 20px #0b1f3314}.bookCover span{font-size:11px;font-weight:900}.bookCover b{font-size:27px}.bookCover small{margin-top:7px;font-size:7px}.badges i{color:#246643;background:#e8f4ed;border-radius:99px;margin-right:5px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:800}.badges i.gold{color:#84691f;background:#f7f0df}.projectInfo>p{color:var(--muted);font-size:13px}.bar{background:#eef0f2;border-radius:99px;height:7px;margin:18px 0}.bar span{background:var(--gold);border-radius:99px;width:25%;height:100%;display:block}.specGrid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.specGrid span{color:#8a929b;text-transform:uppercase;font-size:9px;display:block}.specGrid b{font-size:11px}.journey{grid-template-columns:repeat(2,1fr);gap:0 18px;display:grid}.journeyRow{border-top:1px solid var(--line);grid-template-columns:28px 1fr 14px;align-items:center;gap:7px;padding:11px 0;display:grid}.journeyRow>span{color:#9aa1a9;font-size:9px}.journeyRow b,.journeyRow small{display:block}.journeyRow b{font-size:11px}.journeyRow small{color:var(--muted);margin-top:2px;font-size:9px}.journeyRow em{color:#a5adb5;font-style:normal}.table .tr{border-top:1px solid var(--line);grid-template-columns:2fr repeat(3,1fr);align-items:center;gap:10px;padding:10px 4px;font-size:10px;display:grid}.table .th{color:#89929c;text-transform:uppercase;font-size:8px;font-weight:800}.chip{background:#f2f4f5;border-radius:99px;width:max-content;padding:4px 7px}.milestones{gap:4px;display:grid}.mile{grid-template-columns:27px 1fr;align-items:center;gap:10px;padding:7px 0;display:grid}.mile>span{color:#8a929b;border:1px solid #dce0e4;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.mile>span.complete{color:var(--green);background:#e9f5ee;border-color:#d6eadf}.mile>span.current{border:2px solid var(--gold);color:#84691f}.mile b,.mile small{font-size:10px;display:block}.mile small{color:#8a929b;margin-top:2px}.channel{border-top:1px solid var(--line);justify-content:space-between;padding:11px 0;font-size:10px;display:flex}.channel span{color:#8a929b}.focus{background:var(--ink);color:#fff;border-radius:11px;padding:20px}.focus .label{color:var(--gold)}.focus p{color:#b7c2cc;font-size:11px;line-height:1.5}.focus button{color:#fff;background:#ffffff10;border:1px solid #ffffff25;border-radius:7px;width:100%;padding:9px;font-size:10px}.muted{color:var(--muted);font-size:10px}.login{background:radial-gradient(circle at 15% 10%,#eef2f3,var(--ivory) 55%,#e8ecef);place-items:center;min-height:100vh;display:grid}.loginCard{text-align:center;background:#fff;border:1px solid #e1e3e5;border-radius:16px;width:min(440px,92vw);padding:44px;box-shadow:0 22px 60px #0b1f3312}.loginBrand{width:min(330px,85%);margin:0 auto 25px;display:block}.loginCard h1{margin:6px;font:500 32px Georgia,serif}.loginCard p{color:var(--muted)}.loginCard form{gap:10px;margin-top:25px;display:grid}.loginCard input{text-align:center;letter-spacing:.25em;border:1px solid #cfd4d8;border-radius:8px;height:52px;font-size:18px}.loginCard button{background:var(--ink);color:#fff;border:0;border-radius:8px;height:48px;font-weight:800}.loginCard small{color:#a43f3f}.temporary{color:#949ca4;margin-top:20px;font-size:10px}@media (max-width:1050px){.appShell{grid-template-columns:210px minmax(0,1fr)}.desktopNav{width:210px}.mainGrid{grid-template-columns:1fr}.rightCol{grid-template-columns:repeat(3,1fr)}.focus{min-height:100%}}@media (max-width:760px){body{padding-bottom:68px}.appShell{display:block}.desktopNav{display:none}.workspace{display:block}.topbar{height:58px;padding:0 15px}.crumb,.search{display:none}.mobileBrand{align-items:center;gap:9px;display:flex}.mobileBrand img{border-radius:7px;width:31px;height:31px}.mobileBrand b{font:500 14px Georgia,serif}.topActions{gap:6px}.content{padding:20px 14px}.pageHead{align-items:start}.pageHead h1{font-size:27px}.pageHead p{max-width:270px;font-size:11px;line-height:1.5}.pageHead .primary{display:none}.metricGrid{grid-template-columns:repeat(2,1fr);gap:9px}.metricGrid article{padding:14px}.metricGrid strong{font-size:23px}.mainGrid{display:block}.primaryCol,.rightCol{gap:12px;display:grid}.rightCol{margin-top:12px}.panel{border-radius:10px;padding:15px}.projectBody{grid-template-columns:92px 1fr;gap:14px}.bookCover{padding:10px}.bookCover b{font-size:18px}.bookCover span{font-size:8px}.projectInfo>p{font-size:10px}.specGrid{grid-template-columns:repeat(2,1fr);gap:9px}.journey{grid-template-columns:1fr}.table .tr{grid-template-columns:1.8fr 1fr 1fr}.table .tr span:last-child{display:none}.rightCol{grid-template-columns:1fr}.mobileTabs{border-top:1px solid var(--line);z-index:20;height:64px;padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobileTabs a{color:#7c8690;align-content:center;place-items:center;gap:3px;font-size:8px;display:grid}.mobileTabs a span{font-size:16px}.mobileTabs a.active{color:var(--ink);font-weight:800}.mobileTabs a.active span{color:var(--gold)}}.titleWorkspace{max-width:1380px;margin:auto;padding:34px}.back{color:#64717e;font-size:11px;text-decoration:none}.titleWorkspace header{justify-content:space-between;align-items:end;margin:28px 0 20px;display:flex}.titleWorkspace h1{margin:6px 0;font:500 36px Georgia,serif}.titleWorkspace header p{color:var(--muted);font-size:13px}.titleStatus{color:#246643;background:#e8f4ed;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:800}.projectTabs{border-bottom:1px solid var(--line);gap:5px;display:flex;overflow:auto}.projectTabs a{color:#65717d;white-space:nowrap;padding:11px 13px;font-size:11px;text-decoration:none}.projectTabs a.active{color:var(--ink);border-bottom:2px solid var(--gold)}.projectCards{grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0;display:grid}.projectCards article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px}.projectCards span,.projectCards small{color:var(--muted);font-size:10px;display:block}.projectCards strong{margin:7px 0;font:500 22px Georgia,serif;display:block}.projectCards a{font-size:10px}.projectHero{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;min-height:260px;padding:30px;display:flex}.projectHero h2{margin:8px 0;font:500 27px Georgia,serif}.projectHero p{color:var(--muted);max-width:520px;font-size:12px}.primaryLink{background:var(--ink);color:#fff;border-radius:8px;margin-top:10px;padding:11px 14px;font-size:11px;text-decoration:none;display:inline-block}.pageStack{align-items:center;padding-right:40px;display:flex}.pageStack div{background:var(--ivory);color:#a58d5c;border:1px solid #ddd3c1;border-radius:5px;place-items:center;width:105px;height:145px;margin-left:-55px;font:500 25px Georgia,serif;display:grid;transform:rotate(-3deg);box-shadow:0 9px 24px #0b1f3315}.pageStack div:nth-child(2){transform:rotate(2deg)}.pageStack div:nth-child(3){transform:rotate(6deg)}.reviewApp{background:#eef0f2;min-height:100vh}.reviewTop{border-bottom:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 22px;display:grid;position:sticky;top:0}.reviewTop>a{color:#65717d;font-size:11px;text-decoration:none}.reviewTop>div{text-align:center}.reviewTop b,.reviewTop span{display:block}.reviewTop b{font:500 14px Georgia,serif}.reviewTop span{color:var(--muted);font-size:9px}.reviewTop>strong{text-align:right;font-size:10px}.reviewGrid{grid-template-columns:240px minmax(0,1fr) 300px;height:calc(100vh - 64px);display:grid}.thumbRail{border-right:1px solid var(--line);background:#fff;padding:12px;overflow:auto}.thumbRail>button{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:42px 1fr;gap:10px;width:100%;margin-bottom:3px;padding:8px;display:grid}.thumbRail>button.selected{background:#f3efe5}.miniPage{background:#f8f5ed;border:1px solid #ded8cc;border-radius:3px;place-items:center;height:54px;font:500 13px Georgia,serif;display:grid}.thumbRail b,.thumbRail small{font-size:9px;display:block}.thumbRail small{color:#77818b;background:#eef0f2;border-radius:99px;width:max-content;margin-top:4px;padding:3px 6px}.thumbRail small.approved{color:#246643;background:#e8f4ed}.thumbRail small.revise{color:#9b4138;background:#fbe9e7}.pageStage{padding:16px 20px;overflow:auto}.stageBar{justify-content:space-between;align-items:center;max-width:650px;margin:0 auto 12px;display:flex}.stageBar button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;font-size:9px}.stageBar span{color:var(--muted);font-size:9px}.paper{background:#fff;border-radius:4px;place-items:center;max-width:650px;min-height:720px;margin:auto;display:grid;overflow:hidden;box-shadow:0 15px 40px #0b1f3320}.paper img{width:100%;height:auto;display:block}.filmstrip{gap:7px;max-width:650px;margin:14px auto;display:flex;overflow:auto}.filmstrip button{background:#fff;border:2px solid #0000;border-radius:5px;min-width:60px;padding:3px;position:relative}.filmstrip button.selected{border-color:var(--gold)}.filmstrip img{aspect-ratio:.72;object-fit:cover;width:100%}.filmstrip span{color:#fff;background:#0b1f33;padding:2px 3px;font-size:7px;position:absolute;bottom:4px;right:4px}.reviewPanel{border-left:1px solid var(--line);background:#fff;padding:22px;overflow:auto}.reviewPanel h1{margin:7px 0 18px;font:500 24px Georgia,serif}.pageMeta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px;padding:8px 0}.pageMeta span{color:var(--muted);justify-content:space-between;padding:5px 0;font-size:9px;display:flex}.pageMeta b{color:var(--ink);text-align:right;max-width:155px}.reviewPanel label{margin:15px 0 7px;font-size:9px;font-weight:800;display:block}.statusBtns{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.statusBtns button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 4px;font-size:9px}.statusBtns button.active.approved{color:#246643;background:#e8f4ed;border-color:#bdddc9}.statusBtns button.active.revise{color:#9b4138;background:#fbe9e7;border-color:#efc5c0}.statusBtns button.active.review{color:#84691f;background:#f7f0df;border-color:#ead9aa}.reviewPanel textarea{border:1px solid var(--line);resize:vertical;border-radius:7px;width:100%;min-height:100px;padding:9px;font:10px Arial}.assetCheck{border-top:1px solid var(--line);gap:6px;margin-top:18px;padding-top:16px;display:grid}.assetCheck b{font-size:10px}.assetCheck span{color:#697581;font-size:9px}.approveNext{background:var(--ink);color:#fff;border:0;border-radius:7px;width:100%;margin-top:20px;padding:11px;font-size:10px;font-weight:800}@media (max-width:850px){.titleWorkspace{padding:20px 14px}.titleWorkspace header{align-items:start}.projectCards{grid-template-columns:1fr}.projectHero{padding:20px}.pageStack{display:none}.reviewTop{grid-template-columns:auto 1fr auto;padding:0 10px}.reviewTop>div{padding:0 6px}.reviewGrid{height:auto;display:block}.thumbRail{display:none}.pageStage{padding:12px}.paper{min-height:0}.reviewPanel{border:0;border-top:1px solid var(--line);padding:18px}.filmstrip{padding-bottom:4px}.stageBar{z-index:10;background:#eef0f2;padding:7px 0;position:sticky;top:64px}.titleWorkspace h1{font-size:30px}}.realCover{overflow:hidden;background:#eee!important;padding:0!important}.realCover img{object-fit:cover;width:100%;height:100%;display:block}.newTitleBtn{text-decoration:none}.focusLink{color:#fff;text-align:center;background:#ffffff10;border:1px solid #ffffff25;border-radius:7px;width:100%;padding:9px;font-size:10px;text-decoration:none;display:block}.heroLogin{background-image:var(--hero);background-position:50%;background-size:cover;justify-content:flex-end;align-items:center;min-height:100svh;padding:5vw;display:flex;position:relative}.heroShade{background:linear-gradient(90deg,#05121f2e,#05121f1a 55%,#05121f9e);position:absolute;inset:0}.heroPin{z-index:2;width:min(400px,90vw);position:relative}.heroLogin .loginCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f5edf2;width:100%;padding:30px;box-shadow:0 20px 70px #0006}.heroLogin .loginBrand{width:min(270px,82%)}.heroLogin .loginCard h1{font-size:27px}.heroLogin .loginCard p{margin:5px 0 16px}@media (max-width:760px){.heroLogin{background-position:top;align-items:flex-end;padding:0}.heroShade{background:linear-gradient(#05121f05 35%,#05121fbf 78%)}.heroPin{width:100%;padding:16px}.heroLogin .loginCard{border-radius:14px;padding:20px}.heroLogin .loginBrand{width:210px;margin-bottom:12px}.heroLogin .loginCard .eyebrow{font-size:8px}.heroLogin .loginCard h1{margin:3px;font-size:22px}.heroLogin .loginCard p{font-size:11px}.heroLogin .loginCard form{margin-top:12px}.heroLogin .loginCard input{height:44px}.heroLogin .loginCard button{height:43px}.heroLogin .temporary{margin-top:10px}.paper img{object-fit:contain;max-height:72svh}.paper{background:#fff;justify-content:center;align-items:flex-start;display:flex}.filmstrip button{min-width:72px}.reviewPanel{padding-bottom:90px}}
