.MarketSelector{display:flex;flex-grow:1;position:relative}.MarketSelector__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:400px;padding:8px 12px;background-color:#1e2026;border:1px solid #2b2f36;border-radius:.5rem;color:#e6e8ea;cursor:pointer;font-size:14px;transition:border-color .2s}.MarketSelector__trigger:hover{border-color:#474d57}.MarketSelector__trigger-content{display:flex;align-items:center;gap:8px}.MarketSelector__dropdown{position:absolute;top:100%;left:0;width:300px;margin-top:4px;background-color:#1e2026;border:1px solid #2b2f36;border-radius:4px;border-radius:.5rem;box-shadow:0 4px 12px #00000080;z-index:1000;display:flex;flex-direction:column;max-height:500px}.MarketSelector__search-container{padding:12px;border-bottom:1px solid #2b2f36}.MarketSelector__search-input{width:100%;padding:8px 12px;background-color:#131518;border:1px solid #2b2f36;border-radius:4px;color:#e6e8ea;font-size:14px;outline:none;box-sizing:border-box}.MarketSelector__search-input:focus{border-color:#5841d8}.MarketSelector__tabs{display:flex;padding:0 12px;border-bottom:1px solid #2b2f36;gap:16px}.MarketSelector__tab{padding:12px 0;color:#848e9c;cursor:pointer;font-size:13px;font-weight:500;position:relative;background:none;border:none}.MarketSelector__tab:hover,.MarketSelector__tab--active{color:#e6e8ea}.MarketSelector__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#5841d8}.MarketSelector__list-header{display:flex;padding:8px 12px;color:#848e9c;font-size:12px;border-bottom:1px solid #2b2f36}.MarketSelector__col-fav{width:24px;flex-shrink:0}.MarketSelector__col-market{display:flex;flex:1}.MarketSelector__col-price{width:80px;text-align:right}.MarketSelector__list{overflow-y:auto;max-height:350px}.MarketSelector__item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .1s}.MarketSelector__item:hover,.MarketSelector__item--selected{background-color:#2b2f36}.MarketSelector__fav-btn{background:none;border:none;cursor:pointer;color:#474d57;padding:0;display:flex;align-items:center;justify-content:center}.MarketSelector__fav-btn:hover,.MarketSelector__fav-btn--active{color:#f0b90b}.MarketSelector__symbol{color:#e6e8ea;font-size:14px;font-weight:500}.MarketSelector__badges{display:flex;gap:4px;margin-left:8px}.MarketSelector__badge{font-size:10px;padding:1px 4px;border-radius:2px;background-color:#2b2f36;color:#848e9c}.MarketSelector__empty{padding:24px;text-align:center;color:#848e9c;font-size:14px}.ticker-display{display:flex;gap:1.5rem;padding:1rem 1.5rem;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:.5rem;align-items:center;font-family:system-ui,-apple-system,sans-serif;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#3d3d3d transparent;box-sizing:border-box;width:100%;max-width:100%;min-width:0}.ticker-display::-webkit-scrollbar{height:6px}.ticker-display::-webkit-scrollbar-track{background:transparent}.ticker-display::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:3px}.ticker-display::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.ticker-display--error{background:#2d1a1a;border-color:#dc2626;justify-content:center}.ticker-display--loading{gap:2rem}.ticker-display--updating{opacity:.6;pointer-events:none;transition:opacity .2s ease-in-out}.ticker-display__section{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.ticker-display__label{font-size:.75rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.ticker-display__value{font-size:.875rem;color:#f9fafb;font-weight:500;font-variant-numeric:tabular-nums}.ticker-display__qty{font-size:.75rem;color:#6b7280;font-weight:400}.ticker-display__change{font-size:.875rem;font-weight:600;border-radius:.25rem;display:inline-block}.ticker-display__change--rising{color:#10b981}.ticker-display__change--falling{color:#ef4444}.ticker-display__error{color:#ef4444;font-size:.875rem;font-weight:500}.ticker-display__skeleton{height:1.25rem;background:linear-gradient(90deg,#2d2d2d 25%,#3d3d3d,#2d2d2d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:.25rem}.ticker-display__skeleton--wide{width:120px}.ticker-display__skeleton--medium{width:80px}@media (max-width: 768px){.ticker-display{gap:1rem;padding:.75rem 1rem}.ticker-display__section{min-width:100px}}.order-book-display{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:.5rem;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;width:100%;height:100%;flex-grow:1}.order-book-display--error{background:#2d1a1a;border-color:#dc2626}.order-book-display__header{padding:1rem;border-bottom:1px solid #2d2d2d;background:#252525}.order-book-display__title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#f9fafb}.order-book-display__column-headers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;font-size:.75rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.order-book-display__column-header{text-align:right}.order-book-display__column-header:first-child{text-align:left}.order-book-display__book{max-height:600px;overflow-y:auto}.order-book-display__asks,.order-book-display__bids{position:relative}.order-book-display__level{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.375rem 1rem;font-size:.8125rem;font-variant-numeric:tabular-nums;transition:background-color .15s ease;z-index:1}.order-book-display__level:hover{background-color:#ffffff0d}.order-book-display__price{font-weight:500;text-align:left}.order-book-display__price--bid{color:#10b981}.order-book-display__price--ask{color:#ef4444}.order-book-display__quantity,.order-book-display__total{text-align:right;color:#d1d5db;font-size:.75rem}.order-book-display__total{color:#9ca3af}.order-book-display__depth-bar{position:absolute;top:0;right:0;height:100%;width:var(--depth-percentage, 0%);opacity:.53;pointer-events:none;z-index:-1}.order-book-display__depth-bar--bid{background:linear-gradient(to left,#10b981,#10b98133)}.order-book-display__depth-bar--ask{background:linear-gradient(to left,#ef4444,#ef444433)}.order-book-display__spread{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#252525;border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d;font-size:.8125rem;font-weight:500}.order-book-display__spread-label{color:#9ca3af}.order-book-display__spread-value{color:#f9fafb;font-variant-numeric:tabular-nums}.order-book-display__empty,.order-book-display__empty-state{padding:2rem 1rem;text-align:center;color:#6b7280;font-size:.875rem}.order-book-display__error{padding:2rem 1rem;text-align:center;color:#ef4444;font-size:.875rem;font-weight:500}.order-book-display__skeleton-grid{padding:1rem}.order-book-display__skeleton-row{display:flex;gap:.5rem;margin:.5rem 0}.order-book-display__skeleton{height:1rem;background:linear-gradient(90deg,#2d2d2d 25%,#3d3d3d,#2d2d2d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:.25rem}.order-book-display__skeleton--short{width:60px}.order-book-display__skeleton--medium{flex:1}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 480px){.order-book-display{max-width:100%}.order-book-display__level{padding:.375rem .75rem;font-size:.75rem}.order-book-display__column-headers{font-size:.6875rem}}.price-chart{display:flex;flex-direction:column;height:100%;width:100%;background-color:#1a1a1a;border-radius:8px;overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#252525;border-bottom:1px solid #2d2d2d;flex-shrink:0}.chart-title{display:flex;align-items:center;gap:12px}.chart-title h3{margin:0;font-size:16px;font-weight:600;color:#f9fafb}.loading-indicator{font-size:12px;color:#9ca3af;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chart-controls{display:flex;align-items:center;gap:12px}.interval-selector{display:flex;gap:4px;background-color:#1a1a1a;padding:4px;border-radius:6px}.interval-selector button{padding:6px 12px;font-size:13px;font-weight:500;color:#9ca3af;background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.interval-selector button:hover:not(:disabled){background-color:#2d2d2d;color:#d1d5db}.interval-selector button.active{background-color:#3b82f6;color:#fff}.interval-selector button:disabled{cursor:not-allowed;opacity:.5}.refresh-button{padding:6px 10px;font-size:16px;color:#9ca3af;background-color:#1a1a1a;border:1px solid #2d2d2d;border-radius:6px;cursor:pointer;transition:all .2s ease}.refresh-button:hover:not(:disabled){background-color:#2d2d2d;color:#d1d5db}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.chart-container{flex:1;position:relative;min-height:300px;width:100%;max-width:100%;overflow:hidden;background-color:#1a1a1a}.chart-container>*,.chart-container canvas{max-width:100%!important}.price-chart-empty{display:flex;flex-grow:1;align-items:center;justify-content:center;height:100%;background-color:#1a1a1a;border-radius:8px}.price-chart-empty p{color:#9ca3af;font-size:14px;margin:0}.price-chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;background-color:#1a1a1a;border-radius:8px;padding:24px;flex-grow:1}.error-message{color:#ef4444;font-size:14px;font-weight:600;margin:0}.error-detail{color:#9ca3af;font-size:13px;margin:0;max-width:400px;text-align:center}.retry-button{margin-top:8px;padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background-color:#3b82f6;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:#2563eb}.chart-loading-placeholder{flex:1;position:relative;min-height:0;background-color:#1a1a1a;display:flex;align-items:flex-end;justify-content:center;padding:24px}.chart-skeleton-inline{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.skeleton-bar{width:100%;height:60px;background:linear-gradient(90deg,#2d2d2d 25%,#3d3d3d,#2d2d2d 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-bar:nth-child(2){height:80px}.skeleton-bar:nth-child(3){height:100px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.chart-header{flex-direction:column;gap:12px;align-items:flex-start}.chart-controls{width:100%;flex-direction:column;gap:8px}.interval-selector{width:100%;justify-content:space-between}.interval-selector button{flex:1;padding:8px 6px;font-size:12px}.refresh-button{width:100%}}.SystemStatus{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;background-color:#00000059;padding:5px 10px;border-radius:.5rem;--status-color: rgb(53, 223, 141)}.SystemStatus__indicator{width:8px;height:8px;border-radius:50%;background-color:var(--status-color);box-shadow:0 0 4px var(--status-color)}.SystemStatus__text{color:var(--status-color);text-transform:capitalize}.SystemStatus--online{--status-color: rgb(53, 223, 141)}.SystemStatus--maintenance{--status-color: rgb(231, 76, 60)}.SystemStatus--cancel_only{--status-color: rgb(230, 126, 34)}.SystemStatus--limit_only{--status-color: rgb(241, 196, 15)}.SystemStatus--post_only{--status-color: rgb(52, 152, 219)}.SystemStatus--offline{--status-color: rgb(128, 128, 128)}.TradingPairSelectorContainer--error{background:#1a1a1a;border-radius:.5rem;flex-grow:1;color:#dc143c;display:flex;align-items:center;justify-content:center}.TradingHeader{display:flex;gap:1rem;align-items:stretch;border-radius:.5rem;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:60px}.TradingHeader__selector{display:flex;flex-shrink:0;min-width:160px;max-width:160px}.TradingHeader__ticker{display:flex;flex:1;min-width:0;overflow:hidden}.FooterContainer{background-color:#1e2026;border-top:1px solid #2b2f36;overflow:hidden;border-radius:.5rem;display:flex;flex-direction:column;min-height:150px}.FooterContainer__tabs{display:flex;padding:0 12px;border-bottom:1px solid #2b2f36;gap:16px;background-color:#1e2026}.FooterContainer__tab{padding:12px 0;color:#848e9c;cursor:pointer;font-size:13px;font-weight:500;position:relative;background:none;border:none}.FooterContainer__tab:hover,.FooterContainer__tab--active{color:#e6e8ea}.FooterContainer__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#5841d8}.FooterContainer__content{padding:1rem;color:#e6e8ea;flex:1;overflow-y:auto}body{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:radial-gradient(circle at 15% 30%,rgba(6,182,212,1) 0%,transparent 40%),radial-gradient(circle at 85% 70%,rgba(14,165,233,1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(56,189,248,.8) 0%,transparent 50%),radial-gradient(ellipse at 30% 80%,rgba(34,211,238,.9) 0%,transparent 45%),radial-gradient(ellipse at 70% 20%,rgba(103,232,249,.8) 0%,transparent 40%),linear-gradient(135deg,#2d5a8f,#4a7bb8,#5a9be0);margin:0;padding:0;overflow:hidden}.AppCore{display:grid;grid-template-rows:auto auto 1fr auto;gap:1rem;height:100vh;overflow:hidden;padding:1rem}.AppCore__trading-header{overflow:visible;min-width:0}.AppCore__main{display:grid;grid-template-columns:minmax(0,35%) minmax(0,65%);gap:1rem;overflow:hidden;min-height:0}.AppCore__orderbook{grid-column:1;overflow:hidden;min-height:0;min-width:0;display:flex;flex-direction:column}.AppCore__chart{grid-column:2;overflow:hidden;min-height:0;min-width:0;display:flex;flex-direction:column}@media (max-width: 768px){body{overflow:auto}.AppCore{display:flex;flex-direction:column;height:auto;min-height:100vh;overflow:visible}.AppCore__header{padding:.75rem}.AppCore__main{display:flex;flex-direction:column;gap:1rem;overflow:visible;flex:1}.AppCore__orderbook,.AppCore__chart{overflow:visible;min-height:400px}}.Header{display:flex;gap:10px;align-items:center;justify-content:space-between}.Header__logo-container{display:flex;gap:7px;align-items:center;justify-content:center;cursor:pointer}.Header__logo{width:42px;position:relative;left:-5px}.Header__title{font-size:28px;opacity:.75;text-shadow:0 0 6px rgba(255,255,255,.95),0 0 42px rgba(255,255,255,.6)}.Header__github{width:32px;opacity:.9;position:relative}