:root{--bg:#071218;--panel:rgba(16,34,42,.92);--panel2:#10232a;--text:#f1f7f4;--muted:#a1b3b7;--line:rgba(190,225,218,.14);--cyan:#80e6c2;--blue:#a9c4ef;--shadow:0 16px 44px rgba(0,0,0,.18)}
body{background:radial-gradient(circle at 85% 0%,rgba(33,104,105,.14),transparent 34%),var(--bg);font-family:system-ui,sans-serif}
.grid{opacity:.09}.aurora{opacity:.10}
.sidebar{width:252px;background:rgba(9,25,31,.94);border-color:var(--line);padding:28px 18px}.brand{font-size:20px;letter-spacing:-.045em}.brand-mark{width:34px;height:34px;border-radius:11px}
.workspace{margin:32px 10px 22px}.workspace label{font-weight:600}.workspace select{margin-top:6px;width:100%;border:1px solid var(--line);background:#123039;color:var(--text);border-radius:8px;padding:8px}
.sidebar nav{gap:4px}.nav-item{font:650 14px system-ui,sans-serif;padding:13px 14px;border-radius:11px}.nav-item span{width:27px}.nav-item.active{background:rgba(128,230,194,.13);color:#ecfff6}.nav-item:hover{background:rgba(128,230,194,.08)}[hidden]{display:none!important}
main{margin-left:252px;padding:36px clamp(22px,4vw,62px) 80px;max-width:1600px}.panel,.glass{background:var(--panel);box-shadow:var(--shadow);border-color:var(--line)}.hero{min-height:200px;border-radius:20px;background:linear-gradient(115deg,rgba(24,63,64,.96),rgba(14,31,43,.96));padding:32px}.hero h2{font-size:clamp(28px,3.1vw,42px)}.hero p{max-width:500px}.metric,.mini-stat{border-radius:14px;background:rgba(16,36,44,.92)}.metric b,.mini-stat b{font-size:clamp(18px,2vw,27px)}.primary{border-radius:10px;font:750 13px system-ui,sans-serif;padding:12px 18px}.panel{border-radius:16px}
.sidebar-bottom{gap:8px}.settings-menu{border-top:1px solid var(--line);padding-top:14px}.settings-menu summary{cursor:pointer;list-style:none;color:var(--muted);font-weight:700;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.settings-menu summary::-webkit-details-marker{display:none}.settings-menu[open] summary{color:var(--text);background:rgba(128,230,194,.09)}.settings-menu .settings-contents{max-height:40vh;overflow:auto;display:grid;gap:3px;padding:8px 0}.settings-menu button{text-align:left;padding:9px 13px}.settings-menu .cloud-controls{padding:6px 8px 10px}.settings-menu .cloud-controls p{margin:0 0 5px}.settings-menu .cloud-controls button{display:block;width:100%}
.privacy-notice{margin-top:36px}.auth-gate{border-radius:18px}.auth-gate button{font-weight:700}
.welcome-next{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:rgba(128,230,194,.32)}.welcome-next h3{font-size:18px;margin:0 0 6px}.welcome-next p{margin-bottom:0}.welcome-next .primary{flex:none}
body.light .hero h2,body.light .hero-score,body.light .hero-score strong{color:#f4fff9}body.light .hero p{color:#c8e2db}body.light .hero .accent{color:#a9f7d3}body.light .nav-item.active{color:#124437}body.light .workspace select{color:#fff}body.light .hero-score .ring b{color:#193a34}
@media(max-width:900px){.sidebar{position:sticky;inset:0 auto auto 0;width:100%;height:auto;padding:12px 16px;z-index:5;display:block;backdrop-filter:blur(20px)}.sidebar .brand{display:inline-flex;padding:0}.sidebar .workspace{display:none}.sidebar nav{display:flex;overflow-x:auto;margin-top:12px;padding-bottom:2px;white-space:nowrap}.sidebar nav .nav-item{flex:none;padding:9px 11px;font-size:12px}.sidebar nav .nav-item span{width:auto;margin-right:6px}.sidebar-bottom{position:absolute;right:12px;top:11px}.settings-menu{padding:0;border:0}.settings-menu summary{font-size:11px;padding:8px}.settings-menu .settings-contents{position:absolute;right:0;top:37px;width:min(300px,92vw);max-height:70vh;background:#10232a;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 20px 40px #0008}main{margin:0;padding:22px 16px 60px}.hero{padding:22px}.hero-score{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.account-grid,.payout-layout{grid-template-columns:1fr}.roadmap-notes{grid-template-columns:1fr}.journal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}header{align-items:flex-start}.header-actions{flex-shrink:0}h1{font-size:22px}}
@media(max-width:520px){.sidebar .brand{font-size:16px}.sidebar .brand-mark{width:27px;height:27px}.sidebar nav .nav-item{font-size:11px}.settings-menu summary{font-size:10px}.hero h2{font-size:29px}.metrics,.journal-stats{gap:8px}.metric,.mini-stat{padding:13px}.metric span{font-size:10px}.primary{padding:10px 12px;font-size:12px}}