:root{--bg:#080b10;--panel:#0f141c;--panel2:#131a24;--line:#202938;--text:#eef2f7;--muted:#8f9bad;--brand:#7c5cff;--green:#16d79a;--red:#ff6178;--radius:16px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{position:sticky;top:0;z-index:20;height:68px;border-bottom:1px solid var(--line);background:rgba(8,11,16,.94);backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 26px;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#23b7ff);color:white}.brand small{font-size:9px;background:#2a214c;color:#bdafff;padding:3px 5px;border-radius:5px;letter-spacing:.08em}.navlinks{display:flex;gap:22px;font-size:14px;color:#bdc5d1}.navlinks a:hover{color:white}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.account{font-size:14px}.menu-btn{display:none;background:none;color:white;border:0;font-size:24px}.page-shell{max-width:1500px;margin:auto;padding:28px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.hero{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:44px 6px 34px}.hero.compact{padding-top:20px}.hero h1{font-size:clamp(32px,5vw,64px);max-width:850px;line-height:1.02;margin:10px 0 14px;letter-spacing:-.05em}.hero.compact h1{font-size:42px}.hero p{color:var(--muted);max-width:700px;font-size:17px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#9f8cff;font-weight:800}.btn{border:1px solid var(--line);background:#1a2230;color:white;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:700}.btn:hover{filter:brightness(1.12)}.btn.primary{background:var(--brand);border-color:var(--brand)}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;font-size:12px}.btn.wide{width:100%}.btn.buy{background:#0e8d66;border-color:#16b783}.btn.sell{background:#b53d52;border-color:#db4b65}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:linear-gradient(180deg,var(--panel),#0c1118);border:1px solid var(--line);padding:18px;border-radius:14px}.stat span,.position-strip span,.wallet-hero span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.stat strong{font-size:20px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.panel h1,.panel h2,.panel h3,.panel-head h2,.panel-head h3{margin:0}.panel-head p,.panel p{color:var(--muted);margin:5px 0 0}.search,input{background:#0b1017;color:white;border:1px solid #293446;border-radius:10px;padding:11px 12px;outline:none}.search:focus,input:focus{border-color:#6f5ae8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{color:#7f8a9b;font-size:11px;text-transform:uppercase;letter-spacing:.08em}td small{display:block;color:var(--muted);margin-top:4px}.up{color:var(--green)!important}.down{color:var(--red)!important}.empty{text-align:center;color:var(--muted);padding:36px}.badge{font-size:10px;padding:5px 8px;border-radius:7px;background:#263143}.badge.filled{color:#78efc4;background:#12392e}.badge.open{color:#c9baff;background:#2a2147}.badge.rejected,.badge.cancelled{color:#ff9aaa;background:#481f28}.trade-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 330px;gap:14px}.market-sidebar{padding:12px}.market-sidebar h3{padding:8px}.market-link{display:flex;flex-direction:column;padding:11px;border-radius:10px;color:var(--muted)}.market-link b{font-size:12px;margin-top:3px;color:#cbd4e0}.market-link.active,.market-link:hover{background:#192131;color:white}.terminal{display:flex;flex-direction:column;gap:14px;min-width:0}.ticker{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:20px;align-items:center}.ticker h2{margin:4px 0 0}.ticker strong{font-size:18px}.chart{padding-bottom:8px}.chart canvas{width:100%;height:340px;display:block}.live-dot{font-size:11px;color:var(--green)}.position-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.position-strip strong{font-size:15px}.order-panel{align-self:start;position:sticky;top:86px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#0a0f16;border-radius:10px;padding:4px;margin-bottom:18px}.tab{border:0;color:var(--muted);background:transparent;padding:10px;border-radius:8px;cursor:pointer}.tab.active{background:#20293a;color:white}.stack{display:flex;flex-direction:column;gap:14px}.stack label{display:flex;flex-direction:column;gap:7px;color:#aeb8c7;font-size:13px}.range-row{display:flex;gap:10px;align-items:center}.range-row input{flex:1;padding:0}.order-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-message{min-height:20px;font-size:13px}.form-message.ok{color:var(--green)}.form-message.bad{color:var(--red)}.muted{color:var(--muted)}.wallet-hero{border:1px solid var(--line);border-radius:var(--radius);padding:30px;margin-bottom:18px;background:radial-gradient(circle at 90% 10%,rgba(124,92,255,.25),transparent 38%),var(--panel);display:flex;justify-content:space-between;align-items:end}.wallet-hero h1{font-size:44px;margin:6px 0}.demo-note{border:1px solid #3a315b;background:#1c1830;color:#c7baff;padding:10px 12px;border-radius:10px;font-size:12px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% -10%,#262054 0,transparent 42%),var(--bg)}.auth-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px}.auth-brand{margin-bottom:26px}.auth-card h1{font-size:34px;margin:0 0 8px}.auth-card>p{color:var(--muted)}.center{text-align:center}.alert{padding:11px 13px;border-radius:10px;margin-bottom:16px}.alert.error{background:#421b25;color:#ff9eac}.alert.success{background:#11382c;color:#8bf0c9}.form-panel{max-width:680px;margin:auto}.card-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.card-links a,.mini-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.market-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-card{display:flex;flex-direction:column;gap:11px}.check{display:flex!important;flex-direction:row!important;align-items:center}.footer{max-width:1500px;margin:10px auto 40px;padding:0 28px;color:#687384;font-size:12px}
@media(max-width:1100px){.trade-layout{grid-template-columns:150px minmax(0,1fr)}.order-panel{grid-column:2;position:static}.stat-grid{grid-template-columns:repeat(2,1fr)}.market-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{padding:0 16px;height:60px}.navlinks,.top-actions{display:none}.menu-btn{display:block;margin-left:auto}.menu-open .navlinks{position:absolute;top:60px;left:0;right:0;background:#0b1017;border-bottom:1px solid var(--line);display:flex;flex-direction:column;padding:16px}.page-shell{padding:14px}.hero{align-items:flex-start;flex-direction:column;padding:28px 2px}.hero h1{font-size:38px}.stat-grid{grid-template-columns:1fr 1fr}.trade-layout{display:flex;flex-direction:column}.market-sidebar{display:flex;overflow:auto;gap:6px}.market-sidebar h3{display:none}.market-link{min-width:120px}.order-panel{order:2}.ticker{grid-template-columns:1fr 1fr;padding:14px}.ticker>div:first-child{grid-column:1/-1}.chart canvas{height:260px}.position-strip{grid-template-columns:1fr 1fr}.wallet-hero{flex-direction:column;align-items:flex-start;gap:20px}.wallet-hero h1{font-size:34px}.market-admin-grid{grid-template-columns:1fr}.brand small{display:none}}
@media(max-width:420px){.stat-grid{grid-template-columns:1fr}.hero h1{font-size:32px}.panel{padding:14px}.order-buttons{grid-template-columns:1fr}.ticker{gap:12px}.position-strip{grid-template-columns:1fr 1fr}.auth-card{padding:22px}}