#root,body,html{background-color:#000;height:100%}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App,body{background-color:#000}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}button:focus{outline:2px solid #fff;outline-offset:2px}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.header{background-color:#000;border-bottom:1px solid #333;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{height:64px;width:100%}.logo-section{align-items:center;display:flex}.logo-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.logo{align-items:center;color:#fff;display:flex;gap:8px;text-decoration:none}.orbit-icon{height:28px;width:28px}.brand-name{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px}.navigation{gap:24px}.nav-link,.navigation{align-items:center;display:flex}.nav-link{border-radius:8px;color:#888;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#1a1a1a;color:#fff}.nav-link.active{color:#fff}.nav-link.disabled{color:#555;cursor:not-allowed;opacity:.6}.nav-link.disabled:hover{background-color:initial;color:#555}.nav-badge{background:#333;border-radius:12px;color:#888;font-size:12px;font-weight:600;padding:2px 8px}.nav-badge.soon{background:#444;color:#666}.nav-link.active .nav-badge{background:#fff;color:#000}.header-actions{align-items:center;display:flex;gap:12px}.menu-btn,.settings-btn{background:none;border:none;border-radius:8px;color:#888;cursor:pointer;padding:8px;transition:all .2s ease}.menu-btn:hover,.settings-btn:hover{background-color:#1a1a1a;color:#fff}.connect-btn{background:#fff;border:none;border-radius:12px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.connect-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.menu-icon,.settings-icon{font-size:16px}@media (max-width:768px){.navigation{display:none}.header-content{padding:0 16px}}.trade-page{background:#000;color:#fff;min-height:calc(100vh - 120px);padding:0}.top-bar{background:#000;border-bottom:1px solid #333;height:52px;padding:12px 20px;width:100%}.market-data-section,.top-bar{align-items:center;display:flex}.market-data-section{flex:1 1}.trading-controls-section{align-items:center;display:flex;gap:20px;justify-content:flex-end}.market-pair{position:relative}.market-pair,.pair-selector{align-items:center;display:flex}.pair-selector{background:#1e2532;border:1px solid #404040;border-radius:6px;cursor:pointer;gap:8px;padding:6px 12px;transition:all .2s ease}.pair-selector:hover{border-color:#555}.coin-logo{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.pair-name{color:#fff;font-size:14px;font-weight:700}.dropdown-arrow{font-size:10px}.markets-dropdown{background:#2a2a2a;border:1px solid #444;border-radius:12px;box-shadow:0 8px 24px #0006;height:600px;left:0;margin-top:8px;overflow:hidden;position:absolute;top:100%;width:800px;z-index:1000}.symbol-option{align-items:center;border-bottom:1px solid #444;cursor:pointer;display:flex;gap:12px;padding:12px 16px}.symbol-option:last-child{border-bottom:none}.symbol-option:hover{background:#ffffff0d}.symbol-option.active{background:#00ff881a;border-left:3px solid #0f8}.symbol-info{flex-direction:column;gap:2px}.symbol-full-name{color:#888;font-size:12px}.tradingview-orderbook-wrapper,.tradingview-trades-wrapper{background:#000;border-radius:6px;height:100%;overflow:hidden;width:100%}.orderbook-real-data,.trades-real-data{background:#000;color:#fff;font-family:Inter,sans-serif;height:100%;width:100%}.orderbook-real-data .orderbook-headers,.trades-real-data .trades-headers{grid-gap:8px;background:#000;border-bottom:1px solid #333;color:#888;display:grid;font-size:11px;font-weight:600;gap:8px;grid-template-columns:1fr 1fr 1fr;padding:8px 12px;text-transform:uppercase}.orderbook-real-data .asks,.orderbook-real-data .bids{max-height:none;overflow-y:visible}.orderbook-real-data .order-row,.trades-real-data .trade-row{grid-gap:8px;border-bottom:1px solid #ffffff0d;display:grid;font-size:11px;gap:8px;grid-template-columns:1fr 1fr 1fr;padding:4px 12px}.orderbook-real-data .order-row:hover,.trades-real-data .trade-row:hover{background:#ffffff0d}.orderbook-real-data .ask .price{color:#f44}.orderbook-real-data .bid .price,.trades-real-data .buy .trade-price{color:#0f8}.trades-real-data .sell .trade-price{color:#f44}.spread-row{background:#333;display:flex;justify-content:space-between;padding:8px 12px}.trades-real-data .trades-list{max-height:400px;overflow-y:auto}.trades-real-data .trades-headers{background:#333;border-bottom:1px solid #444;color:#888;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.trades-real-data .trade-row,.trades-real-data .trades-headers{grid-gap:8px;display:grid;font-size:11px;gap:8px;grid-template-columns:1fr 1fr 1fr}.trades-real-data .trade-row{border-bottom:1px solid #ffffff08;padding:6px 12px;transition:background .1s ease}.trades-real-data .trade-row:hover{background:#ffffff0d}.trades-real-data .trade-time{color:#888;font-family:Monaco,Menlo,monospace}.trades-real-data .trade-size{color:#fff;font-family:Monaco,Menlo,monospace;text-align:right}.trades-real-data .trade-price{font-family:Monaco,Menlo,monospace;font-weight:600;text-align:right}.trades-real-data .trade-price.buy{color:#0f8}.trades-real-data .trade-price.sell{color:#f44}.trades-status{background:#0a0a0a;border-bottom:1px solid #444;font-size:10px;padding:4px 12px}.connection-status{font-weight:600}.connection-status.connected{color:#0f8}.connection-status.disconnected{color:#f44}.mock-chart-container{background:#1a1a1a;border:1px solid #444;border-radius:6px;display:flex;flex-direction:column;height:100%;width:100%}.chart-header{background:#0a0a0a;padding:12px 16px}.chart-symbol{align-items:center;display:flex;gap:8px}.symbol-icon{font-size:16px}.symbol-name{color:#fff;font-size:14px;font-weight:600}.exchange-name{color:#888;font-size:12px;margin-left:8px}.price-info{align-items:center;display:flex;gap:12px}.current-price{color:#fff;font-size:16px;font-weight:600}.price-change{font-size:12px}.chart-placeholder{background:#1a1a1a;flex:1 1;position:relative}.chart-grid{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.grid-line{background:#333;height:1px;position:absolute;width:100%}.grid-line.vertical{height:100%;width:1px}.price-action{height:100%;padding:20px;position:relative;width:100%}.candlestick-area{margin-bottom:20px}.volume-area{margin-top:10px}.professional-chart-container{background:#1a1a1a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;width:100%}.chart-info-bar{background:#1a1a1a;border-bottom:1px solid #2a2a2a;font-size:12px;justify-content:space-between;padding:8px 16px}.chart-info-bar,.symbol-info{align-items:center;display:flex}.symbol-info{gap:8px}.chart-symbol{color:#fff;font-size:13px;font-weight:600}.status-indicator{font-size:8px}.ohlc-data{align-items:center;display:flex;font-size:11px;gap:12px}.ohlc-label{color:#888;font-weight:600;margin-right:2px}.ohlc-value{color:#fff;font-weight:500;margin-right:8px}.ohlc-value.green{color:#0f8}.ohlc-value.red{color:#f44}.price-change{border-radius:3px;font-size:11px;font-weight:600;padding:2px 6px}.price-change.positive{background:#00ff881a;color:#0f8}.price-change.negative{background:#ff44441a;color:#f44}.chart-area{display:flex;flex:1 1;flex-direction:column}.chart-area,.price-chart{background:#1a1a1a;position:relative}.price-chart{flex:1 1}.candlestick-chart{background:#1a1a1a;height:100%;width:100%}.volume-chart{background:#1a1a1a;border-top:1px solid #2a2a2a;height:100px;position:relative}.volume-label{color:#888;font-size:11px;font-weight:600;left:16px;position:absolute;top:8px;z-index:10}.volume-value{color:#0f8;font-weight:600}.volume-bars{background:#1a1a1a;height:100%;width:100%}.orbit-chart-transition{align-items:center;animation:slideIn .5s ease-out;background:#000;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.orbit-logo-container{align-items:center;animation:logoFloat 2s ease-in-out infinite;display:flex;flex-direction:column;gap:16px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.orbit-loading-logo{animation:logoFloat 2s ease-in-out infinite;height:64px;width:64px}.market-stats{align-items:center;display:flex;gap:24px;margin-left:32px}.stat-item{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}.stat-label{color:#999;font-size:13px;font-weight:500}.stat-label,.stat-value{line-height:1.2;white-space:nowrap}.stat-value{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:16px;font-weight:600}.stat-value.positive{color:#0f8}.stat-value.negative{color:#f44}.trading-panel-tabs{display:flex;gap:8px}.trade-tab{background:#1e2532;border:1px solid #444;border-bottom:2px solid #0000;border-radius:4px;color:#888;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.trade-tab.active{background:#1e2532;border-color:#444 #444 #0084ff;color:#fff}.trade-tab:hover:not(.active){background:#333;color:#fff}.trade-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 320px 280px;grid-template-rows:1fr;height:540px;margin-bottom:12px;padding:0 16px}.chart-section{border:1px solid #333;border-radius:12px;flex-direction:column}.chart-container,.chart-section{background:#000;display:flex;overflow:hidden}.chart-container{border:1px solid #333;border-radius:8px;flex:1 1;flex-direction:column;min-height:0}.tradingview-widget-container{height:100%!important;width:100%!important}.tradingview-widget-container,.tradingview-widget-container iframe{background:#000!important;border:none!important;border-radius:0!important}.tradingview-widget-container [class*=bookmark],.tradingview-widget-container [class*=chart-info],.tradingview-widget-container [class*=chart-tooltip],.tradingview-widget-container [class*=chart-widget],.tradingview-widget-container [class*=legend],.tradingview-widget-container [class*=market-status],.tradingview-widget-container [class*=save-load],.tradingview-widget-container [class*=side-widget],.tradingview-widget-container [class*=symbol-description],.tradingview-widget-container [class*=symbol-details],.tradingview-widget-container [class*=symbol-info],.tradingview-widget-container [class*=symbol-popup],.tradingview-widget-container [class*=trading-panel],.tradingview-widget-container [class*=widget-button],.tradingview-widget-container [data-name=legend-source-item],.tradingview-widget-container [title*=Bookmark],.tradingview-widget-container [title*=Load],.tradingview-widget-container [title*=Save],.tradingview-widget-container iframe [class*=bookmark],.tradingview-widget-container iframe [class*=legend],.tradingview-widget-container iframe [class*=symbol-info],.tradingview-widget-container iframe [class*=widget]{display:none!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important}#tradingview_chart{border:none!important}.tradingview-widget-container__widget{background:#000!important;border:none!important;height:100%!important;width:100%!important}.chart-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:16px 20px}.chart-controls{display:flex;gap:8px}.timeframe-btn{background:#2a2a2b;border:1px solid #444;border-radius:6px;color:#888;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.timeframe-btn.active,.timeframe-btn:hover{background:#fff;border-color:#fff;color:#000}.chart-tools{display:flex;gap:8px}.chart-tool{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;padding:6px;transition:all .2s ease}.chart-tool:hover{background:#333;color:#fff}#tradingview_chart{background:#000!important}.orderbook-section{background:#000;border:1px solid #333;border-radius:12px;overflow:hidden}.orderbook-tabs{align-items:center;background:#1a1a1a;border-bottom:1px solid #444;display:flex;gap:16px;padding:0 16px}.orderbook-tab{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.orderbook-tab:hover{color:#fff}.orderbook-tab.active{border-bottom-color:#0084ff;color:#fff}.orderbook-filter{margin-left:auto}.orderbook-filters{align-items:center;background:#2a2a2a;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:12px 16px}.currency-filter{display:flex;gap:4px}.filter-btn{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;font-size:11px;font-weight:500;min-width:40px;padding:4px 8px;transition:all .2s ease}.filter-btn.active{background:#fff;border-color:#fff;color:#000}.filter-btn:hover:not(.active){background:#111;border-color:#555;color:#fff}.side-filter{align-items:center;display:flex}.side-filter-dropdown{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;min-width:60px;padding:4px 8px}.side-filter-dropdown:focus{background:#111;border-color:#555;outline:none}.side-filter-dropdown option{background:#1a1a1a;color:#fff}.trades-container{display:flex;flex:1 1;flex-direction:column;height:100%}.trades-headers{background:#1a1a1a;border-bottom:1px solid #444;color:#888;display:grid;flex-shrink:0;font-size:12px;font-weight:500;grid-template-columns:80px 1fr 1fr;padding:12px 16px}.orderbook-content{flex:1 1;height:calc(100% - 60px);overflow-y:auto}.orderbook-headers{background:#1a1a1a;border-bottom:1px solid #444;color:#888;display:grid;font-size:12px;font-weight:500;grid-template-columns:1fr 1fr 1fr;padding:12px 16px}.asks{display:flex;flex-direction:column-reverse}.order-row{display:grid;font-family:monospace;font-size:12px;grid-template-columns:1fr 1fr 1fr;padding:4px 16px;transition:background .1s ease}.order-row:hover{background:#111}.order-row.bid{background:#00ff880d}.order-row.ask{background:#ff44440d}.order-row.bid .price{color:#0f8}.order-row.ask .price{color:#f44}.spread-row{background:#1a1a1a;border-bottom:1px solid #444;border-top:1px solid #444;display:grid;font-size:12px;grid-template-columns:1fr 1fr;padding:8px 16px}.spread-price{color:#fff;font-weight:600}.spread-label{color:#888;text-align:right}.trading-panel{background:#000;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;max-height:100%;overflow-y:auto}.trading-header{border-bottom:1px solid #444;padding:16px 20px}.side-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.side-btn{background:#2a2a2b;border:1px solid #444;border-radius:6px;color:#888;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.side-btn.buy.active{background:#0f8;border-color:#0f8;color:#000}.side-btn.sell.active{background:#f44;border-color:#f44;color:#fff}.order-form{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px}.order-type-selector{display:flex;gap:8px;gap:4px;margin-bottom:20px}.type-btn{background:#2a2a2b;border:1px solid #444;border-radius:6px;color:#888;cursor:pointer;flex:1 1;font-size:12px;padding:6px 12px;transition:all .2s ease}.type-btn.active{background:#fff;border-color:#fff;color:#000}.advanced-select{background:#333;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.advanced-select:focus{border-color:#555;outline:none}.advanced-select option{background:#333;color:#fff}.form-fields{gap:16px;margin-bottom:20px}.field-group,.form-fields{display:flex;flex-direction:column}.field-group{gap:6px}.field-group label{color:#888;font-size:12px;font-weight:500}.input-group{align-items:center;display:flex;position:relative}.input-group input{background:#2a2a2b;border:1px solid #444;border-radius:6px;color:#fff;font-family:monospace;font-size:14px;padding:12px 60px 12px 12px;width:100%}.input-group input:focus{border-color:#fff;outline:none}.input-suffix{color:#888;font-size:12px;font-weight:500;position:absolute;right:12px}.percentage-slider-section{margin-bottom:16px}.slider-container{position:relative;width:100%}.percentage-slider{appearance:none;-webkit-appearance:none;background:#333;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.percentage-slider.buy::-webkit-slider-thumb{background:#0f8;box-shadow:0 0 4px #00ff8880}.percentage-slider.buy::-webkit-slider-thumb,.percentage-slider.sell::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:2px solid #000;border-radius:50%;cursor:pointer;height:16px;width:16px}.percentage-slider.sell::-webkit-slider-thumb{background:#f44;box-shadow:0 0 4px #ff444480}.percentage-slider.buy::-moz-range-thumb{background:#0f8;border:2px solid #000;border-radius:50%;box-shadow:0 0 4px #00ff8880;cursor:pointer;height:16px;width:16px}.percentage-slider.sell::-moz-range-thumb{background:#f44;border:2px solid #000;border-radius:50%;box-shadow:0 0 4px #ff444480;cursor:pointer;height:16px;width:16px}.percentage-slider.buy::-webkit-slider-track{background:linear-gradient(90deg,#0f8 0,#0f8 0,#333 0,#333);background:linear-gradient(to right,#0f8 0,#0f8 var(--slider-progress,0),#333 var(--slider-progress,0),#333 100%);border-radius:2px;height:4px}.percentage-slider.sell::-webkit-slider-track{background:linear-gradient(90deg,#f44 0,#f44 0,#333 0,#333);background:linear-gradient(to right,#f44 0,#f44 var(--slider-progress,0),#333 var(--slider-progress,0),#333 100%);border-radius:2px;height:4px}.slider-labels{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:8px}.slider-value{color:#fff;font-family:monospace;font-size:14px;font-weight:600}.slider-unit{color:#888;font-size:14px;font-weight:500}.trading-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:#fff;cursor:pointer;font-size:13px;gap:8px}.custom-checkbox{appearance:none;-webkit-appearance:none;background:#1e2532;border:1px solid #444;border-radius:3px;cursor:pointer;height:16px;position:relative;width:16px}.custom-checkbox:checked{background:#0f8;border-color:#0f8}.custom-checkbox:checked:after{color:#000;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-checkbox:hover{border-color:#666}.checkbox-text{font-weight:500;-webkit-user-select:none;user-select:none}.trading-info{background:#333;border:1px solid #444;border-radius:8px;flex-shrink:0;margin-bottom:20px;margin-top:auto;padding:16px}.info-row{display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-row span:first-child{color:#888}.info-row span:last-child{color:#fff;font-weight:500}.place-order-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.place-order-btn.buy{background:#0f8;color:#000}.place-order-btn.sell{background:#f44;color:#fff}.place-order-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.trade-row{display:grid;font-family:monospace;font-size:12px;grid-template-columns:1fr 1fr 1fr;padding:4px 16px;transition:background .1s ease}.trade-row:hover{background:#111}.trade-row.buy .trade-price{color:#0f8}.trade-row.sell .trade-price{color:#f44}.trade-size,.trade-time{color:#888}.trading-history{background:#000;border:1px solid #333;border-radius:12px;margin:0 16px;overflow:hidden}.history-tabs{align-items:center;background:#1a1a1a;border-bottom:1px solid #444;display:flex;gap:2px;padding:0 20px}.history-tab{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;position:relative;transition:all .2s ease}.history-tab.active,.history-tab:hover{background:#111;color:#fff}.history-tab.active{border-bottom-color:#fff}.history-filter{margin-left:auto;padding:16px 0}.filter-dropdown{background:#2a2a2b;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.filter-dropdown:focus{border-color:#fff;outline:none}.history-content{min-height:200px;overflow-y:auto}.table-header{background:#1a1a1a;border-bottom:1px solid #444;color:#888;font-size:12px;font-weight:600;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:12px 20px}.positions-table .table-header{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.orders-table .table-header{grid-template-columns:1fr 80px 60px 1fr 1fr 80px 80px 120px 80px}.history-table .table-header{grid-template-columns:120px 80px 60px 80px 1fr 1fr 80px 80px}.empty-state{color:#888;font-size:14px;padding:40px 20px;text-align:center}.empty-state p{margin:0}@media (max-width:1200px){.trade-layout{grid-template-columns:1fr 250px;grid-template-rows:1fr auto}.trades-section{grid-column:1/3}}@media (max-width:768px){.trade-layout{gap:12px;grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.chart-section,.orderbook-section,.trades-section,.trading-panel{grid-column:1}.pair-info{align-items:flex-start;flex-direction:column;gap:8px}.history-tabs,.pair-stats{flex-wrap:wrap}.history-tabs{padding:8px 16px}.history-tab{font-size:12px;padding:12px 16px}.history-filter{margin-left:0;margin-top:8px}}.markets-panel{background:#2a2a2a;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.markets-header-section{align-items:center;background:#1a1a1a;border-bottom:1px solid #444;display:flex;gap:16px;padding:16px}.search-input-container{align-items:center;display:flex;min-width:200px;position:relative}.search-input-container:hover .search-icon{color:#fff}.search-icon{color:#888;height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;width:16px;z-index:1}.search-input{background:#333;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px 10px 36px;width:100%}.search-input:focus{border-color:#0084ff;outline:none}.search-input::placeholder{color:#888}.market-tabs{display:flex;flex:1 1;gap:4px;overflow-x:auto}.market-tab{background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.market-tab:hover{background:#ffffff0d;color:#fff}.market-tab.active{background:#000;color:#fff}.markets-table{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.markets-header{grid-gap:8px;background:#333;border-bottom:1px solid #444;color:#888;display:grid;font-size:11px;font-weight:600;gap:8px;grid-template-columns:2fr 1.5fr .8fr 1fr 2fr 2fr;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.loading-state{align-items:center;color:#888;display:flex;font-size:14px;justify-content:center;padding:40px}.markets-list{flex:1 1;overflow-y:auto}.market-row{grid-gap:8px;border-bottom:1px solid #ffffff0d;cursor:pointer;display:grid;gap:8px;grid-template-columns:2fr 1.5fr .8fr 1fr 2fr 2fr;padding:12px 16px;transition:background .2s ease}.market-row:hover{background:#ffffff0d}.market-info{align-items:center;display:flex;gap:8px}.star-btn{background:none;border:none;border-radius:4px;color:#444;cursor:pointer;font-size:14px;padding:4px;transition:all .2s ease}.star-btn:hover{background:#ffffff0d;color:#888}.star-btn.starred{color:gold}.star-btn.starred:hover{color:#ffed4e}.market-symbol{gap:8px}.market-logo,.market-symbol{align-items:center;display:flex}.market-logo{height:20px;justify-content:center;width:20px}.symbol-text{color:#fff;font-size:14px;font-weight:600}.leverage-badge{background:#444;border-radius:4px;color:#888;font-size:10px;font-weight:600;padding:2px 6px}.market-price{color:#fff;font-size:14px}.market-change,.market-price{font-family:Monaco,Menlo,monospace;font-weight:600}.market-change{font-size:12px}.market-change.positive{color:#0f8}.market-change.negative{color:#f44}.funding-rate{color:#fff;font-family:Monaco,Menlo,monospace;font-size:12px}.market-volume,.open-interest{color:#888;font-family:Monaco,Menlo,monospace;font-size:12px}@media (max-width:1200px){.market-row,.markets-header{font-size:10px;grid-template-columns:2fr 1fr .8fr 1fr 1fr 1fr}.market-price,.symbol-text{font-size:12px}}.trading-widget{align-items:center;background:#0a0a0b;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:20px}.widget-container{background:#1a1a1b;border:1px solid #333;border-radius:20px;box-shadow:0 12px 40px #00000080;max-width:480px;padding:24px;width:100%}.trading-form{display:flex;flex-direction:column;gap:16px}.token-input-section{background:#2a2a2b;border:1px solid #444;border-radius:16px;padding:20px;transition:all .2s ease}.token-input-section:hover{border-color:#555}.token-input-section:focus-within{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}.select-token-text{color:#fff!important}.amount-display{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.amount-value{color:#fff;text-align:right}.amount-value,.loading-amount{font-size:32px;font-weight:600}.loading-amount{color:#888}.quote-age{color:#fff;font-size:11px}.swap-section{margin:8px 0}.swap-btn,.swap-section{align-items:center;display:flex;justify-content:center;position:relative}.swap-btn{background:#333;border:2px solid #444;border-radius:50%;color:#888;cursor:pointer;font-size:20px;height:48px;transition:all .2s ease;width:48px;z-index:2}.swap-btn:hover{background:#444;border-color:#555;color:#fff;transform:rotate(180deg)}.swap-icon{font-size:18px}.quote-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.quote-spinner{animation:spin 1s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.quote-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;display:flex;font-size:14px;gap:8px;margin-top:8px;padding:12px 16px}.error-icon{font-size:16px}.connect-wallet-btn,.swap-action-btn{background:#fff;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 24px;transition:all .2s ease;width:100%}.swap-action-btn.ready{background:#fff}.swap-action-btn.ready:hover{background:#f0f0f0;transform:translateY(-1px)}.swap-action-btn.disabled,.swap-action-btn:disabled{background:#333;color:#888;cursor:not-allowed}.swap-action-btn:disabled{transform:none}.powered-by-section{align-items:center;border-top:1px solid #333;color:#888;display:flex;font-size:12px;gap:4px;justify-content:center;margin-top:16px;padding-top:16px}.cow-protocol-link{color:#fff;font-weight:500;text-decoration:none;transition:color .2s ease}.cow-protocol-link:hover{color:#f0f0f0}@media (max-width:640px){.trading-widget{padding:16px}.widget-container{max-width:100%;padding:20px}.token-input-section{padding:16px}.amount-input,.amount-value{font-size:28px}.select-token-text,.token-name{font-size:16px}.token-icon{height:28px;width:28px}.connect-wallet-btn,.swap-action-btn{font-size:16px;padding:14px 20px}}.amount-input:focus,.connect-wallet-btn:focus,.max-btn:focus,.swap-action-btn:focus,.swap-btn:focus,.token-select-btn:focus{outline:2px solid #fff;outline-offset:2px}.amount-value{transition:all .3s ease}.amount-value:hover{color:#fff}.token-select-btn .select-token-text{color:#fff!important;font-size:18px;font-weight:600}.token-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.token-modal{background:#1a1a1b;border:1px solid #333;border-radius:16px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;max-height:80vh;max-width:420px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.close-btn{border-radius:8px;height:32px;width:32px}.search-section{border-bottom:1px solid #333;padding:16px 24px}.token-search{background:#2a2a2b;border:1px solid #444;border-radius:12px;color:#fff;font-size:16px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.token-search:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}.token-search::placeholder{color:#888}.token-list-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.token-list{flex:1 1;max-height:400px;overflow-y:auto}.token-item{align-items:center;border-bottom:1px solid #2a2a2b;cursor:pointer;display:flex;justify-content:space-between;padding:12px 24px;transition:all .2s ease}.token-item:hover{background:#2a2a2b}.token-item:last-child{border-bottom:none}.token-info{align-items:center;flex:1 1;gap:16px;justify-content:flex-start;text-align:left}.token-icon-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative;width:40px}.token-icon-fallback,.token-logo{height:40px;width:40px}.token-icon-fallback{align-items:center;background:#333;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.token-details{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0;text-align:left}.token-symbol{font-size:16px;margin-bottom:2px;text-align:left}.token-name{color:#888;font-size:14px;text-align:left}.token-balance{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.live-price{color:#0f8!important;position:relative}.live-indicator{animation:pulse 2s ease-in-out infinite;color:#0f8;font-size:8px;margin-left:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.balance-amount{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px}.balance-usd{color:#888;font-size:12px}.empty-state,.error-state,.loading-state{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:40px 24px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#fff;height:32px;margin-bottom:16px;width:32px}.error-state{color:#ef4444}.error-message{font-size:14px;margin-bottom:16px}.clear-search-btn,.retry-btn{background:#fff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.clear-search-btn:hover,.retry-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.clear-search-btn{background:#333;color:#888}.clear-search-btn:hover{background:#444;color:#fff}.modal-footer{background:#161617;border-radius:0 0 16px 16px;border-top:1px solid #333;padding:16px 24px}.powered-by{align-items:center;color:#888;display:flex;font-size:12px;gap:4px;justify-content:center}.cow-link{color:#fff;font-weight:500;text-decoration:none;transition:color .2s ease}.cow-link:hover{color:#f0f0f0}.token-list::-webkit-scrollbar{width:6px}.token-list::-webkit-scrollbar-track{background:#0000}.token-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.token-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:480px){.token-modal{margin:0 10px;max-height:85vh;width:95%}.modal-header,.search-section,.token-item{padding-left:20px;padding-right:20px}.token-icon-fallback,.token-logo{height:36px;width:36px}.token-symbol{font-size:15px}.token-name{font-size:13px}}.network-dropdown-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.network-dropdown{background:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:500px;max-width:400px;min-width:320px;overflow:hidden;padding:0}.network-dropdown-header{align-items:center;background:#222;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px 24px}.network-dropdown-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.close-btn:hover{background:#333;color:#fff}.network-list{max-height:400px;overflow-y:auto;padding:12px}.network-item{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.network-item:hover{background:#2a2a2a;border-color:#444}.network-item.selected{background:#ffffff1a;border-color:#fff}.network-icon{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;height:32px;justify-content:center;padding:4px;width:32px}.network-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.network-name{color:#fff;font-size:16px;font-weight:600}.network-chain-id{color:#888;font-size:14px}.network-selected-indicator{color:#fff;font-size:18px;font-weight:700}@media (max-width:768px){.network-dropdown{margin:20px;min-width:280px}.network-dropdown-header{padding:16px 20px}.network-item{padding:14px}.network-name{font-size:15px}.network-chain-id{font-size:13px}}.send-page{background:#0a0a0b;min-height:calc(100vh - 120px);padding:20px}.send-container,.send-page{align-items:center;display:flex;justify-content:center}.send-container{width:100%}.send-widget{background:#1a1a1b;border:1px solid #333;border-radius:20px;box-shadow:0 12px 40px #00000080;max-width:480px;padding:24px;width:100%}.widget-header{display:flex;justify-content:flex-end;margin-bottom:24px}.widget-controls{display:flex;gap:8px}.control-btn{align-items:center;background:#2a2a2b;border:1px solid #444;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.control-btn:hover{background:#333;border-color:#555;color:#fff}.control-btn.active{background:#fff;border-color:#fff;color:#fff}.network-selector-btn{align-items:center;background:#2a2a2b;border:1px solid #444;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.network-selector-btn:hover{background:#333;border-color:#555}.token-amount-section{background:#2a2a2b;border:1px solid #444;border-radius:16px;margin-bottom:24px;padding:20px;transition:all .2s ease}.token-amount-section:hover{border-color:#555}.token-amount-section:focus-within{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}.token-selector{margin-bottom:16px}.token-select-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:0;transition:all .2s ease;width:100%}.token-select-btn:hover{opacity:.8}.token-content{align-items:center;display:flex;gap:12px}.token-icon{object-fit:cover}.select-token-text,.token-name{color:#fff;font-size:18px;font-weight:600}.dropdown-arrow{color:#888;font-size:14px;transition:transform .2s ease}.token-select-btn:hover .dropdown-arrow{transform:translateY(1px)}.amount-input-section{display:flex;flex-direction:column;gap:8px}.amount-input{background:none;border:none;color:#fff;font-size:32px;font-weight:600;outline:none;text-align:right;width:100%}.amount-input::placeholder{color:#666}.amount-controls{display:flex;justify-content:flex-end}.max-btn{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:all .2s ease}.max-btn:hover{background:#444;color:#f0f0f0}.amount-usd{align-items:flex-end;color:#888;display:flex;flex-direction:column;font-size:14px;gap:4px;text-align:right}.token-balance{color:#666;font-size:12px}.usd-converted{color:#fff;font-size:13px;font-weight:500}.send-to-section{background:#2a2a2b;border:1px solid #444;border-radius:16px;margin-bottom:24px;padding:20px;transition:all .2s ease}.send-to-section:hover{border-color:#555}.send-to-section:focus-within{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}.send-to-header{margin-bottom:16px}.send-to-label{color:#fff;font-size:16px;font-weight:600}.address-input-section{align-items:center;background:#333;border-radius:12px;display:flex;gap:12px;padding:4px}.address-input{background:none;border:none;color:#fff;flex:1 1;font-size:16px;outline:none;padding:12px 16px}.address-input::placeholder{color:#888}.paste-btn{background:#555;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.paste-btn:hover{background:#666}.action-section{margin-top:24px}.connect-wallet-btn,.send-action-btn{background:#fff;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 24px;transition:all .2s ease;width:100%}.connect-wallet-btn:hover{background:#f0f0f0}.send-action-btn.ready{background:#fff}.send-action-btn.ready:hover{background:#f0f0f0;transform:translateY(-1px)}.send-action-btn.disabled,.send-action-btn:disabled{background:#333;color:#888;cursor:not-allowed}.send-action-btn:disabled{transform:none}.address-input:focus,.amount-input:focus,.connect-wallet-btn:focus,.max-btn:focus,.paste-btn:focus,.send-action-btn:focus,.token-select-btn:focus{outline:2px solid #fff;outline-offset:2px}@media (max-width:640px){.send-page{padding:16px}.send-widget{max-width:100%;padding:20px}.token-amount-section{padding:16px}.amount-input{font-size:28px}.select-token-text,.token-name{font-size:16px}.token-icon{height:28px;width:28px}.address-input-section{flex-direction:column;gap:8px}.address-input{text-align:center}.paste-btn{width:100%}.connect-wallet-btn,.send-action-btn{font-size:16px;padding:14px 20px}}.portfolio-page{background-color:#0d0d0d;color:#fff;min-height:100vh}.portfolio-header{background-color:#1a1a1a;border-bottom:1px solid #2a2a2a;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.portfolio-title{font-size:28px;font-weight:600;margin:0}.wallet-section{align-items:center;display:flex;gap:16px}.wallet-connected{align-items:center;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;display:flex;gap:8px;padding:8px 16px}.wallet-address{color:#b0b0b0;font-family:monospace;font-size:14px}.wallet-indicator{background-color:#00d395;border-radius:50%;height:8px;width:8px}.connect-wallet-btn{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.connect-wallet-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.portfolio-content{margin:0 auto;max-width:1200px;padding:20px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.metric-card{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:24px;transition:all .2s ease}.metric-card:hover{border-color:#3a3a3a;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.metric-card.read-only{background-color:#151515;border-color:#404040;position:relative}.metric-card.read-only:before{content:"";font-size:12px;opacity:.6;position:absolute;right:12px;top:12px}.metric-card.read-only:hover{border-color:#404040;box-shadow:none;cursor:not-allowed;transform:none}.metric-title{color:grey;font-size:14px;font-weight:500;letter-spacing:.5px}.metric-value{align-items:baseline;color:#fff;display:flex;font-size:28px;font-weight:700;gap:8px;line-height:1.2}.metric-percentage{font-size:18px;font-weight:500}.metric-percentage.positive{color:#00d395}.metric-percentage.negative{color:#f55}.metric-subtitle{color:#606060;font-size:13px;font-weight:400}.portfolio-sections{display:flex;flex-direction:column;gap:40px}.tokens-section{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:24px}.section-title{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.tokens-table{border-collapse:collapse;width:100%}.table-header{color:grey;font-size:14px;font-weight:500;padding:12px 0}.table-header,.table-row{border-bottom:1px solid #2a2a2a;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.table-row{padding:16px 0;transition:background-color .2s ease}.table-row:hover{background-color:#ffffff05}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;display:flex;font-size:14px}.asset-cell{gap:12px}.token-icon{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:50%;color:#b0b0b0;font-size:16px;font-weight:600}.token-eth-logo,.token-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.token-eth-logo{background-color:#627eea;border-radius:50%;padding:4px}.token-info{display:flex;flex-direction:column}.token-symbol{color:#fff;font-weight:600}.token-name{color:grey;font-size:12px}.change-cell.positive{color:#00d395}.change-cell.negative{color:#f55}.loading-container{align-items:center;color:grey;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2a2a2a;border-radius:50%;border-top-color:#fff;height:48px;margin-bottom:16px;width:48px}.metric-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100px}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #2a2a2a;border-radius:50%;border-top-color:#fff;height:24px;margin:12px 0;width:24px}.error-container{background-color:#1a1a1a;border:1px solid #f55;border-radius:12px;margin:40px auto;max-width:600px;padding:40px;text-align:center}.error-message{color:#f55;font-size:18px;margin-bottom:12px}.error-hint,.no-data{color:grey;font-size:14px}.no-data{padding:40px;text-align:center}.empty-state,.loading-state{color:grey;padding:60px 20px;text-align:center}.empty-state p,.loading-state p{font-size:14px;margin-top:16px}.token-logo{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:50%;height:32px;object-fit:cover;width:32px}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:16px}.metrics-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr}.table-header .table-cell:nth-child(4),.table-header .table-cell:nth-child(5),.table-row .table-cell:nth-child(4),.table-row .table-cell:nth-child(5){display:none}}.connect-page{align-items:flex-start;background:#0a0a0b;color:#fff;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px}.connect-container{background:#1a1a1b;border:1px solid #333;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:480px;padding:32px;width:100%}.connect-header{margin-bottom:32px;text-align:center}.connect-title{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0}.email-section{margin-bottom:24px}.email-input-container{margin-bottom:16px}.email-input{background:#2a2a2b;border:1px solid #444;border-radius:12px;box-sizing:border-box;color:#fff;font-size:16px;padding:16px 20px;transition:all .2s ease;width:100%}.email-input:focus{background:#333;border-color:#fff;outline:none}.email-input::placeholder{color:#888}.continue-btn{background:#fff;border:none;border-radius:12px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:16px 20px;transition:all .2s ease;width:100%}.continue-btn:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px)}.continue-btn:disabled{background:#666;color:#999;cursor:not-allowed}.divider-section{align-items:center;display:flex;gap:16px;margin:32px 0}.divider-line{background:#444;flex:1 1;height:1px}.divider-text{color:#888;font-size:14px;font-weight:500}.wallet-section{margin-bottom:24px}.section-title{color:#888;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.wallet-list{display:flex;flex-direction:column;gap:12px}.wallet-option{align-items:center;background:#2a2a2b;border:1px solid #444;border-radius:12px;cursor:pointer;display:flex;gap:16px;justify-content:center;overflow:hidden;padding:16px 20px;position:relative;transition:all .2s ease;width:100%}.wallet-option:hover:not(:disabled){background:#333;border-color:#555;transform:translateY(-1px)}.wallet-option:active:not(:disabled){transform:translateY(0)}.wallet-option:disabled{cursor:not-allowed;opacity:.7}.wallet-option.connected{background:#2a1a3a;border-color:#fff}.wallet-icon{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.wallet-info{flex:1 1;text-align:center}.wallet-name{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.wallet-description{color:#888;font-size:14px}.connected-badge{align-items:center;background:#ffffff1a;border:1px solid #fff;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.check-mark{font-size:14px}.connecting-spinner{align-items:center;display:flex;justify-content:center;margin-left:16px}.spinner{animation:spin 1s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.connection-status{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;margin-top:24px;padding:16px;text-align:center}.status-message{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center}.success-icon{font-size:16px}@media (max-width:640px){.connect-page{padding:20px 16px}.connect-container{padding:24px 20px}.connect-title{font-size:24px}.wallet-option{padding:14px 16px}.wallet-icon{font-size:28px;height:40px;margin-right:12px;width:40px}.wallet-name{font-size:16px}}.orbit-animation-overlay{animation:fadeIn .3s ease-out;background:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.orbit-animation-container,.orbit-animation-overlay{align-items:center;display:flex;justify-content:center}.orbit-logo-animation{animation:logoFlash 1.2s ease-in-out infinite;height:200px;width:200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoFlash{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
/*# sourceMappingURL=main.58003819.css.map*/