:root{--bg:#040a08;--panel:#102019;--panel2:#13281f;--line:rgba(52,245,160,.16);--line2:rgba(52,245,160,.38);--text:#ddebe4;--muted:#83a195;--cyan:#34f5a0;--cyan2:#22c97f;--green:#34f5a0;--amber:#d8ff57;--red:#ff6b78;--shadow:0 24px 70px rgba(0,0,0,.52);--side:260px}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;letter-spacing:0;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(34,211,238,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
button,input,select{font:inherit}button,a{touch-action:manipulation}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:80;inset:0 auto 0 0;width:var(--side);padding:22px 16px;background:rgba(6,11,18,.96);border-right:1px solid var(--line);box-shadow:24px 0 70px rgba(0,0,0,.26);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 24px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--cyan),#1677ff);color:#021016;font:800 20px Space Grotesk;box-shadow:0 0 24px rgba(34,211,238,.28),inset 0 1px rgba(255,255,255,.65);transform:perspective(300px) rotateY(-8deg)}.brand strong{font:700 16px Space Grotesk}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.side-user{padding:14px;margin-bottom:18px;background:linear-gradient(145deg,rgba(14,23,36,.92),rgba(8,14,23,.92));border:1px solid var(--line);border-radius:8px}.side-user .avatar{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(52,211,153,.12);color:var(--green);float:left;margin-right:10px}.side-user b,.side-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{font-size:10px;color:var(--muted);margin-top:3px}.nav-label{padding:0 10px 8px;color:#526779;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1.4px}.side-nav{display:grid;gap:5px}.nav-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:43px;padding:0 12px;border:1px solid transparent;border-radius:8px;color:#94a8bb;text-decoration:none;background:transparent;cursor:pointer;font-size:12px;font-weight:700;text-align:left;width:100%;margin:0;box-shadow:none}.nav-item:hover,.nav-item.active{color:var(--text);border-color:var(--line);background:linear-gradient(90deg,rgba(34,211,238,.1),rgba(34,211,238,.02));transform:none}.nav-item.active{box-shadow:inset 3px 0 var(--cyan)}.nav-item .ico{color:var(--cyan);font-size:15px}.nav-item .count{font-size:9px;background:rgba(34,211,238,.1);color:var(--cyan);padding:2px 6px;border-radius:999px}.side-bottom{margin-top:auto}.wallet-mini{padding:14px;margin-bottom:10px;border:1px solid rgba(52,211,153,.2);background:rgba(52,211,153,.05);border-radius:8px}.wallet-mini small{display:block;color:var(--muted);font-size:10px}.wallet-mini b{font:700 21px Space Grotesk;color:var(--green)}.main-shell{margin-left:var(--side);min-height:100vh;padding:0 28px 48px}.workspace-head{height:78px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.workspace-head h1{font:700 22px Space Grotesk;margin:0;color:var(--text);background:none;-webkit-text-fill-color:initial}.workspace-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.head-actions{display:flex;gap:8px}.icon-btn,.primary-btn{height:38px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:11px;font-weight:800;cursor:pointer}.primary-btn{border-color:rgba(34,211,238,.4);background:linear-gradient(135deg,#0891b2,#2563eb);box-shadow:0 8px 24px rgba(14,165,233,.2)}.mobile-toggle{display:none}.content{max-width:1260px;margin:0 auto}.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:26px 0 16px}.section-head h2{font:700 18px Space Grotesk;margin:0}.section-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.live-pill{font-size:10px;color:var(--green);padding:6px 10px;border:1px solid rgba(52,211,153,.22);background:rgba(52,211,153,.06);border-radius:999px}.live-pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}
.panel{background:linear-gradient(145deg,rgba(13,22,34,.96),rgba(8,14,23,.96));border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
@media(max-width:850px){:root{--side:220px}.main-shell{padding:0 18px 40px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .22s;width:min(278px,86vw)}body.nav-open .sidebar{transform:none}.main-shell{margin-left:0;padding:0 14px 32px}.mobile-toggle{display:inline-grid;place-items:center;width:38px;padding:0}.workspace-head{height:68px;grid-template-columns:auto minmax(0,1fr) auto}.workspace-head h1{font-size:17px}.workspace-head p{display:none}.head-actions .hide-mobile{display:none}body.nav-open:after{content:"";position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.62);backdrop-filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* V18 Matrix Mission Control */
body:before{background:linear-gradient(rgba(52,245,160,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(52,245,160,.028) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.sidebar{background:rgba(6,16,12,.97);border-right-color:var(--line);box-shadow:24px 0 70px rgba(0,0,0,.35)}
.brand-mark{border-radius:3px;background:var(--cyan);color:var(--bg);font-family:Sora,Manrope,sans-serif;box-shadow:0 0 24px rgba(52,245,160,.3)}
.brand strong,.workspace-head h1,.section-head h2{font-family:Sora,Manrope,sans-serif}.brand strong{font-size:17px}.workspace-head{height:88px}.workspace-head h1{font-size:25px;text-transform:uppercase}.workspace-head p{font-size:12px}.nav-item{border-radius:4px;font-size:13px;min-height:46px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(52,245,160,.12),rgba(52,245,160,.015));border-color:var(--line)}.nav-item.active{box-shadow:inset 3px 0 var(--cyan)}.nav-item .ico{color:var(--cyan)}
.wallet-mini{border-radius:3px;background:rgba(52,245,160,.045);border-color:var(--line)}.wallet-mini b{font-family:Sora,Manrope,sans-serif}.primary-btn{border-radius:3px;background:var(--cyan);color:var(--bg);box-shadow:0 8px 24px rgba(52,245,160,.18)}.icon-btn{border-radius:3px}.live-pill{border-radius:3px}.panel{border-radius:3px;background:rgba(16,32,25,.94)}