@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";
:root{--bg-primary:#090c10;--bg-secondary:#0f1319;--bg-tertiary:#151a24;--bg-hover:#1b2130;--bg-active:#21293c;--border:#1e2736;--border-focus:#2d3d58;--border-neon:#0ecb811f;--text-primary:#d1d4dc;--text-secondary:#848e9c;--text-muted:#4e5868;--green:#0ecb81;--green-dim:#0ecb811f;--green-hover:#16e090;--red:#e84d60;--red-dim:#e84d601f;--red-hover:#f05a6c;--accent:#4d7cf0;--accent-dim:#4d7cf01f;--accent-hover:#6690f8;--warning:#e8b40e;--warning-dim:#e8b40e1a;--glow-green:0 0 6px #0ecb811f;--glow-accent:0 0 6px #4d7cf01a;--glow-text:none;--font-sans:"Inter","Rajdhani",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Share Tech Mono","SF Mono",monospace;--font-display:"Rajdhani","Orbitron",sans-serif;--gap-xs:4px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--gap-xl:24px;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-feature-settings:"calt" off;font-variant-ligatures:no-contextual;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-x:none;font-size:14px;line-height:1.55}::-webkit-scrollbar{display:none}.scrollers::-webkit-scrollbar{display:initial;width:5px}.scrollers::-webkit-scrollbar-track{background:0 0}.scrollers::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:5px}.terminal-layout{background:var(--border);grid-template-rows:48px auto 1fr 250px;grid-template-columns:1fr 320px 340px;gap:1px;height:100vh;display:grid;overflow:hidden}.header{background:var(--bg-secondary);padding:0 var(--gap-lg);align-items:center;gap:var(--gap-lg);border-bottom:1px solid var(--border);grid-column:1/-1;display:flex}.market-info-bar{background:var(--bg-secondary);padding:8px var(--gap-lg);align-items:center;gap:var(--gap-xl);border-bottom:1px solid var(--border);grid-column:1/-1;display:flex}.header{background:var(--bg-secondary);padding:0 var(--gap-lg);align-items:center;gap:var(--gap-lg);grid-column:1/-1;display:flex}.header-logo{font-size:14px;font-weight:700;font-family:var(--font-display,"Rajdhani"),sans-serif;background:linear-gradient(135deg,#0ecb81,#0ea870,#0ecb81);-webkit-text-fill-color:transparent;letter-spacing:3px;filter:drop-shadow(0 0 6px #0ecb814d);text-transform:uppercase;-webkit-background-clip:text;background-clip:text;text-decoration:none}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 4px #00f0ff66)drop-shadow(0 0 8px #f0f3)brightness()}50%{filter:drop-shadow(0 0 12px #00f0ffcc)drop-shadow(0 0 24px #ff00ff80)brightness(1.3)}}.header-market-info{align-items:center;gap:var(--gap-xl);display:flex}.header-price{font-family:var(--font-mono);font-size:20px;font-weight:600}.header-stat{flex-direction:column;gap:2px;display:flex}.header-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.header-stat-value{font-family:var(--font-mono);color:var(--text-secondary);font-size:13px}.header-right{align-items:center;gap:var(--gap-md);margin-left:auto;display:flex}.connection-badge{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.connection-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.connection-dot.disconnected{background:var(--red);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.connect-wallet-btn{color:#0d1518;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);background:linear-gradient(135deg,#18c98a 0%,#0ea070 100%);border:none;padding:6px 16px;transition:all .2s;box-shadow:0 0 12px #1ae69a40}.connect-wallet-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #1ae69a66}.connect-wallet-btn:disabled{opacity:.6;cursor:not-allowed}.wallet-connected{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.wallet-address{color:var(--green);font-family:var(--font-mono);font-weight:500}.wallet-disconnect-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1;transition:color .15s}.wallet-disconnect-btn:hover{color:var(--red)}.faucet-wrapper{position:relative}.faucet-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font-sans);padding:4px 12px;transition:all .15s}.faucet-btn:hover{border-color:var(--green);color:var(--green)}.faucet-btn:disabled{opacity:.5;cursor:not-allowed}.faucet-menu{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:100;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.faucet-menu-item{width:100%;color:var(--text-primary);font-size:12px;font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 14px;transition:background .1s;display:block}.faucet-menu-item:hover{background:var(--bg-tertiary);color:var(--green)}.chart-panel{background:var(--bg-secondary);min-height:0;position:relative}.chart-toolbar{z-index:10;gap:2px;display:flex;position:absolute;top:8px;left:12px}.chart-interval-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-sans);background:0 0;border:none;padding:4px 8px;transition:all .15s}.chart-interval-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.chart-interval-btn.active{color:var(--accent);background:var(--accent-dim)}.chart-container{width:100%;height:100%}.orderbook-column{background:var(--bg-secondary);flex-direction:column;display:flex;overflow:hidden}.orderbook-column-tabs{border-bottom:1px solid var(--border);padding:0 var(--gap-sm);flex-shrink:0;display:flex}.orderbook-column-tab{color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 12px;transition:all .15s}.orderbook-column-tab:hover{color:var(--text-secondary)}.orderbook-column-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.order-entry-column{background:var(--bg-secondary);flex-direction:column;display:flex;overflow-y:auto}.order-entry-column-header{border-bottom:1px solid var(--border);padding:0 var(--gap-sm);flex-shrink:0;display:flex}.order-entry-column-tab{color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 12px;transition:all .15s}.order-entry-column-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.sidebar-tab{color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;transition:all .15s}.sidebar-tab:hover{color:var(--text-secondary)}.sidebar-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.orderbook{padding:var(--gap-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.orderbook-controls{justify-content:space-between;align-items:center;padding:4px 0 2px;display:flex}.orderbook-coin-label{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px}.orderbook-tick-selector{position:relative}.tick-selector-btn{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:2px;padding:3px 8px;transition:background .15s,border-color .15s;display:inline-flex}.tick-selector-btn:hover{background:#ffffff1a;border-color:#fff3}.tick-dropdown{z-index:100;background:var(--bg-secondary);border:1px solid #ffffff1f;border-radius:6px;min-width:70px;padding:4px 0;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000080}.tick-option{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;padding:5px 12px;transition:background .1s}.tick-option:hover{color:var(--text-primary);background:#ffffff14}.tick-option.active{color:var(--accent);background:#48c6ef14}.orderbook-header{color:var(--text-muted);letter-spacing:.3px;grid-template-columns:1fr 1fr 1fr;padding:4px 0;font-size:11px;display:grid}.orderbook-header span:last-child{text-align:right}.orderbook-header span:nth-child(2){text-align:center}.orderbook-asks,.orderbook-bids{flex-direction:column;flex:1;display:flex;overflow:hidden}.orderbook-asks{justify-content:flex-end}.orderbook-row{font-family:var(--font-mono);cursor:pointer;grid-template-columns:1fr 1fr 1fr;padding:1.5px 0;font-size:13px;line-height:1.5;transition:background .1s;display:grid;position:relative}.orderbook-row:hover{background:var(--bg-hover)}.orderbook-row .price{z-index:1;font-weight:500}.orderbook-row .size{text-align:center;z-index:1}.orderbook-row .total{text-align:right;color:var(--text-secondary);z-index:1}.orderbook-row.ask .price{color:var(--red)}.orderbook-row.bid .price{color:var(--green)}.orderbook-row .depth-bar{opacity:.12;pointer-events:none;position:absolute;top:0;bottom:0;right:0}.orderbook-row.ask .depth-bar{background:var(--red);opacity:.08}.orderbook-row.bid .depth-bar{background:var(--green);opacity:.1}.orderbook-spread{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:12px;padding:5px 0;font-size:12px;display:flex}.orderbook-spread .spread-label{color:var(--text-muted);font-size:11px}.orderbook-spread .spread-value{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.orderbook-spread .spread-pct{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.recent-trades{padding:var(--gap-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.recent-trades-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:1fr 1fr 1fr;padding:4px 0;font-size:11px;display:grid}.recent-trades-header span:last-child{text-align:right}.recent-trades-header span:nth-child(2){text-align:center}.recent-trades-body{flex:1;overflow-y:auto}.recent-trades-row{font-family:var(--font-mono);cursor:pointer;grid-template-columns:1fr 1fr 1fr;padding:2px 0;font-size:12px;transition:background .1s;display:grid}.recent-trades-row:hover{background:var(--bg-hover)}.recent-trades-row .price{font-weight:500}.recent-trades-row .size{text-align:center;color:var(--text-secondary)}.recent-trades-row .time{text-align:right;color:var(--text-muted);font-size:11px}.recent-trades-row.buy .price{color:var(--green)}.recent-trades-row.sell .price{color:var(--red)}.recent-trades-empty{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.order-entry{padding:var(--gap-md);border-top:1px solid var(--border);flex-shrink:0}.order-type-tabs{margin-bottom:var(--gap-md);background:var(--bg-primary);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.order-type-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-sans);background:0 0;border:none;flex:1;padding:6px 0;transition:all .15s}.order-type-btn:hover{color:var(--text-secondary)}.order-type-btn.active{background:var(--bg-tertiary);color:var(--text-primary)}.order-field{margin-bottom:var(--gap-sm)}.order-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.order-input-wrap{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s;display:flex;overflow:hidden}.order-input-wrap:focus-within{border-color:var(--border-focus)}.order-input-wrap input{color:var(--text-primary);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:13px}.order-input-wrap .input-suffix{color:var(--text-muted);align-items:center;padding:8px 10px;font-size:12px;display:flex}.order-side-btns{gap:var(--gap-sm);margin-top:var(--gap-md);grid-template-columns:1fr 1fr;display:grid}.order-btn{border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);border:none;padding:10px;transition:all .15s}.order-btn.buy{background:var(--green);color:#081208}.order-btn.buy:hover{background:var(--green-hover)}.order-btn.sell{background:var(--red);color:#faf0f2}.order-btn.sell:hover{background:var(--red-hover)}.bottom-panel{background:var(--bg-secondary);flex-direction:column;grid-column:1/-1;display:flex;overflow:hidden}.bottom-tabs{border-bottom:1px solid var(--border);padding:0 var(--gap-lg);gap:var(--gap-lg);flex-shrink:0;display:flex}.bottom-tab{color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 0;transition:all .15s}.bottom-tab:hover{color:var(--text-secondary)}.bottom-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.bottom-tab .count{background:var(--bg-tertiary);min-width:18px;height:18px;color:var(--text-secondary);border-radius:9px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:10px;display:inline-flex}.table-wrap{padding:0 var(--gap-lg);flex:1;overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:8px 12px;font-size:11px;font-weight:500;position:sticky;top:0}.data-table tbody td{font-family:var(--font-mono);white-space:nowrap;border-bottom:1px solid #2a31424d;padding:6px 12px;font-size:12px}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table .positive{color:var(--green)}.data-table .negative{color:var(--red)}.cancel-btn{background:var(--red-dim);color:var(--red);border-radius:var(--radius-sm);cursor:pointer;font-size:11px;font-family:var(--font-sans);border:none;padding:4px 10px;transition:all .15s}.cancel-btn:hover{background:var(--red);color:#f8f0f0}.empty-state{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.empty-state-icon{opacity:.3;font-size:32px}.market-selector{position:relative}.market-selector-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.market-selector-btn:hover{border-color:var(--border-focus)}.market-overlay-backdrop{display:none}.market-selector-dropdown{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;flex-direction:column;min-width:340px;max-height:70vh;margin-top:4px;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.market-dropdown-close{display:none}.market-dropdown-search{border-bottom:1px solid var(--border);padding:8px 12px}.market-search-input{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);border-radius:6px;outline:none;padding:8px 12px}.market-search-input:focus{border-color:var(--accent)}.market-dropdown-filters{border-bottom:1px solid var(--border);gap:4px;padding:6px 12px;display:flex}.market-filter-btn{color:var(--text-primary);font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-weight:500}.market-filter-btn.active{background:var(--accent);color:#fff}.market-dropdown-header{color:var(--text-muted);border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr;padding:6px 14px;font-size:11px;display:grid}.market-col-right{text-align:right}.market-dropdown-list{flex:1;overflow-y:auto}.market-option{cursor:pointer;border-bottom:1px solid #ffffff08;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:10px 14px;font-size:13px;transition:background .1s;display:grid}.market-option:hover{background:var(--bg-hover)}.market-option.active{background:var(--accent-dim)}.market-option-symbol{align-items:center;gap:8px;display:flex}.market-option-star{color:var(--text-muted);cursor:pointer;font-size:14px}.market-option-name{font-size:13px;font-weight:600}.market-option-leverage{color:var(--accent);font-size:10px;font-weight:600}.market-option-vol{text-align:right;font-family:var(--font-mono);font-size:12px}.market-option-oi{color:var(--text-muted);font-size:10px}.market-option-price{text-align:right;font-family:var(--font-mono);font-size:12px}.market-option-change{font-size:10px}.leverage-slider{margin:var(--gap-sm)0}.leverage-slider label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.leverage-slider input[type=range]{-webkit-appearance:none;background:var(--bg-primary);border-radius:2px;outline:none;width:100%;height:4px}.leverage-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}.leverage-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.account-summary{align-items:center;gap:var(--gap-lg);padding:0 var(--gap-md);display:flex}.account-chip{flex-direction:column;gap:1px;display:flex}.account-chip-label{color:var(--text-muted);text-transform:uppercase;font-size:10px}.account-chip-value{font-family:var(--font-mono);font-size:13px;font-weight:500}@media (max-width:1200px){.terminal-layout{grid-template-columns:1fr 300px}}.mobile-tab-bar,.mobile-content-tabs,.mobile-trades-section,.mobile-order-view{display:none}.trade-view-wrap,.chart-panel-wrap,.mobile-book-section{display:contents}.market-info-expand,.market-info-expanded,.market-info-price{display:none}@media (max-width:768px){html,body{width:100%;height:100dvh;position:fixed;overflow:hidden}.terminal-layout{background:var(--bg-primary);flex-direction:column;gap:0;width:100%;height:100dvh;display:flex}.desktop-nav,.account-summary,.perps-spot-toggle,.account-sidebar,.desktop-stat,.bottom-panel,.mobile-hidden,.mobile-book-section.mobile-hidden,.chart-panel-wrap.mobile-hidden,.mobile-trades-section.mobile-hidden{display:none!important}.market-info-price{align-items:center;gap:8px;display:flex!important}.market-info-expand{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex!important}.market-info-expand:active{background:var(--bg-hover)}.market-info-expanded{background:var(--bg-secondary);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;padding:8px 12px;animation:.12s ease-out slideDown;display:grid!important}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.market-info-detail{flex-direction:column;padding:4px 0;display:flex}.detail-label{color:var(--text-muted);margin-bottom:2px;font-size:11px}.detail-value{color:var(--text-primary);font-size:13px;font-family:var(--font-mono);font-weight:500}.header{z-index:50;flex-shrink:0;height:44px;min-height:44px;padding:0 12px;position:sticky;top:0}.header-logo{letter-spacing:2px!important;font-size:13px!important}.header-right{gap:4px!important}.connection-badge{padding:2px 6px!important;font-size:9px!important}.market-info-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;gap:8px;min-height:32px;padding:4px 12px;overflow-x:auto}.market-info-bar::-webkit-scrollbar{display:none}.market-selector-btn{padding:2px 6px;font-size:14px!important;font-weight:600!important}.header-stat{display:none!important}.header-stat:nth-child(2),.header-stat:nth-child(4){display:flex!important}.header-stat-label{font-size:9px!important}.header-stat-value,.header-price{font-size:12px!important}.mobile-content-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;display:flex!important}.mobile-content-tabs button{color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;min-height:40px;margin-bottom:-1px;padding:10px 0;transition:color .15s}.mobile-content-tabs button.active{color:var(--text-primary);border-bottom-color:var(--green)}.chart-panel-wrap{flex-shrink:0;height:42vh;min-height:220px;display:block}.chart-panel{min-height:unset;height:100%!important}.mobile-book-section{flex-direction:column;flex:1;min-height:0;overflow-y:auto;display:flex!important}.mobile-book-section .orderbook-column{min-height:unset;max-height:unset;width:100%;overflow-y:auto}.mobile-book-section .order-entry-column{display:none}.mobile-book-section .orderbook-row{min-height:24px;padding:2.5px 0;font-size:13px}.mobile-trades-section{background:var(--bg-secondary);flex:1;min-height:0;overflow-y:auto;display:flex!important}.mobile-trades-section .recent-trades{width:100%}.mobile-trade-hidden{display:none!important}.mobile-order-view{background:var(--border);flex:1;grid-template-columns:1fr 1fr;gap:1px;min-height:0;overflow-y:auto;display:grid!important}.mobile-order-book{background:var(--bg-secondary);min-height:0;overflow-y:auto}.mobile-order-entry{background:var(--bg-secondary);min-height:0;padding:8px 12px;overflow-y:auto}.mobile-order-entry .order-entry-column-header{gap:2px;margin-bottom:8px;display:flex}.mobile-order-entry .order-entry-column-tab{padding:7px 12px;font-size:13px}footer{display:none!important}.mobile-tab-bar{z-index:100;background:var(--bg-secondary);border-top:1px solid var(--border);height:52px;padding:0 0 env(safe-area-inset-bottom,0);position:fixed;bottom:0;left:0;right:0;display:flex!important}.mobile-tab{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;font-size:10px;font-weight:500;transition:color .15s;display:flex}.mobile-tab.active{color:var(--green)}.mobile-tab-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.mobile-tab-label{font-size:10px;font-weight:500}.mobile-tab.active .mobile-tab-label{color:var(--green)}.cancel-btn{min-height:36px;padding:8px 14px;font-size:12px}.market-option{min-height:52px;padding:12px 14px}.market-overlay-backdrop{z-index:199;-webkit-tap-highlight-color:transparent;background:#0009;position:fixed;inset:0;display:block!important}.market-selector-dropdown{z-index:200;background:var(--bg-primary);animation:.15s ease-out fadeIn;min-width:unset!important;border:none!important;border-radius:0!important;max-height:100vh!important;margin:0!important;position:fixed!important;inset:0!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.market-dropdown-close{color:var(--text-muted);cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:8px;font-size:20px;position:absolute;top:12px;right:16px;display:flex!important}.market-dropdown-search{padding:12px 16px}.market-search-input{border-radius:8px;padding:10px 14px;font-size:14px}.market-dropdown-filters{gap:6px;padding:8px 16px;overflow-x:auto}.market-filter-btn{white-space:nowrap;padding:6px 12px;font-size:13px}.market-dropdown-header{padding:8px 16px;font-size:11px}.market-option-name{font-size:14px}.market-option-leverage{font-size:11px}.market-option-vol,.market-option-price{font-size:13px}.tick-selector-btn{min-height:32px;padding:6px 8px;font-size:12px}.tick-option{min-height:40px;padding:10px 14px;font-size:13px}.faucet-menu{min-width:200px;right:0}.faucet-menu-item{min-height:44px;padding:12px 16px;font-size:14px}.empty-state{padding:24px;font-size:14px}.empty-state-icon{font-size:36px}}@media (max-width:480px){.header-logo{font-size:13px!important}.chart-panel-wrap{height:38vh;min-height:200px}.market-info-bar{padding:4px 8px}.header-stat{min-width:45px}}.chart-panel>div[id^=tv_chart_]{border-radius:0;overflow:hidden}.chart-panel iframe{border:none!important}.order-side-toggle{background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:var(--gap-md);grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.side-toggle-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);color:var(--text-muted);background:0 0;border:none;padding:8px;transition:all .15s}.side-toggle-btn.buy.active{background:var(--green);color:#081208}.side-toggle-btn.sell.active{background:var(--red);color:#faf0f2}.side-toggle-btn:hover:not(.active){color:var(--text-secondary)}.order-btn.full-width{width:100%;margin-top:var(--gap-sm)}.pro-info{color:var(--text-muted);font-size:11px;line-height:1.5;font-family:var(--font-mono);padding:6px 0}
.page-container{color:#e1e1e6;background:#0a0a0f;max-width:1080px;min-height:100vh;margin:0 auto;padding:24px;font-family:Inter,-apple-system,sans-serif}.page-header{border-bottom:1px solid #1a1a2e;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;display:flex}.page-header h1{flex:1;font-size:24px;font-weight:700}.page-header h1.gradient-purple{background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-header h1.gradient-green{background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-header h1.gradient-orange{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-header h1.gradient-blue{background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-header h1.gradient-yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.back-link,.page-nav a{color:#888;font-size:14px;text-decoration:none;transition:color .2s}.back-link:hover,.page-nav a:hover{color:#e1e1e6}.page-nav{gap:16px;display:flex}.connect-prompt{text-align:center;color:#666;padding:80px;font-size:16px}.empty-state{color:#666;text-align:center;padding:40px;font-size:14px}.summary-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.summary-card{background:#12121a;border:1px solid #1a1a2e;border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.card-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:12px}.card-value{font-size:20px;font-weight:600}.card-value.green{color:#10b981}.section-panel{background:#12121a;border:1px solid #1a1a2e;border-radius:12px;margin-bottom:24px;padding:24px}.section-panel h3{color:#c4c4cc;margin-bottom:16px;font-size:16px;font-weight:600}.forms-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.form-panel{background:#12121a;border:1px solid #1a1a2e;border-radius:12px;padding:24px}.form-panel h3{color:#c4c4cc;margin-bottom:16px;font-size:16px;font-weight:600}.form-input{color:#e1e1e6;background:#0a0a0f;border:1px solid #2a2a3e;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:12px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#7c3aed}.form-input::placeholder{color:#444}.btn-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger{cursor:pointer;color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-success{cursor:pointer;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-success:hover{opacity:.9;transform:translateY(-1px)}.btn-success:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-orange{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-orange:hover{opacity:.9;transform:translateY(-1px)}.btn-orange:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-select{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a3e;border-radius:6px;padding:6px 16px;font-size:12px;transition:all .2s}.btn-select:hover{color:#e1e1e6;border-color:#7c3aed}.status-message{text-align:center;background:#12121a;border:1px solid #1a1a2e;border-radius:8px;margin-bottom:24px;padding:12px;font-size:14px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #1a1a2e;padding:8px 12px;font-size:12px}.data-table td{border-bottom:1px solid #0f0f18;padding:12px;font-size:14px}.data-table tr:hover{background:#ffffff05}.data-table tr.selected{background:#7c3aed1a}.mono{font-family:JetBrains Mono,monospace;font-size:13px}.badge-active{color:#10b981;background:#10b98126;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-unbonding{color:#f59e0b;font-size:13px}.badge-unbonding small{color:#888}.side-long{color:#10b981;background:#10b9811a;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.side-short{color:#ef4444;background:#ef44441a;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.supply-rate{color:#10b981}.borrow-rate{color:#f59e0b}.asset-name{font-weight:600}.action-tabs{gap:4px;margin-bottom:16px;display:flex}.tab-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a3e;border-radius:6px;flex:1;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.tab-btn.active{color:#e1e1e6;background:#7c3aed26;border-color:#7c3aed}.tab-btn.active-orange{color:#e1e1e6;background:#f59e0b26;border-color:#f59e0b}.tab-btn:hover{color:#e1e1e6;border-color:#444}.tab-btn.active-green{color:#e1e1e6;background:#10b98126;border-color:#10b981}.rank-gold,.rank-silver,.rank-bronze{font-size:18px}.util-bar-wrapper{align-items:center;gap:8px;display:flex}.util-bar{border-radius:3px;flex:1;min-width:2px;max-width:80px;height:6px}.util-bar-wrapper span{font-size:13px}.health-gauge{text-align:center;background:#12121a;border:1px solid #1a1a2e;border-radius:12px;margin-bottom:24px;padding:24px}.health-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:12px}.health-value{margin:8px 0;font-size:36px;font-weight:700}.health-bar{background:#1a1a2e;border-radius:3px;width:100%;height:6px;margin:12px 0 8px;overflow:hidden}.health-fill{border-radius:3px;height:100%;transition:width .3s}.health-hint{color:#888;font-size:13px}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px;display:grid}.vault-card{cursor:pointer;background:#12121a;border:1px solid #1a1a2e;border-radius:12px;padding:20px;transition:all .2s}.vault-card:hover{border-color:#2a2a4e;transform:translateY(-2px)}.vault-card.selected{border-color:#7c3aed;box-shadow:0 0 20px #7c3aed26}.vault-header-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.vault-icon{font-size:28px}.vault-label{color:#666;font-size:12px}.vault-addr{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500}.vault-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{flex-direction:column;gap:4px;display:flex}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-value{font-size:15px;font-weight:600}.your-deposit{color:#10b981;border-top:1px solid #1a1a2e;margin-top:12px;padding-top:12px;font-size:13px;font-weight:500}.total-value-section{text-align:center;background:linear-gradient(135deg,#12121a 0%,#1a1028 100%);border:1px solid #2a1a4e;border-radius:16px;margin-bottom:24px;padding:32px}.total-label{color:#888;margin-bottom:8px;font-size:14px}.total-value{background:linear-gradient(135deg,#e1e1e6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:42px;font-weight:700}.value-breakdown{justify-content:center;gap:24px;display:flex}.breakdown-item{color:#888;align-items:center;gap:6px;font-size:13px;display:flex}.breakdown-dot{border-radius:50%;width:8px;height:8px}.breakdown-value{color:#e1e1e6;font-weight:500}.tier-badge-wrapper{align-items:center;gap:12px;margin-bottom:24px;display:flex}.tier-badge{letter-spacing:1px;border:2px solid;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.fee-discount{color:#10b981;font-size:13px}.staking-summary-row{align-items:center;gap:32px;display:flex}.staking-stat{flex-direction:column;gap:4px;display:flex}.staking-stat .label{color:#666;text-transform:uppercase;font-size:12px}.staking-stat .value{font-size:16px;font-weight:600}.manage-link{color:#7c3aed;margin-left:auto;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.manage-link:hover{color:#a78bfa}.user-summary{background:#12121a;border:1px solid #1a1a2e;border-radius:12px;gap:24px;margin-bottom:24px;padding:20px 24px;display:flex}.summary-item{flex-direction:column;gap:4px;display:flex}.summary-item .label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:12px}.summary-item .value{font-size:20px;font-weight:600}@media (max-width:768px){.summary-cards{grid-template-columns:repeat(2,1fr)}.forms-grid{grid-template-columns:1fr}.action-tabs{flex-wrap:wrap}.total-value{font-size:28px}.value-breakdown{flex-direction:column;align-items:center}.staking-summary-row{flex-wrap:wrap}}.bridge-modal-overlay{z-index:9000;-webkit-backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;animation:.2s ease-out bridge-modal-fade-in;display:flex;position:fixed;inset:0}.bridge-modal-card{background:#0b0e11;border:1px solid #00f0ff1f;border-radius:12px;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);animation:.25s ease-out bridge-modal-slide-up;position:relative;overflow-y:auto;box-shadow:0 24px 80px #000000b3,0 0 1px #00f0ff4d}.bridge-modal-close{color:#8a8a9a;cursor:pointer;z-index:1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.bridge-modal-close:hover{color:#fff;background:#ffffff1a}.bridge-modal-header{text-align:center;padding:20px 24px 0}.bridge-modal-header h2{color:#e0e0e8;letter-spacing:1px;margin:0 0 4px;font-size:16px;font-weight:700}.bridge-modal-header p{color:#5a5a7a;letter-spacing:.5px;margin:0;font-size:11px}.bridge-modal-tabs{border-bottom:1px solid #ffffff0f;gap:0;margin:16px 24px 0;display:flex}.bridge-modal-tab{cursor:pointer;letter-spacing:.5px;color:#5a5a7a;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.bridge-modal-tab.active{color:var(--accent,#2dd4a8);border-bottom-color:var(--accent,#2dd4a8)}.bridge-modal-tab:hover:not(.active){color:#8a8a9a}.bridge-modal-body{padding:16px 24px 24px}.bridge-modal-row{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.bridge-modal-row .label{color:#5a5a7a}.bridge-modal-row .value{color:#e0e0e8;font-weight:500;font-family:var(--font-mono,monospace)}.bridge-modal-input-wrap{margin:12px 0 6px;position:relative}.bridge-modal-input{color:#e0e0e8;box-sizing:border-box;width:100%;font-size:18px;font-weight:600;font-family:var(--font-mono,monospace);background:#141821;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:14px 65px 14px 16px;transition:border-color .2s}.bridge-modal-input:focus{border-color:#00f0ff4d}.bridge-modal-input-suffix{color:#5a5a7a;pointer-events:none;font-size:13px;font-weight:600;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.bridge-modal-fee{color:#5a5a7a;margin-bottom:14px;font-size:11px}.bridge-modal-btn{cursor:pointer;letter-spacing:.5px;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.bridge-modal-btn.deposit{color:#fff;background:#16a34a;border:none}.bridge-modal-btn.deposit:hover:not(:disabled){background:#15803d}.bridge-modal-btn.approve{border:1px solid var(--accent,#2dd4a8);color:var(--accent,#2dd4a8);background:0 0}.bridge-modal-btn.approve:hover:not(:disabled){background:#2dd4a814}.bridge-modal-btn.withdraw{color:#a855f7;background:0 0;border:1px solid #a855f7}.bridge-modal-btn.withdraw:hover:not(:disabled){background:#a855f714}.bridge-modal-btn:disabled{opacity:.45;cursor:not-allowed}.bridge-modal-stats{border-top:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding-top:16px;display:grid}.bridge-modal-stat{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;padding:8px 10px}.bridge-modal-stat .stat-label{color:#5a5a7a;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px;font-size:9px}.bridge-modal-stat .stat-value{color:#e0e0e8;font-size:13px;font-weight:600}.bridge-modal-tx-link{text-align:center;color:var(--accent,#2dd4a8);margin-top:10px;font-size:12px;text-decoration:none;display:block}.bridge-modal-tx-link:hover{text-decoration:underline}.bridge-modal-chain{color:#5a5a7a;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;display:flex}.bridge-modal-chain .arrow{color:var(--accent,#2dd4a8);font-size:14px}.bridge-modal-wallet-warn{text-align:center;color:#5a5a7a;padding:32px 16px;font-size:13px}.account-action-btns{border-top:1px solid var(--border,#ffffff0f);gap:6px;margin-top:10px;padding-top:10px;display:flex}.account-action-btn{cursor:pointer;letter-spacing:.3px;border-radius:6px;flex:1;padding:8px 0;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.account-action-btn.deposit-btn{color:#fff;background:#16a34a;border:none}.account-action-btn.deposit-btn:hover{background:#15803d}.account-action-btn.transfer-btn{color:var(--text-secondary,#8a8a9a);background:0 0;border:1px solid #ffffff1f}.account-action-btn.transfer-btn:hover{color:var(--text-primary,#e0e0e8);border-color:#ffffff40}.account-action-btn.withdraw-btn{color:var(--text-secondary,#8a8a9a);background:0 0;border:1px solid #ffffff1f}.account-action-btn.withdraw-btn:hover{color:var(--text-primary,#e0e0e8);border-color:#ffffff40}.header-deposit-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:#16a34a;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.header-deposit-btn:hover{background:#15803d}@keyframes bridge-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bridge-modal-slide-up{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}