:root{--bg:#000;--bg2:#050505;--panel:#0b0e11;--panel2:#11151c;--panel3:#151a21;--line:#202630;--text:#eaecef;--muted:#848e9c;--muted2:#5f6b7a;--yellow:#f0b90b;--yellow2:#fcd535;--green:#0ecb81;--red:#f6465d;--blue:#1e90ff;--shadow:0 18px 60px rgba(0,0,0,.65)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#000;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 85% 0,rgba(240,185,11,.08),transparent 24%),#000}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;z-index:50;background:#050505;border-right:1px solid #171a20;padding:18px 14px}.brand{display:flex;justify-content:center;align-items:center;padding:12px 8px 22px;border-bottom:1px solid #171a20}.brand-logo{width:160px;height:auto;max-width:100%;object-fit:contain;display:block}.brand-title{font-weight:850;letter-spacing:.2px}.brand-sub{font-size:11px;color:var(--muted)}.nav-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#58606e;margin:22px 10px 9px}.nav-linkx{display:flex;align-items:center;gap:12px;padding:12px;margin:5px 0;border-radius:8px;color:#b7bdc6;transition:.18s;background:transparent;border:1px solid transparent;cursor:pointer}.nav-linkx:hover,.nav-linkx.active{background:#181a20;color:#fff}.nav-linkx.active{border-color:#f0b90b47;box-shadow:inset 3px 0 0 var(--yellow)}.nav-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#11151c;color:var(--yellow)}.content{margin-left:260px;width:calc(100% - 260px);min-height:100vh}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;background:#000000f0;border-bottom:1px solid #171a20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-title h1{font-size:20px;margin:0;font-weight:800}.page-title p{font-size:12px;color:var(--muted);margin:2px 0 0}.ticker-wrap{display:flex;gap:8px;max-width:760px;overflow:auto}.ticker-card{min-width:132px;background:#0b0e11;border:1px solid #1c212b;border-radius:8px;padding:8px 10px}.ticker-card b{font-size:11px;color:#aeb4bc;font-weight:700}.ticker-price{font-weight:800;font-size:15px;letter-spacing:.2px}.ticker-change{font-size:11px}.up{color:var(--green)!important}.down{color:var(--red)!important}.yellow{color:var(--yellow)!important}.main-pad{padding:16px 18px 28px}.panel{background:var(--panel);border:1px solid #1c212b;border-radius:10px;box-shadow:var(--shadow)}.panel-soft{background:#0f1218;border:1px solid #202630;border-radius:10px}.metric-card{position:relative;padding:18px;overflow:hidden;min-height:128px}.metric-card:before{content:"";position:absolute;right:-38px;top:-38px;width:130px;height:130px;border-radius:50%;background:#f0b90b14}.metric-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--yellow),transparent)}.metric-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#f0b90b1f;color:var(--yellow);margin-bottom:14px}.metric-label{font-size:12px;color:var(--muted);font-weight:650}.metric-value{font-size:26px;font-weight:850;margin-top:4px}.metric-note{font-size:12px;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-title h3{font-size:16px;margin:0;font-weight:820}.pill{padding:6px 10px;border-radius:999px;background:#f0b90b17;border:1px solid rgba(240,185,11,.22);color:var(--yellow2);font-size:11px;font-weight:800}.chart-card{padding:14px;height:430px}.chart-wrap{height:360px;position:relative;border-radius:8px;background:#050505;border:1px solid #171a20;overflow:hidden}.chart-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 44px}.chart-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.chart-toolbar{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #232a35;background:#11151c;color:#aeb4bc;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:800;cursor:pointer}.chip.active{background:var(--yellow);color:#000;border-color:var(--yellow)}.analysis-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:8px;background:#0b0e11;border:1px solid #202630;margin-bottom:9px}.analysis-item span{color:#aeb4bc;font-size:12px}.mini-book{font-size:12px}.book-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:5px 8px;border-radius:4px;position:relative;overflow:hidden}.book-row:before{content:"";position:absolute;right:0;top:0;bottom:0;width:var(--w);background:#f6465d21}.book-row.bid:before{background:#0ecb8121}.book-row>*{position:relative}.book-head{color:#5f6b7a;text-transform:uppercase;font-size:10px;font-weight:800}.trade-layout{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:14px}.trade-card{padding:14px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#050505;border:1px solid #202630;border-radius:8px;padding:4px;gap:4px}.mode-switch button{border:0;border-radius:6px;padding:10px;color:#848e9c;background:transparent;font-weight:850;cursor:pointer}.mode-switch button.active{background:#181a20;color:#fff}.symbol-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#050505;border:1px solid #202630;border-radius:8px;margin-bottom:12px}.symbol-line b{font-size:18px}.form-control,.form-select{background:#050505!important;border:1px solid #2b3139!important;color:var(--text)!important;border-radius:7px!important;padding:12px!important}.form-control:focus,.form-select:focus{border-color:var(--yellow)!important;box-shadow:0 0 0 .18rem #f0b90b1f!important}.form-label{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#848e9c;font-weight:850}.input-group-text{background:#11151c!important;border:1px solid #2b3139!important;color:#848e9c!important;border-radius:7px!important}.side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-toggle .side-btn{border:0;border-radius:7px;padding:12px;font-weight:900;color:#fff;cursor:pointer}.side-buy{background:linear-gradient(135deg,#0ecb81,#08945e)}.side-sell{background:linear-gradient(135deg,#f6465d,#bd2337)}.percent-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.percent-row button{border:1px solid #2b3139;background:#11151c;color:#aeb4bc;border-radius:6px;padding:8px;font-size:11px;font-weight:800;cursor:pointer}.percent-row button:hover{border-color:var(--yellow);color:var(--yellow)}.lev-box{background:#050505;border:1px solid #202630;border-radius:8px;padding:12px}.lev-top{display:flex;justify-content:space-between;font-weight:850}.form-range::-webkit-slider-thumb{background:var(--yellow)}.form-range::-moz-range-thumb{background:var(--yellow)}.form-range::-webkit-slider-runnable-track{background:#2b3139}.btn-buy,.btn-sell,.btn-yellow,.btn-darkx{border:0;border-radius:7px;padding:13px 16px;font-weight:900;transition:.18s;cursor:pointer}.btn-buy{background:linear-gradient(135deg,#0ecb81,#09a66c);color:#fff}.btn-sell{background:linear-gradient(135deg,#f6465d,#c5283d);color:#fff}.btn-yellow{background:linear-gradient(135deg,var(--yellow2),var(--yellow));color:#000;box-shadow:0 10px 26px #f0b90b29}.btn-darkx{background:#181a20;border:1px solid #2b3139;color:#eaecef}.btn-buy:hover,.btn-sell:hover,.btn-yellow:hover,.btn-darkx:hover{filter:brightness(1.08);transform:translateY(-1px)}.orderbook-card,.table-card{padding:14px}.tabs-bar{display:flex;gap:4px;border-bottom:1px solid #202630;margin-bottom:12px}.tabs-bar .tab-btn{border:0;background:transparent;color:#848e9c;padding:10px 14px;font-weight:850;cursor:pointer}.tabs-bar .tab-btn.active{color:var(--yellow);border-bottom:2px solid var(--yellow)}.table{--bs-table-bg:transparent;--bs-table-color:#dce1e8;--bs-table-border-color:#1c212b;font-size:13px;margin:0}.table thead th{color:#5f6b7a;text-transform:uppercase;letter-spacing:.7px;font-size:10px;border-bottom-color:#202630}.table td,.table th{padding:12px 10px}.status{padding:5px 9px;border-radius:5px;font-size:10px;font-weight:900;text-transform:uppercase}.status.long,.status.filled{background:#0ecb811f;color:var(--green)}.status.short,.status.pending{background:#f6465d1f;color:var(--red)}.status.open{background:#f0b90b1f;color:var(--yellow)}.btn-mini-red,.btn-mini-yellow{border:0;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer}.btn-mini-red{background:#f6465d24;color:#ff7787;border:1px solid rgba(246,70,93,.25)}.btn-mini-yellow{background:#f0b90b1f;color:var(--yellow);border:1px solid rgba(240,185,11,.25)}.mobile-toggle{display:none}.market-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.market-tile{background:#0b0e11;border:1px solid #1c212b;border-radius:8px;padding:10px}.market-tile small{color:#848e9c}.market-tile b{display:block;margin-top:3px}.footer-note{font-size:11px;color:#5f6b7a;margin-top:8px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 0,rgba(240,185,11,.08),transparent 32%),#000}.login-card{width:100%;max-width:420px;padding:26px}.login-card h2{font-size:20px;margin:0;font-weight:820}.alert-inline{padding:10px 12px;border-radius:8px;font-size:12px;background:#f6465d1f;color:#ff8896;border:1px solid rgba(246,70,93,.28)}.alert-inline.ok{background:#0ecb811a;color:#43e3a4;border:1px solid rgba(14,203,129,.28)}.alert-inline.err{background:#f6465d1f;color:#ff8896;border:1px solid rgba(246,70,93,.28)}.settings-card{padding:18px}.settings-card h3{font-size:15px;font-weight:800;margin:0}.settings-card code{background:#11151c;padding:2px 6px;border-radius:4px;color:#cfd5dc}.product-toggle{display:inline-flex;background:#0b0e11;border:1px solid #1c212b;border-radius:8px;overflow:hidden}.product-toggle button{background:transparent;border:0;color:var(--muted);padding:8px 14px;font-weight:700;cursor:pointer;font-size:12px}.product-toggle button.active{background:#f0b90b1f;color:var(--yellow)}.nav-link-btn{width:100%;text-align:left;font:inherit}.nav-link-btn:focus{outline:none}.symbol-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.symbol-bar .form-select{max-width:240px}.empty-state{padding:24px;text-align:center;color:var(--muted)}.empty-state b{color:#fff;display:block;margin-bottom:6px}.empty-state a{color:var(--yellow);text-decoration:underline}@media (max-width:1200px){.trade-layout{grid-template-columns:1fr}.market-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.sidebar{transform:translate(-105%);transition:.25s}.sidebar.show{transform:translate(0)}.content{margin-left:0;width:100%}.mobile-toggle{display:inline-flex}.topbar{align-items:flex-start;flex-direction:column}.ticker-wrap{width:100%;max-width:100%}}@media (max-width:576px){.main-pad{padding:12px}.market-strip{grid-template-columns:repeat(2,1fr)}.chart-card{height:360px}.chart-wrap{height:285px}.metric-value{font-size:22px}}