@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:#0b0e11;--bg-secondary:#141821;--bg-tertiary:#1a1f2e;--bg-hover:#1e2536;--bg-active:#252d3f;--border:#2a3142;--border-focus:#3b4a6b;--text-primary:#eaecef;--text-secondary:#9ca3af;--text-muted:#5a6275;--green:#0ecb81;--green-dim:#0ecb8126;--green-hover:#12e68e;--red:#f6465d;--red-dim:#f6465d26;--red-hover:#ff5570;--accent:#5b7cf9;--accent-dim:#5b7cf926;--accent-hover:#7b96ff;--warning:#f0b90b;--warning-dim:#f0b90b1f;--font-sans:"Rajdhani","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Share Tech Mono","JetBrains Mono","SF Mono",monospace;--font-display:"Orbitron","Rajdhani",sans-serif;--gap-xs:4px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--gap-xl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;height:100vh;font-size:13px;line-height:1.4;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.terminal-layout{background:var(--border);grid-template-rows:48px auto 1fr 240px;grid-template-columns:1fr 300px 320px;gap:1px;height:100vh;display:grid}.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{background:linear-gradient(135deg,#5b7cf9,#0ecb81);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:16px;font-weight:700}.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:#0a1628;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);background:linear-gradient(135deg,#1ae69a 0%,#0fb87a 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:1px 0;font-size:12px;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)}.orderbook-row.bid .depth-bar{background:var(--green)}.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:#0b0e11}.order-btn.buy:hover{background:var(--green-hover);transform:translateY(-1px)}.order-btn.sell{background:var(--red);color:#fff}.order-btn.sell:hover{background:var(--red-hover);transform:translateY(-1px)}.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:#fff}.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 280px}}.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{height:100dvh;overflow:auto}.terminal-layout{background:var(--bg-primary);flex-direction:column;gap:0;height:100dvh;padding-bottom:56px;display:flex}.desktop-nav,.account-summary,.perps-spot-toggle,.mobile-hidden,.mobile-book-section.mobile-hidden,.chart-panel-wrap.mobile-hidden,.mobile-trades-section.mobile-hidden,.desktop-stat,.account-sidebar{display:none!important}.market-info-price{align-items:baseline;display:flex!important}.market-info-expand{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;width:30px;height:30px;font-size:12px;font-family:var(--font-sans);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;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;gap:0;padding:8px 16px;animation:.15s 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:6px 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)}.header{z-index:50;height:44px;min-height:44px;padding:0 10px;position:sticky;top:0}.header-logo{font-size:14px!important}.header-right{gap:6px!important}.connection-badge{padding:3px 6px!important;font-size:10px!important}.faucet-btn{padding:3px 8px;font-size:10px}.market-info-bar{flex-shrink:0;gap:10px;min-height:36px;padding:6px 10px}.market-selector-btn{padding:4px 8px;font-size:15px!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:2px 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);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:10px 0;transition:all .15s}.mobile-content-tabs button:hover{color:var(--text-secondary)}.mobile-content-tabs button.active{color:var(--text-primary);border-bottom-color:var(--accent)}.chart-panel-wrap{flex-shrink:0;height:45vh;min-height:240px;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:22px;padding:2px 0;font-size:12px}.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:6px 10px;font-size:12px}.bottom-panel{grid-column:auto;min-height:180px;max-height:35vh}.bottom-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:0 10px;overflow-x:auto}.bottom-tabs::-webkit-scrollbar{display:none}.bottom-tab{white-space:nowrap;min-height:36px;padding:8px 0;font-size:12px}.data-table thead th{padding:4px 6px;font-size:10px}.data-table tbody td{padding:6px;font-size:11px}.table-wrap{-webkit-overflow-scrolling:touch;padding:0 8px;overflow-x:auto}footer{display:none!important}.mobile-tab-bar{background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;height:56px;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;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;transition:color .15s;display:flex;position:relative}.mobile-tab.active{color:var(--green)}.mobile-tab-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.mobile-tab-label{letter-spacing:.3px;font-size:10px;font-weight:500}.mobile-tab:nth-child(2) .mobile-tab-icon{background:#0ecb811f;border-radius:50%;width:28px;height:28px}.mobile-tab:nth-child(2).active .mobile-tab-icon{background:#0ecb8140}.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:#0b0e11}.side-toggle-btn.sell.active{background:var(--red);color:#fff}.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}}