:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #121212;--bg-panel: #0d0d0d;--bg-input: #080808;--bg-hover: #1a1a1a;--accent-primary: #ffffff;--accent-primary-dim: rgba(255, 255, 255, .1);--accent-secondary: #666666;--color-success: #00c853;--color-success-dim: rgba(0, 200, 83, .15);--color-danger: #ff1744;--color-danger-dim: rgba(255, 23, 68, .15);--color-warning: #ffab00;--color-warning-dim: rgba(255, 171, 0, .15);--color-info: #2196f3;--color-info-dim: rgba(33, 150, 243, .15);--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #666666;--text-muted: #444444;--border-color: #1f1f1f;--border-color-hover: #333333;--border-color-focus: #444444;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Consolas", "Liberation Mono", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-lg: .875rem;--text-xl: 1rem;--text-2xl: 1.125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 2px 4px rgba(0, 0, 0, .5);--shadow-panel: 0 1px 3px rgba(0, 0, 0, .3);--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .2s ease;--z-dropdown: 50;--z-sticky: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-secondary);min-height:100vh;line-height:1.4}h1,h2,h3,h4,h5,h6{font-weight:500;color:var(--text-primary);letter-spacing:0}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.05em}h3{font-size:var(--text-base)}a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}.hidden{display:none!important}.loading{opacity:.5;pointer-events:none}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}::selection{background:var(--accent-primary-dim);color:var(--text-primary)}:focus-visible{outline:1px solid var(--border-color-focus);outline-offset:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;width:12px;height:12px;border:1px solid var(--text-secondary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.num-positive{color:var(--color-success)}.num-negative{color:var(--color-danger)}.num-neutral{color:var(--text-secondary)}#app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-content{max-width:100%;padding:var(--space-2) var(--space-3);display:flex;justify-content:space-between;align-items:center}.header-left,.header-right{display:flex;align-items:center;gap:var(--space-3)}.logo{font-size:var(--text-base);font-weight:500;letter-spacing:.05em}.logo-primary{color:var(--text-primary)}.logo-secondary{color:var(--text-muted);font-weight:400}.main-content{flex:1;padding:var(--space-2);width:100%}.grid-layout{display:grid;grid-template-columns:1fr 320px;gap:1px;background:var(--border-color)}.left-column,.right-column{display:flex;flex-direction:column;gap:1px;background:var(--border-color)}.orderbook-trades-row{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color)}.footer{border-top:1px solid var(--border-color);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);display:flex;justify-content:space-between;background:var(--bg-secondary)}.footer .separator{margin:0 var(--space-2);color:var(--border-color)}.network-status{color:var(--color-success)}.panel{background:var(--bg-panel);overflow:hidden}.panel-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.panel-header h2{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-weight:400}.panel-content{padding:var(--space-2) var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-input);color:var(--text-secondary)}.btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-sm{padding:var(--space-1) var(--space-2)}.btn-full{width:100%}.btn-primary{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background:var(--text-secondary);border-color:var(--text-secondary)}.btn-success{background:var(--color-success);border-color:var(--color-success);color:var(--bg-primary)}.btn-success:hover:not(:disabled){opacity:.9}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--bg-primary)}.btn-danger:hover:not(:disabled){opacity:.9}.btn-ghost{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color-hover)}.input{width:100%;padding:var(--space-2);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-color-focus)}.input:disabled{opacity:.3;cursor:not-allowed}.input-group{margin-bottom:var(--space-3);position:relative}.input-group label{display:block;font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-1);letter-spacing:.02em}.input-suffix{position:absolute;right:var(--space-2);top:50%;transform:translateY(25%);color:var(--text-muted);font-size:var(--text-xs);pointer-events:none}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='%23666666'%3E%3Cpath d='M4 6L0 2h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:var(--space-6)}.tab-group{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-3)}.tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast);position:relative}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--text-primary)}.side-selector{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:var(--space-3);background:var(--border-color)}.side-btn{padding:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em;border:none;background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted)}.side-btn:hover{color:var(--text-secondary)}.side-btn.side-buy.active{background:var(--color-success);color:var(--bg-primary)}.side-btn.side-sell.active{background:var(--color-danger);color:var(--bg-primary)}.wallet-connect-container{position:relative}.wallet-connected{display:flex;align-items:center;gap:var(--space-2)}.wallet-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.wallet-icon{font-size:var(--text-sm)}.wallet-address{font-size:var(--text-xs);color:var(--text-secondary)}.wallet-status{width:6px;height:6px;background:var(--color-success);border-radius:50%}.wallet-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-1);min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:var(--z-dropdown);overflow:hidden}.wallet-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);transition:background var(--transition-fast)}.wallet-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.wallet-dropdown-empty{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-xs)}.network-select{min-width:140px}.market-selector-container{position:relative}.market-selector-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;border:none;cursor:pointer}.market-selector-button:hover .market-selector-label{color:var(--text-primary)}.market-selector-label{font-size:var(--text-base);color:var(--text-secondary);font-weight:500}.market-selector-chevron{color:var(--text-muted);font-size:var(--text-xs)}.market-dropdown{position:absolute;top:100%;left:0;margin-top:var(--space-1);min-width:200px;max-height:280px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:var(--z-dropdown)}.market-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);transition:background var(--transition-fast)}.market-dropdown-item:hover{background:var(--bg-hover)}.market-dropdown-item.selected{background:var(--bg-hover);color:var(--text-primary)}.market-label{font-family:var(--font-mono)}.orderbook-header,.trades-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-1)}.orderbook-header span,.trades-header span{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted);letter-spacing:.02em}.orderbook-header span:not(:first-child),.trades-header span:not(:first-child){text-align:right}.orders-container{height:160px;overflow-y:auto}.sell-orders{display:flex;flex-direction:column-reverse}.orders-empty,.trades-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-xs)}.order-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-1);padding:2px var(--space-1);position:relative;cursor:pointer}.order-row:hover{background:var(--bg-hover)}.order-depth{position:absolute;top:0;bottom:0;opacity:.15}.order-buy .order-depth{right:0;background:var(--color-success)}.order-sell .order-depth{right:0;background:var(--color-danger)}.order-price,.order-amount,.order-total{position:relative;font-size:var(--text-xs)}.order-amount,.order-total{text-align:right;color:var(--text-secondary)}.order-buy .order-price{color:var(--color-success)}.order-sell .order-price{color:var(--color-danger)}.spread-display{padding:var(--space-2) var(--space-1);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.spread-price{font-size:var(--text-sm);color:var(--text-primary)}.spread-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.trades-list{height:280px;overflow-y:auto}.trade-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-1);padding:2px var(--space-1)}.trade-row:hover{background:var(--bg-hover)}.trade-price{font-size:var(--text-xs);color:var(--text-primary)}.trade-amount{font-size:var(--text-xs);color:var(--text-secondary);text-align:right}.trade-time{font-size:var(--text-xs);color:var(--text-muted);text-align:right}.user-orders-header{display:grid;grid-template-columns:1.5fr .5fr 1fr 1fr .5fr;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-1)}.user-orders-header span{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-muted)}.user-order-row{display:grid;grid-template-columns:1.5fr .5fr 1fr 1fr .5fr;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-color);align-items:center}.user-order-row:hover{background:var(--bg-hover)}.order-pair{font-size:var(--text-xs);color:var(--text-secondary)}.order-side{font-size:var(--text-xs)}.side-buy{color:var(--color-success)}.side-sell{color:var(--color-danger)}.balances-empty{text-align:center;padding:var(--space-3);color:var(--text-muted);font-size:var(--text-xs)}.balance-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-color)}.balance-row:last-child{border-bottom:none}.balance-info{display:flex;flex-direction:column}.balance-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.balance-symbol{font-size:var(--text-xs);color:var(--text-secondary)}.balance-value{font-size:var(--text-sm);color:var(--text-primary)}.asset-form{display:flex;flex-direction:column}.asset-empty{text-align:center;padding:var(--space-3);color:var(--text-muted);font-size:var(--text-xs)}.market-display{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-3)}.market-display .market-label{font-size:var(--text-sm);color:var(--text-primary)}.market-display .market-empty{color:var(--text-muted);font-size:var(--text-xs)}.order-total{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3);border-top:1px solid var(--border-color)}.chart-container{height:250px;padding:var(--space-2)}.chart-wrapper{position:relative;height:100%;width:100%}.chart-wrapper canvas{width:100%!important;height:100%!important}.chart-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}.chart-empty svg{opacity:.3;stroke:var(--text-muted)}.chart-empty.hidden{display:none}.toast-container{position:fixed;bottom:var(--space-3);right:var(--space-3);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);max-width:320px;border-radius:var(--radius-sm);border:1px solid;font-size:var(--text-xs);transform:translate(100%);opacity:0;transition:all var(--transition-normal);background:var(--bg-secondary)}.toast-visible{transform:translate(0);opacity:1}.toast-hiding{transform:translate(100%);opacity:0}.toast-info{border-color:var(--border-color);color:var(--text-secondary)}.toast-success{border-color:var(--color-success);color:var(--color-success)}.toast-error{border-color:var(--color-danger);color:var(--color-danger)}.toast-message{word-break:break-word}.toast-close{background:transparent;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:var(--text-sm);line-height:1;padding:0;flex-shrink:0}.toast-close:hover{opacity:1}.error-banner{margin:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:var(--text-xs);display:flex;justify-content:space-between;align-items:center}.loading-indicator{width:12px;height:12px;border:1px solid var(--text-muted);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 1024px){.grid-layout{grid-template-columns:1fr}.right-column{order:-1}.orderbook-trades-row{grid-template-columns:1fr}}.checkbox-group{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.address-inputs{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.chain-label{font-size:.75rem;padding:.125rem .375rem;border-radius:.25rem;margin-left:.5rem}.chain-evm{background:#627eea;color:#fff}.chain-solana{background:#9945ff;color:#fff}.chain-invalid{background:#ef4444;color:#fff}