@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0a0e15;--surface:#111824;--surface-2:#151f2c;--line:#273345;--text:#f5f7fb;--muted:#8d99aa;--gold:#d9934a;--gold-2:#f0b873;--blue:#79a9ff;--green:#6cd6a2;--danger:#ee8877;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh;background:radial-gradient(ellipse 800px 500px at 85% -5%,rgba(78,106,160,.13),transparent 65%)}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:30px 18px 22px;display:flex;flex-direction:column;background:rgba(10,14,21,.9);border-right:1px solid var(--line);z-index:5}.brand{display:flex;gap:11px;align-items:center;padding:0 11px 38px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#f6c67e,#b9672e);color:#17100b;font:700 13px var(--display);box-shadow:0 6px 20px rgba(217,147,74,.22)}.brand b{display:block;font:700 17px/1 var(--display);letter-spacing:-.04em}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.nav{display:grid;gap:5px}.nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:10px;color:var(--muted);font-weight:600;transition:.2s ease}.nav a:hover,.sidebar-bottom>a:hover{background:#161f2d;color:var(--text)}.nav a.active{background:linear-gradient(90deg,rgba(217,147,74,.16),rgba(217,147,74,.04));color:var(--gold-2);box-shadow:inset 2px 0 var(--gold)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.nav svg,.sidebar-bottom>a svg{width:17px}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.profile-mini{border-top:1px solid var(--line);margin-top:18px;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.profile-mini div{min-width:0;flex:1}.profile-mini b,.profile-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-mini b{font-size:12px}.profile-mini small{color:var(--muted);font-size:10px;margin-top:2px}.profile-mini button{border:0;background:none;color:var(--muted);padding:4px}.avatar{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#273d5c;color:#bcd5ff;font:700 11px var(--display)}.avatar-lg{width:38px;height:38px}.main{width:calc(100% - 240px);margin-left:240px;max-width:1400px;padding:38px clamp(24px,4vw,68px) 50px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.kicker,.eyebrow{margin:0;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.15em}.topbar h1{margin:7px 0 0;font:600 clamp(25px,3vw,34px)/1 var(--display);letter-spacing:-.045em}.topbar h1 span{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:16px}.live-dot{padding:7px 10px;border:1px solid rgba(108,214,162,.25);border-radius:999px;color:var(--green);font-size:11px;font-weight:600}.live-dot i,.status-pill i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(108,214,162,.1)}.icon-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted)}.icon-btn em{position:absolute;top:-5px;right:-4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--gold);color:#1d130b;font:700 9px var(--sans);font-style:normal}.mobile-menu{display:none;border:0;background:none;color:var(--muted);font-size:20px}.demo-note{display:flex;align-items:center;gap:10px;margin:0 0 26px;padding:11px 14px;border:1px solid rgba(121,169,255,.2);border-radius:10px;background:rgba(121,169,255,.07);color:#adc6f2;font-size:11px}.demo-note svg{width:16px;flex:0 0 auto}.hero-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(400px,1.5fr);gap:16px}.balance-card,.chart-card,.panel,.metric{position:relative;background:linear-gradient(145deg,rgba(21,31,44,.98),rgba(15,23,34,.98));border:1px solid var(--line);border-radius:16px;overflow:hidden}.balance-card{padding:26px 28px;min-height:280px;background:linear-gradient(145deg,#202a37,#121b28)}.shine{position:absolute;width:260px;height:260px;right:-100px;bottom:-110px;border-radius:50%;background:radial-gradient(circle,rgba(217,147,74,.23),transparent 70%);pointer-events:none}.card-top,.card-heading,.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ghost-btn{border:0;background:none;color:#98a4b5;font-size:17px;padding:0}.balance-value{display:flex;align-items:baseline;gap:9px;margin:34px 0 2px}.balance-value strong{font:600 clamp(49px,6vw,72px)/.9 var(--display);letter-spacing:-.08em}.balance-value span{color:var(--gold-2);font:600 18px var(--display)}.balance-caption{margin:0;color:var(--muted);font-size:11px}.positive{color:var(--green);font-weight:700}.balance-foot{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}.balance-foot small,.balance-foot b{display:block}.balance-foot small{color:var(--muted);font-size:10px}.balance-foot b{margin-top:4px;font-size:12px}.balance-id{text-align:right}.balance-id code{display:block;margin-top:4px;color:#d6dee9;font:11px 'Fira Code',monospace}.chart-card{padding:25px 28px}.card-heading h2,.panel-heading h2{margin:7px 0 0;font:600 21px var(--display);letter-spacing:-.04em}.card-heading select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#101925;color:var(--muted);font-size:11px}.chart-wrap{margin-top:23px}.chart{display:block;width:100%;height:170px;overflow:visible}.grid-line{stroke:#2a3443;stroke-width:1}.area{fill:url(#chart-fill)}.line{fill:none;stroke:var(--gold);stroke-width:3}.dot{fill:var(--gold-2);stroke:#272d37;stroke-width:4}.chart-labels{display:flex;justify-content:space-between;color:#667486;font-size:10px}.chart-disclaimer{margin:15px 0 0;color:#6e7c8e;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}.metric{display:flex;align-items:center;gap:13px;padding:18px}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px}.metric-icon.gold{background:rgba(217,147,74,.14);color:var(--gold-2)}.metric-icon.blue{background:rgba(121,169,255,.14);color:var(--blue)}.metric-icon.green{background:rgba(108,214,162,.14);color:var(--green)}.metric small,.metric b,.metric span{display:block}.metric small{color:var(--muted);font-size:10px}.metric b{margin-top:4px;font:600 19px var(--display)}.metric div>span{margin-top:3px;color:#6c7a8d;font-size:10px}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.panel{padding:25px 28px}.referral-panel{min-height:290px}.status-pill,.phase-tag{padding:6px 9px;border-radius:7px;background:rgba(108,214,162,.1);color:var(--green);font-size:10px;font-weight:700}.phase-tag{background:rgba(217,147,74,.12);color:var(--gold-2)}.panel>p{max-width:580px;margin:20px 0;color:var(--muted);font-size:12px;line-height:1.65}.referral-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px;padding:12px 13px;border:1px solid #354356;border-radius:9px;background:#0e151f;color:#bac9dd;font:11px 'Fira Code',monospace}.referral-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-link button{display:grid;place-items:center;flex:0 0 auto;border:0;background:none;color:var(--gold-2)}.referral-stats{display:flex;gap:30px;margin:20px 0}.referral-stats b,.referral-stats small{display:block}.referral-stats b{font:600 20px var(--display)}.referral-stats small{margin-top:3px;color:var(--muted);font-size:10px}.outline-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 14px;font-weight:700;transition:.2s ease}.outline-btn{border:1px solid #43536a;background:transparent;color:#d2dbea}.outline-btn:hover{border-color:var(--gold);color:var(--gold-2)}.primary-btn{width:100%;border:1px solid #e2a45f;background:linear-gradient(130deg,#d9934a,#ba6e31);color:#1a110a;box-shadow:0 8px 22px rgba(217,147,74,.16)}.primary-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.buy-panel label{display:block;margin-top:22px;color:#b6c1d0;font-size:11px;font-weight:600}.amount-field{display:flex;align-items:center;gap:8px;margin:8px 0 13px;padding:11px 13px;border:1px solid #3b4b60;border-radius:9px;background:#0e151f;color:var(--muted)}.amount-field input{min-width:0;width:70px;border:0;outline:0;background:none;color:var(--text);font:600 19px var(--display)}.sd-estimate{margin-left:auto;color:var(--green);font-size:11px}.field-note{display:block;margin-top:11px;color:#6e7c8e;font-size:10px}.activity-panel{margin-top:16px}.text-link{color:var(--gold-2);font-size:11px}.activity-list{margin-top:19px;border-top:1px solid var(--line)}.activity-row{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid rgba(39,51,69,.7)}.activity-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.activity-icon.purchase{background:rgba(121,169,255,.12);color:var(--blue)}.activity-icon.bonus{background:rgba(108,214,162,.12);color:var(--green)}.activity-row b,.activity-row small{display:block}.activity-row b{font-size:12px}.activity-row small{margin-top:3px;color:var(--muted);font-size:10px}.activity-row>strong{font:600 13px var(--display);color:var(--green)}.row-state{padding:4px 7px;border-radius:5px;background:rgba(108,214,162,.08);color:var(--green);font-size:9px}.profile-panel{margin-top:16px}.outline-btn.small{padding:7px 10px;font-size:11px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.profile-fields label{color:var(--muted);font-size:10px}.profile-fields input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#0e151f;color:var(--text);outline:0;font-size:12px}.profile-fields input:not(:disabled){border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,147,74,.1)}.privacy-note{display:flex;align-items:center;gap:7px!important;margin:20px 0 0!important;color:#718096!important;font-size:10px!important}.privacy-note svg{width:13px}.svg-sprite{display:none}footer{display:flex;justify-content:space-between;margin-top:34px;color:#687587;font-size:10px}footer a{color:#8c9db4}.copied{color:var(--green)!important}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s ease;box-shadow:10px 0 35px rgba(0,0,0,.3)}.sidebar.open{transform:none}.main{width:100%;margin:0;padding:20px 15px 35px}.mobile-menu{display:block}.topbar{align-items:flex-start}.top-actions{gap:8px}.top-actions .live-dot{display:none}.topbar h1{font-size:25px}.topbar .avatar-lg{width:32px;height:32px}.hero-grid{gap:12px}.balance-card,.chart-card,.panel{padding:21px 19px;border-radius:14px}.balance-card{min-height:263px}.balance-foot{left:19px;right:19px}.metric-grid{grid-template-columns:1fr;gap:10px}.metric{padding:14px 16px}.content-grid{gap:12px}.activity-row{grid-template-columns:34px 1fr auto;gap:10px}.activity-row>strong{grid-column:2}.row-state{display:none}.profile-fields{grid-template-columns:1fr;gap:12px}.demo-note{align-items:flex-start;font-size:10px}.demo-note svg{margin-top:1px}.chart-card{overflow:hidden}.card-heading select{max-width:115px}footer{gap:15px;flex-direction:column}.referral-stats{gap:21px}.referral-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.login-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(5,8,13,.84);backdrop-filter:blur(14px)}.login-layer[hidden]{display:none}.login-card{width:min(420px,100%);padding:34px;border:1px solid #334258;border-radius:20px;background:linear-gradient(145deg,#182333,#0e151f);box-shadow:0 25px 80px rgba(0,0,0,.42)}.login-card>.brand-mark{display:grid;margin-bottom:28px}.login-card h2{margin:9px 0 7px;font:600 29px var(--display);letter-spacing:-.05em}.login-card>p{margin:0 0 25px;color:var(--muted);font-size:12px}.login-card label{display:block;margin:14px 0;color:#b7c2d1;font-size:11px;font-weight:600}.login-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #334258;border-radius:9px;background:#0b121b;color:var(--text);outline:0}.login-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,147,74,.12)}.login-card .primary-btn{margin-top:9px}.login-card #login-error{display:block;min-height:18px;margin-top:10px;color:var(--danger);font-size:10px}.login-help{display:block;margin-top:18px;color:var(--gold-2);font-size:11px}

/* Connected account states */
::selection{background:var(--gold);color:#18100a}:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}body.locked{overflow:hidden}
.lot-chart{display:grid;grid-template-columns:repeat(10,1fr);align-items:end;gap:8px;height:190px;padding-top:18px;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,transparent 32%,rgba(39,51,69,.35) 33%,transparent 34%,transparent 65%,rgba(39,51,69,.35) 66%,transparent 67%)}.lot{display:grid;grid-template-rows:1fr auto auto;align-items:end;gap:5px;height:100%;text-align:center}.lot>span{display:block;height:var(--height);min-height:42px;border-radius:5px 5px 0 0;background:#2a3544;transition:height .7s cubic-bezier(.16,1,.3,1),background .2s}.lot.passed>span{background:#765c40}.lot.current>span{background:linear-gradient(to top,#bd7034,#efb76f);box-shadow:0 12px 32px rgba(217,147,74,.24)}.lot b{color:#aeb9c8;font:600 10px var(--display)}.lot small{color:#687587;font-size:9px}.lot.current b,.lot.current small{color:var(--gold-2)}
.directs-panel{margin-top:16px}.directs-list{display:grid;margin-top:20px;border-top:1px solid var(--line)}.direct-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(39,51,69,.7)}.direct-row b,.direct-row small{display:block}.direct-row b{font-size:12px}.direct-row small{margin-top:3px;color:var(--muted);font-size:10px}.direct-purchases{color:var(--gold-2);font-size:10px;font-weight:700}.empty-state{margin:0;padding:26px 0!important;color:var(--muted)!important;font-size:12px!important}.profile-feedback{grid-column:1/-1;min-height:18px;margin:0!important;color:var(--green)!important;font-size:11px!important}.profile-mini #logout{width:auto;color:var(--muted);font-size:10px;font-weight:700}.profile-mini #logout:hover{color:var(--gold-2)}
@media(max-width:760px){.lot-chart{gap:4px;height:160px}.lot small{font-size:8px}.chart-card{padding-inline:15px}.direct-row{grid-template-columns:34px 1fr}.direct-purchases{grid-column:2}.login-card{padding:27px 23px}.sidebar{background:#0a0e15}}
/* Legibility and neutral elevation pass */
.brand-mark,.primary-btn,.lot.current>span{box-shadow:none}.brand small,.profile-mini small,.profile-mini #logout,.kicker,.eyebrow,.metric small,.metric div>span,.status-pill,.phase-tag,.field-note,.activity-row small,.profile-fields label,.privacy-note,.login-card label,.login-help,.direct-row small,.direct-purchases{font-size:11px}.panel>p,.balance-caption,.chart-disclaimer,.empty-state{font-size:12px!important}.lot small{font-size:10px}.lot b{font-size:11px}footer{font-size:11px}
 .reset-trigger{border:0;background:transparent;padding:0;text-align:left;font:inherit;cursor:pointer}
