:root{--bg:#0b0e10;--panel:#171b1e;--panel2:#1d2225;--line:#2d3336;--gold:#dda63d;--gold2:#b98632;--text:#f2f1ed;--muted:#aaa9a4;--ok:#74c568;--warn:#e5a43b;--danger:#dc7564;--rail:clamp(72px,12.3vw,220px);--header-h:clamp(64px,6vw,86px);--footer-h:48px;--page-pad:clamp(18px,2.2vw,42px);--gap:clamp(12px,1vw,18px);--base:clamp(13px,.8vw,16px)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 60% 12%,#20262a 0,#101416 34%,#090c0e 72%);color:var(--text);font:var(--base)/1.35 Segoe UI,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}header{height:var(--header-h);display:flex;align-items:center;border-bottom:1px solid #252a2d;padding:0 clamp(18px,2vw,34px);gap:clamp(14px,1.7vw,28px);background:#080a0b;position:sticky;top:0;z-index:5}.brand{font-size:clamp(28px,2.3vw,40px);letter-spacing:clamp(4px,.35vw,7px);color:var(--gold);font-weight:300}.product{border-left:1px solid #393d3f;padding-left:clamp(12px,1.2vw,18px);line-height:1.35;font-size:clamp(11px,.8vw,14px);letter-spacing:.3px}.product b{color:var(--gold);font-weight:500}.selector{margin-left:clamp(4px,1vw,18px);font-size:clamp(13px,1vw,17px);white-space:nowrap}.selector span{color:#aaa;margin-left:7px}.head-actions{margin-left:auto;display:flex;align-items:center;gap:clamp(8px,1vw,15px)}.head-actions>span{width:clamp(28px,2.2vw,34px);height:clamp(28px,2.2vw,34px);border:1px solid #34393c;border-radius:50%;display:grid;place-items:center;position:relative}.badge{position:absolute;right:-4px;top:-7px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:#111;font-size:11px;display:grid;place-items:center}.avatar{width:clamp(34px,2.8vw,42px);height:clamp(34px,2.8vw,42px);border-radius:50%;border:2px solid #8f8f8f;display:grid;place-items:center;background:#333}.user{display:flex;flex-direction:column;gap:2px}.user small{color:#aaa}aside{position:fixed;top:var(--header-h);bottom:var(--footer-h);width:var(--rail);background:#15191b;border-right:1px solid #2b3033;padding-top:clamp(12px,1.5vw,24px);z-index:3}nav a{height:clamp(50px,4vw,64px);display:flex;align-items:center;gap:clamp(10px,1.2vw,20px);padding:0 clamp(12px,1.5vw,26px);font-size:clamp(13px,.95vw,17px);border-left:4px solid transparent}nav a i{width:24px;text-align:center;color:#ddd;font-style:normal;font-size:clamp(16px,1.2vw,20px)}nav a:hover,nav a.active{color:var(--gold);background:linear-gradient(90deg,#252a2d,#191d20);border-left-color:var(--gold)}nav a.active i{color:var(--gold)}.collapse{position:absolute;bottom:0;width:100%;height:58px;border-top:1px solid #2b3033;display:flex;align-items:center;gap:10px;padding:0 clamp(12px,1.5vw,26px);color:#aaa}main{margin-left:var(--rail);padding:var(--page-pad);padding-bottom:calc(var(--footer-h) + 22px);width:calc(100vw - var(--rail));max-width:none}.main-head{display:flex;align-items:end;justify-content:space-between;gap:20px;width:100%;max-width:none}.title small{color:#b7b7b1;font-size:clamp(11px,.8vw,14px)}.title h1{font-size:clamp(26px,2.05vw,38px);margin:6px 0 clamp(16px,1.5vw,24px);letter-spacing:.2px}.new-decision{align-self:center;margin-top:5px;background:linear-gradient(#5c4625,#40321f)!important;padding:clamp(11px,.9vw,16px) clamp(16px,1.3vw,22px)!important}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:var(--gap);width:calc(74% - var(--gap));max-width:none}.cards article,.dashboard-grid article,.workspace article{background:linear-gradient(145deg,#1c2124,#14181a);border:1px solid #2e3437;border-radius:12px;box-shadow:0 8px 26px #0005}.cards article{min-height:clamp(105px,8vw,138px);padding:clamp(14px,1.3vw,22px);display:flex;align-items:center;gap:clamp(12px,1.2vw,20px)}.card-icon{font-size:clamp(26px,2vw,36px);color:var(--gold);width:clamp(34px,3vw,48px)}.cards article>div:last-child{display:flex;flex-direction:column;gap:7px}.cards span{font-size:clamp(11px,.8vw,14px)}.cards strong{font-size:clamp(22px,1.7vw,30px)}.cards i,.cost i{font-size:11px;font-style:normal}.cards small{color:var(--muted);font-size:clamp(10px,.72vw,13px)}.ok{color:var(--ok)!important}.warn{color:var(--warn)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(420px,1.55fr) minmax(280px,.98fr);grid-template-areas:'validation viewport decisions' 'history cost decisions' 'history cost progress';gap:var(--gap);margin-top:var(--gap);width:100%;max-width:none}.dashboard-grid article{padding:clamp(14px,1.2vw,21px)}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head small{color:#aaa}.validation{grid-area:validation}.validation p{border-bottom:1px solid #303538;padding:clamp(8px,.7vw,12px) 2px;margin:0}.validation p b{float:right}.state{display:inline-grid;width:20px;height:20px;place-items:center;border-radius:4px;margin-right:7px;color:#111;font-weight:700}.okbox{background:#7bcf74}.warnbox{background:#e5a43b}.validation button,button{border:1px solid var(--gold);background:transparent;color:var(--gold);padding:clamp(9px,.75vw,12px) clamp(14px,1.1vw,20px);border-radius:5px;cursor:pointer}.validation button{width:100%;margin-top:16px}.viewport{grid-area:viewport;padding:0!important;min-height:clamp(300px,29vh,430px);position:relative;overflow:hidden;background:linear-gradient(135deg,#3a2f23,#171b1d)!important}.placeholder{height:100%;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#d7bd83;letter-spacing:.3px}.placeholder small{color:#938b7c;margin-top:5px}.viewbuttons{position:absolute;bottom:12px;left:14px;display:flex;gap:5px}.viewbuttons button{background:#16191b;color:#eee;border-color:#34393b;padding:10px 13px}.viewbuttons .selected{border-color:var(--gold);color:var(--gold)}.decisions{grid-area:decisions;display:flex;flex-direction:column}.decisions h2 b{float:right;color:var(--gold);border:1px solid var(--gold);border-radius:50%;padding:4px 9px}.decisions>a>div{background:#202528;margin:8px 0;padding:11px;border-radius:8px;font-size:clamp(13px,.9vw,16px);display:grid;grid-template-columns:clamp(52px,4.2vw,72px) 1fr 18px;gap:12px;align-items:center}.decisions strong,.decisions small,.decisions em{display:block}.decisions small{color:#aaa;margin-top:4px}.decisions em{color:#e27a64;font-size:10px;font-style:normal;margin-top:8px}.decisions>a>div>span{font-size:28px;color:#bbb}.thumb{height:clamp(52px,4.2vw,72px);border-radius:6px;border:1px solid #4b4f50;background:linear-gradient(135deg,#ded7cc,#7a746c)}.thumb.plan{background:repeating-linear-gradient(90deg,#e5e1d8 0 8px,#c8c2b6 8px 9px),repeating-linear-gradient(#e5e1d8 0 8px,#c8c2b6 8px 9px)}.thumb.room{background:linear-gradient(135deg,#b6a58d,#54493c)}.thumb.floor{background:linear-gradient(45deg,#cba97a 25%,#b89367 25% 50%,#d0b184 50% 75%,#b58d61 75%)}.see-all{margin-top:auto!important;padding:20px 0 4px!important;color:var(--gold);text-align:center;border-top:1px solid #303538}.history{grid-area:history}.history p{display:grid;grid-template-columns:55px 1fr 80px;gap:8px;font-size:clamp(11px,.72vw,13px);border-bottom:1px solid #303538;padding:11px 0;margin:0}.history small{color:#aaa;text-align:right}.history>a,.cost>a,.progress>a{display:flex;justify-content:space-between;color:var(--gold);margin-top:15px;padding-top:12px;border-top:1px solid #303538}.cost{grid-area:cost}.cost>strong{font-size:clamp(26px,2vw,34px)}.budget-line{display:flex;justify-content:space-between;margin-top:14px}.bar{height:8px;background:#303538;border-radius:5px;margin:12px 0 8px}.bar i{display:block;width:88%;height:100%;background:linear-gradient(90deg,#e3ae48,#d19231);border-radius:5px}.progress{grid-area:progress}.progress-wrap{display:flex;align-items:center;gap:clamp(14px,1.5vw,22px)}.ring{width:clamp(82px,6.4vw,108px);height:clamp(82px,6.4vw,108px);border-radius:50%;background:conic-gradient(var(--gold) 0 68%,#3b3e3f 68% 100%);display:grid;place-items:center;position:relative}.ring:after{content:'';position:absolute;width:74%;height:74%;background:#171b1e;border-radius:50%}.ring span{z-index:1;font-size:clamp(21px,1.6vw,28px)}.progress p{margin:7px 0;color:#bbb}.progress .done{color:#b8d8b4}.active-step{color:#ddd!important}.workspace{display:grid;gap:var(--gap);margin-top:var(--gap);width:100%}.workspace.two{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace.three{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace article{padding:clamp(14px,1.2vw,21px)}.workspace h2,.dashboard-grid h2{font-size:clamp(14px,1vw,18px);margin:0 0 17px}.muted{color:var(--muted)}.right{float:right}.spaced{margin-top:30px!important}.primary{background:linear-gradient(#b58134,#8b642a);color:#fff;border-color:#c7933f}.danger{border-color:var(--danger);color:#f09a8d}.issue,.decision-item,.material-row,.diff,.measure,.evidence{background:#202528;border:1px solid #303639;border-radius:8px;padding:15px;margin:10px 0}.issue b,.issue span,.issue em,.decision-item b,.decision-item span,.decision-item em,.measure span,.measure strong,.measure small{display:block}.issue span,.decision-item span,.measure small{color:#b1b1ad;margin-top:5px}.issue em,.decision-item em{color:#db806e;font-size:11px;font-style:normal;margin-top:7px}.decision-item.selected{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold)}.measure strong{font-size:30px;margin:7px 0}.evidence p{margin:7px 0;color:#b9c2bb}.actions,.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.material-row{display:grid;grid-template-columns:1fr 130px 150px 90px;align-items:center;gap:15px}.material-row div span{display:block;color:#aaa;margin-top:5px}.material-row em{font-style:normal;font-size:11px}.accepted{color:var(--ok)}.pending{color:var(--warn)}.previewbox{height:clamp(230px,28vh,420px);border:1px dashed #575044;background:linear-gradient(145deg,#29241e,#111619);display:flex;align-items:center;justify-content:center;text-align:center;color:#c4b38f;border-radius:8px;margin-bottom:16px}.previewbox.large{height:clamp(380px,52vh,680px)}.variant-primary{border-color:#765a2c!important}.diff{display:flex;justify-content:space-between}.diff span{color:var(--gold)}footer{height:var(--footer-h);position:fixed;left:0;right:0;bottom:0;background:#0d1012;border-top:1px solid #252a2d;display:flex;justify-content:space-between;align-items:center;padding:0 24px;color:#8f9292;font-size:12px;z-index:4}@media(min-width:1800px){:root{--rail:240px;--page-pad:44px;--base:16px}.dashboard-grid{grid-template-columns:minmax(360px,1.05fr) minmax(620px,1.6fr) minmax(360px,1fr)}.cards{width:74%}.viewport{min-height:390px}}@media(min-width:2400px){:root{--rail:270px;--page-pad:56px;--base:18px}.dashboard-grid{grid-template-columns:minmax(440px,1fr) minmax(760px,1.55fr) minmax(430px,.95fr)}.viewport{min-height:500px}.title h1{font-size:44px}.cards strong{font-size:34px}}@media(max-width:1450px){.cards{width:100%}.dashboard-grid{grid-template-columns:minmax(270px,1fr) minmax(420px,1.45fr);grid-template-areas:'validation viewport' 'decisions decisions' 'history cost' 'progress progress'}.decisions{min-height:auto}.main-head{width:100%}}@media(max-width:1050px){:root{--rail:76px}.product{display:none}aside nav span,.collapse span{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace.three{grid-template-columns:1fr 1fr}.selector{font-size:13px}.user small{display:none}}@media(max-width:760px){:root{--rail:0px;--footer-h:0px;--header-h:64px}header{padding:0 14px}.brand{font-size:27px}.selector,.head-actions .user,.head-actions .avatar{display:none}aside{position:static;width:100%;height:auto;padding:0;border-right:0;border-bottom:1px solid #2b3033;display:block}aside nav{display:flex;overflow-x:auto;background:#15191b}nav a{min-width:68px;height:54px;padding:0 16px;border-left:0;border-bottom:3px solid transparent;justify-content:center}nav a i{margin:0}nav a:hover,nav a.active{border-left:0;border-bottom-color:var(--gold)}.collapse{display:none}main{margin-left:0;width:100%;padding:18px 14px 26px}.main-head{align-items:flex-start}.new-decision{font-size:12px}.cards{grid-template-columns:1fr 1fr}.dashboard-grid,.workspace.two,.workspace.three{grid-template-columns:1fr;grid-template-areas:'validation' 'viewport' 'decisions' 'history' 'cost' 'progress'}.history p{grid-template-columns:50px 1fr}.history small{display:none}.material-row{grid-template-columns:1fr}.viewport{min-height:320px}footer{display:none}}@media(max-width:480px){.cards{grid-template-columns:1fr}.main-head{display:block}.new-decision{margin:0 0 12px}.dashboard-grid{gap:12px}.title h1{font-size:24px}.viewport{min-height:280px}}