.asset-selector{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:16px}.selector-header h3{border-bottom:1px solid var(--border-color);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.assets-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.asset-option{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:12px;text-align:left;transition:all .2s ease;width:100%}.asset-option:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color)}.asset-option.selected{background:var(--accent-color);border-color:var(--accent-color);cursor:default}.asset-option:disabled{cursor:not-allowed;opacity:.7}.asset-option-content{align-items:center;display:flex;justify-content:space-between}.asset-symbol-option{color:var(--success-color);font-size:16px;font-weight:600}.asset-option.selected .asset-symbol-option{color:#fff}.asset-details-option{display:flex;flex-direction:column;gap:2px;text-align:right}.asset-name-option{color:var(--text-secondary);font-size:12px}.asset-option.selected .asset-name-option{color:#fffc}.decimals-info{color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px}.asset-option.selected .decimals-info{color:#fff9}.asset-mint-option{color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px}.asset-option.selected .asset-mint-option{color:#fff9}.assets-list::-webkit-scrollbar{width:6px}.assets-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.assets-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.assets-list::-webkit-scrollbar-thumb:hover{background:var(--bg-tertiary)}@media (max-width:768px){.asset-selector{padding:12px}.current-asset-info .asset-symbol{font-size:20px}.asset-symbol-option{font-size:14px}.asset-details-option{align-items:flex-end}}.balance,.loading-placeholder{width:100%}.balance{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);overflow-x:auto;overflow-y:none;padding:16px}.balance h2{font-size:18px;font-weight:600;margin:0 0 8px}.asset-name{color:var(--text-secondary);font-size:12px}.balance-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.balance-content:not(:first-of-type){padding-top:8px}@media (max-width:768px){.balance-content{flex-direction:column}}.loading-placeholder{align-items:center;color:var(--text-secondary);display:flex;justify-content:center}.loading-placeholder,.order-book{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;height:600px;min-width:400px}.order-book{color:var(--text-primary);max-width:600px;overflow-y:none;padding:16px}.order-book-header{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px}.order-book-header h2{font-size:18px;font-weight:600;margin:0 0 8px}.asset-info{display:flex;flex-direction:column;gap:8px}.market-info{display:flex;font-size:12px;gap:24px}.market-info .label{color:var(--text-secondary);margin-right:4px}.market-info .value{color:var(--text-primary);font-weight:500}.order-book-content{display:flex;flex-direction:column;gap:8px}.order-book-side{flex:1 1}.side-header h3{font-size:14px;font-weight:600;margin:0 0 8px}.side-header .column-headers{grid-gap:8px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:grid;font-size:11px;gap:8px;grid-template-columns:1fr 1fr 1fr 80px;margin-bottom:4px;padding:4px 8px}.percent-from-mid,.side-header .column-headers .quantity,.total{text-align:right}.orders-list{display:flex;flex-direction:column;gap:1px}.order-level{border-radius:2px;overflow:hidden;position:relative}.level-background{align-items:stretch;bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.cumulative-bar{height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.cumulative-bar.bid{background:#22c55e80}.cumulative-bar.ask{background:#ef444480}.level-bar{height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.level-bar.bid{background:#22c55ebf}.level-bar.ask{background:#ef4444bf}.level-content{grid-gap:8px;background:#1a1a1ae6;display:grid;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;gap:8px;grid-template-columns:1fr 1fr 1fr 80px;padding:2px 8px;position:relative;z-index:2}body.light-theme .level-content{background:#ffffffe6}.order-level.bid .level-content .price{color:var(--success-color)}.order-level.ask .level-content .price{color:var(--danger-color)}.level-content .quantity{color:var(--text-primary);text-align:right}.level-content .total{color:var(--text-secondary);text-align:right}.level-content .percent-from-mid{font-size:11px;text-align:right}.level-content .percent-from-mid.positive{color:var(--danger-color)}.level-content .percent-from-mid.negative{color:var(--success-color)}.spread-indicator{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:8px;text-align:center}.spread-line{color:var(--text-secondary);font-size:12px;font-weight:500}@media (max-width:1200px){.loading-placeholder,.order-book{height:auto;max-width:none;min-width:0;min-width:auto;padding:12px;width:100%}.market-info{flex-direction:column;gap:8px}.level-content,.side-header .column-headers{font-size:10px;grid-template-columns:1fr 1fr 1fr 60px}}.trade-history{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;height:600px;min-width:400px;padding:16px}.trade-history-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.trade-history-header h2{font-size:18px;font-weight:600;margin:0}.trades-container{margin-bottom:16px;overflow-y:hidden}.trades-header{grid-gap:12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:grid;font-size:12px;font-weight:600;gap:12px;grid-template-columns:100px 20px 80px 80px 80px 65px;margin-bottom:4px;padding:4px 12px}.toggle-button{border-radius:20px;cursor:pointer;font-size:12px;padding:6px 12px}.toggle-button.enabled{border:1px solid var(--text-primary);color:var(--text-primary)}.toggle-button.disabled{border:1px solid var(--text-secondary);color:var(--text-secondary)}.trades-list{display:flex;flex-direction:column;gap:1px;height:100%;overflow-y:auto}.no-trades{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;justify-content:center}.no-trades p{margin:0}.trade-row{grid-gap:12px;align-items:center;border-radius:3px;display:grid;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;gap:12px;grid-template-columns:100px 20px 80px 80px 80px 65px;min-height:24px;padding:3px 12px}.trade-row.buy{background:#22c55e0d}.trade-row.sell{background:#ef44440d}.trade-row .time{color:var(--text-secondary);font-size:10px}.trade-row .price{font-weight:500}.trade-row.buy .price{color:var(--success-color)}.trade-row.sell .price{color:var(--danger-color)}.trade-row .pair{font-size:10px}.trade-row .hash,.trade-row .pair{color:var(--text-secondary)}.trade-row .hash:hover{color:var(--text-primary)}.trade-row .hash.open-new-window-icon svg{height:14px}.size-visualization{align-items:center;background:var(--bg-secondary);border-radius:3px;display:flex;height:16px;overflow:hidden;position:relative}.size-bar{border-radius:3px;height:100%;transition:width .3s ease}.size-bar.buy{background:linear-gradient(90deg,#22c55e4d,#22c55e99)}.size-bar.sell{background:linear-gradient(90deg,#ef44444d,#ef444499)}.size-value{color:var(--text-primary);font-size:9px;font-weight:500;position:absolute;right:4px;text-shadow:1px 1px 2px #000000b3}.trades-list::-webkit-scrollbar{width:6px}.trades-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.trades-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.trades-list::-webkit-scrollbar-thumb:hover{background:var(--bg-tertiary)}@media (max-width:1350px){.trade-row,.trades-header{gap:8px;grid-template-columns:80px 20px 60px 60px 60px 65px}}@media (max-width:1200px){.trade-history{height:auto;max-width:none;min-width:0;min-width:auto;padding:12px;width:100%}.trade-row,.trades-header{font-size:10px;gap:8px;grid-template-columns:80px 20px 40px 60px 60px 65px}.trade-history-header{align-items:flex-start;flex-direction:column;gap:8px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}body.dark-theme{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-tertiary:#333;--text-primary:#fff;--text-secondary:#888;--border-color:#333;--success-color:#22c55e;--danger-color:#ef4444;--accent-color:#3b82f6;background:#0f0f0f;color:#fff}body.light-theme{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--success-color:#198754;--danger-color:#dc3545;--accent-color:#0d6efd;background:#f8f9fa;color:#212529}.app{display:flex;flex-direction:column;height:100vh}.app-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color),var(--success-color));background-clip:text;-webkit-background-clip:text;font-size:24px;font-weight:700;margin:0}.header-subtitle{color:var(--text-secondary);font-size:14px;margin-top:2px}.header-subtitle-links{display:flex;gap:12px;margin-top:4px}.header-controls{align-items:center;display:flex;gap:12px}.connection-status{border:1px solid;border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.connection-status.connected{background:#22c55e1a;border-color:var(--success-color);color:var(--success-color)}.connection-status.disconnected{background:#ef44441a;border-color:var(--danger-color);color:var(--danger-color)}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.reconnect-button{background:var(--accent-color);border:1px solid var(--accent-color);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.reconnect-button:hover{background:var(--accent-color);opacity:.8}.stream-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.stream-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.stream-toggle.active{background:var(--success-color);border-color:var(--success-color);color:#fff}.app-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);min-width:320px;overflow-y:auto;padding:16px;width:320px}.main-content{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;min-width:0;padding:16px}.asset-view{grid-gap:16px;display:grid;gap:16px;grid-template-columns:auto 1fr;min-height:0}.balance-section{grid-column:span 2}.order-book-section{align-items:flex-start;display:flex;flex:0 0 400px}.trades-section{align-items:flex-start;display:flex;flex:1 1;min-width:0}.loading-screen{align-items:center;background:var(--bg-secondary);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-screen h2{color:var(--text-primary);margin-bottom:20px}.error-message{background:#ef44441a;border:1px solid var(--danger-color);border-radius:8px;color:var(--danger-color);padding:20px;text-align:center}.error-message button{background:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.error-message button:hover{opacity:.8}.streaming-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55ee6;border-radius:20px;bottom:20px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;position:fixed;right:20px;z-index:1000}.streaming-dot{animation:pulse 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}.open-new-window-icon{cursor:pointer;overflow:hidden;padding-right:20px;position:relative;text-decoration:none}.open-new-window-icon svg{color:var(--text-secondary);cursor:pointer;height:16px;position:absolute;right:2px;top:-2px}.open-new-window-icon:hover svg{color:var(--text-primary)}.label-value{display:flex;font-size:12px;gap:4px}.label-value .label{color:var(--text-secondary)}.label-value .value{color:var(--text-primary);font-weight:500}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:1200px){.sidebar{min-width:280px;width:280px}.asset-view{display:flex;flex-direction:column;gap:12px}.balance-section{grid-column:none}.order-book-section,.trades-section{flex:none}}@media (max-width:768px){.app-header{flex-direction:column;gap:12px;padding:12px 16px}.header-content h1{font-size:20px}.app-content{flex-direction:column;overflow:auto}.sidebar{border-bottom:1px solid var(--border-color);border-right:none;max-height:300px;min-height:300px;min-width:0;min-width:auto;width:100%}.main-content{padding:8px}.asset-view{display:flex;flex-direction:column;gap:12px}.balance-section{grid-column:none}.order-book-section,.trades-section{flex:none}.streaming-indicator{bottom:10px;font-size:11px;padding:6px 10px;right:10px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-tertiary)}button:focus,input:focus{outline:2px solid var(--accent-color);outline-offset:2px}::selection{background:#3b82f64d}.loading{opacity:.6;pointer-events:none}.error{background:#ef44441a;border:1px solid #ef444433;color:var(--danger-color)}
/*# sourceMappingURL=main.fc42ad40.css.map*/