:root{--bg:#090d0b;--sidebar:#0d1210;--panel:#121815;--panel2:#171e1a;--line:#263029;--text:#f4f6f3;--muted:#8b978f;--green:#b9f36a;--green2:#6ccf7e;--amber:#f4c667;--shadow:0 18px 50px rgba(0,0,0,.24)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}button,a{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:28px 18px;border-right:1px solid var(--line);background:var(--sidebar);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 40px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--green);color:#111a0c;display:grid;place-items:center;font:700 22px "Space Grotesk"}.brand b{font:700 16px "Space Grotesk";letter-spacing:.12em}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:.2em;margin-top:2px}nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;cursor:pointer;text-align:left;transition:.2s}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:var(--panel2);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 var(--green)}.sheet-link{margin-top:auto;background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:14px;display:grid;gap:6px}.sheet-link small{font-size:9px;color:var(--muted);letter-spacing:.14em}.sheet-link strong{font-size:13px}.sheet-link a{color:var(--green);font-size:12px;text-decoration:none}main{grid-column:2;padding:0 42px 60px;max-width:1500px;width:100%;margin:auto}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--green);font-weight:700;margin:0 0 6px}.topbar h1{font:600 25px "Space Grotesk";margin:0}.top-actions{display:flex;align-items:center;gap:12px}.status{border:1px solid var(--line);padding:9px 13px;border-radius:99px;font-size:11px;color:var(--muted)}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green2);margin-right:7px;box-shadow:0 0 10px var(--green2)}.icon-btn,.menu{border:1px solid var(--line);background:var(--panel);color:var(--text);width:36px;height:36px;border-radius:10px;cursor:pointer}.menu{display:none}.page{display:none;animation:fade .3s ease}.page.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}}.hero{min-height:270px;background:linear-gradient(110deg,#111a13 0%,#17231a 65%,#192a1a 100%);border:1px solid #263b29;border-radius:22px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(185,243,106,.13);border-radius:50%;right:-100px;top:-180px;box-shadow:0 0 0 45px rgba(185,243,106,.025),0 0 0 90px rgba(185,243,106,.018)}.pill,.tag,.count{font-size:9px;letter-spacing:.13em;border:1px solid #385038;padding:6px 9px;border-radius:99px;color:var(--green)}.hero h2{font:600 43px/1.05 "Space Grotesk";margin:19px 0 13px;letter-spacing:-.04em}.hero h2 em{color:var(--green);font-style:normal}.hero p{color:var(--muted);max-width:490px;line-height:1.6;margin:0}.hero-number{z-index:1;min-width:290px;padding-left:35px;border-left:1px solid #334034;display:grid}.hero-number small,.metric small,.panel small,.goal-summary small,.price-badge small{font-size:9px;letter-spacing:.15em;color:var(--muted)}.hero-number strong{font:600 34px "Space Grotesk";margin:8px 0}.hero-number span{font-size:11px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;position:relative}.metric.accent{background:linear-gradient(145deg,#18231a,#121815);border-color:#30452f}.metric-icon{position:absolute;right:17px;top:17px;color:var(--green);font-size:18px}.metric strong{font:600 24px "Space Grotesk";display:block;margin:16px 0 5px}.metric strong i{font:500 11px "DM Sans";color:var(--muted);font-style:normal}.metric p{font-size:10px;color:var(--muted);margin:0}.warning .metric-icon{color:var(--amber)}.split-grid,.forecast-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h3{font:600 18px "Space Grotesk";margin:5px 0 0}.panel-head>span{font-size:10px;color:var(--muted)}.bar-chart{height:210px;display:flex;align-items:flex-end;gap:10px;padding:28px 4px 2px;border-bottom:1px solid var(--line)}.bar-item{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;position:relative}.bar{width:70%;min-width:14px;max-width:38px;height:var(--h);background:linear-gradient(180deg,var(--green),#527934);border-radius:5px 5px 2px 2px;transition:.2s;position:relative}.bar:hover{filter:brightness(1.2);transform:translateY(-2px)}.bar:hover:after{content:attr(data-value);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#edf6e9;color:#121712;padding:4px 6px;border-radius:5px;font-size:9px;font-weight:700}.bar-item label{font-size:9px;color:var(--muted)}.goal-ring{width:150px;height:150px;margin:24px auto 18px;position:relative}.goal-ring svg{transform:rotate(-90deg)}.goal-ring circle{fill:none;stroke:var(--line);stroke-width:8}.goal-ring .progress{stroke:var(--green);stroke-linecap:round;stroke-dasharray:302;stroke-dashoffset:66}.goal-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.goal-ring strong{font:700 35px "Space Grotesk"}.goal-ring span{font-size:10px;color:var(--muted)}.goal-details>div,.assumption-list>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.goal-details span,.assumption-list span{color:var(--muted)}.section-intro{display:flex;align-items:end;justify-content:space-between;margin:18px 0 26px}.section-intro h2{font:600 30px "Space Grotesk";margin:5px 0}.sub{color:var(--muted);font-size:12px}.purchase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.purchase-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:21px}.purchase-card .category{font-size:9px;color:var(--green);letter-spacing:.12em}.purchase-card h3{font-size:15px;min-height:40px;margin:13px 0}.purchase-card .price{font:600 22px "Space Grotesk"}.purchase-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.purchase-meta div{background:var(--panel2);padding:10px;border-radius:9px}.purchase-meta small{display:block;color:var(--muted);font-size:8px}.purchase-meta b{font-size:11px}.interest{color:var(--amber)!important}.data-table{overflow:auto}.data-table table{width:100%;border-collapse:collapse;min-width:700px}.data-table th{text-align:left;color:var(--muted);font-size:9px;letter-spacing:.1em;padding:12px;border-bottom:1px solid var(--line)}.data-table td{padding:15px 12px;border-bottom:1px solid var(--line);font-size:12px}.data-table td:last-child{font-weight:700;color:var(--green)}.mini-track{width:140px;height:5px;background:var(--line);border-radius:5px;overflow:hidden}.mini-track i{display:block;height:100%;background:var(--green);width:var(--w)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-card{min-height:330px;border-radius:20px;padding:28px;background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden}.shirt{position:absolute;right:15%;top:15%;font:700 140px "Space Grotesk";color:rgba(255,255,255,.035);transform:scaleX(1.4)}.product-card>span{font-size:10px;letter-spacing:.14em;color:var(--green)}.product-card>strong{font:600 39px "Space Grotesk";display:block;margin:18px 0 100px}.product-card>div:last-child p{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;margin:0;color:var(--muted);font-size:11px}.product-card p b{color:var(--text)}.marble{background:radial-gradient(circle at 80% 20%,#323c32 0,transparent 30%),var(--panel)}.info-strip{display:flex;gap:13px;align-items:center;border:1px solid #31422f;background:#141d14;padding:14px 17px;border-radius:12px;margin-top:17px;font-size:11px;color:var(--muted)}.info-strip span{color:var(--green)}.forecast-main>strong{font:600 44px "Space Grotesk";display:block;margin-top:12px;color:var(--green)}.forecast-main>span{font-size:11px;color:var(--muted)}.waterfall{display:grid;gap:12px;margin-top:35px}.waterfall div:after{content:"";display:block;width:var(--w);height:8px;background:#3c4740;border-radius:5px;margin-top:5px}.waterfall div.positive:after{background:var(--green)}.waterfall div{font-size:11px}.waterfall span{color:var(--muted);margin-left:8px}.price-badge{background:var(--panel);border:1px solid var(--line);padding:13px 18px;border-radius:12px;display:grid;gap:4px}.price-badge b{font:600 20px "Space Grotesk"}.goal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.goal-summary article{padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:15px}.goal-summary article.selected{border-color:#52713e;background:#172018}.goal-summary b{font:600 34px "Space Grotesk";display:block;margin-top:9px}.goal-summary span{font-size:10px;color:var(--muted)}.large{min-height:370px}.goals-chart{height:270px}.goals-chart .bar{background:linear-gradient(180deg,#d9ff9f,var(--green))}body.light{--bg:#edf0eb;--sidebar:#f7f8f5;--panel:#fff;--panel2:#edf1eb;--line:#dbe1d9;--text:#182019;--muted:#69736c;--shadow:0 18px 45px rgba(30,45,32,.08)}body.light .hero{background:linear-gradient(110deg,#e7f0e2,#dfeadb)}body.light .shirt{color:rgba(0,0,0,.035)}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}main{grid-column:1;padding:0 20px 50px}.menu{display:block}.topbar>div:first-of-type{margin-right:auto;margin-left:12px}.metric-grid{grid-template-columns:1fr 1fr}.split-grid,.forecast-grid{grid-template-columns:1fr}.purchase-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){main{padding:0 14px 40px}.topbar{height:86px}.status{display:none}.hero{padding:28px 22px;display:block}.hero h2{font-size:34px}.hero-number{border:0;padding:24px 0 0;margin-top:24px}.metric-grid,.purchase-grid,.product-grid,.goal-summary{grid-template-columns:1fr}.section-intro{align-items:flex-start;gap:12px}.section-intro h2{font-size:25px}.bar-chart{gap:3px}.bar-item label{font-size:7px}.panel{padding:16px}}