:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0b0e11;color:#eaecef}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0e11}::-webkit-scrollbar-thumb{background:#2b3139;border-radius:3px}.app{display:grid;grid-template-columns:260px 1fr 320px;grid-template-rows:56px 1fr;min-height:100vh;gap:1px;background:#2b3139}.header{grid-column:1 / -1;background:#161a1e;display:flex;align-items:center;padding:0 20px;gap:24px}.header-logo{font-size:18px;font-weight:700;color:#f0b90b;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.header-logo svg{width:24px;height:24px}.header-ticker{display:flex;gap:20px;overflow-x:auto;flex:1}.ticker-item{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.ticker-item:hover,.ticker-item.active{background:#2b3139}.ticker-symbol{font-weight:600;color:#eaecef}.ticker-price{color:#eaecef;font-variant-numeric:tabular-nums}.header-balance{font-size:13px;color:#848e9c;white-space:nowrap}.header-balance span{color:#eaecef;font-weight:600}.sidebar{background:#161a1e;overflow-y:auto;padding:12px 0}.sidebar-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#848e9c;padding:8px 16px}.market-list{list-style:none}.market-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s;font-size:13px}.market-item:hover{background:#1e2329}.market-item.active{background:#1e2329;border-left:2px solid #f0b90b}.market-item-symbol{font-weight:600}.market-item-name{color:#848e9c;font-size:11px}.market-item-price{text-align:right;font-variant-numeric:tabular-nums}.market-item-change{text-align:right;font-size:12px;font-weight:500;padding:2px 6px;border-radius:3px}.market-item-change.up{color:#0ecb81;background:#0ecb811a}.market-item-change.down{color:#f6465d;background:#f6465d1a}.main{background:#0b0e11;display:flex;flex-direction:column;overflow:hidden}.chart-header{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #2b3139}.chart-pair-info{display:flex;align-items:baseline;gap:12px}.chart-pair-name{font-size:20px;font-weight:700}.chart-pair-price{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.chart-pair-change{font-size:14px;font-weight:500}.chart-pair-change.up{color:#0ecb81}.chart-pair-change.down{color:#f6465d}.chart-stats{display:flex;gap:24px;margin-left:auto;font-size:12px}.chart-stat-label{color:#848e9c;margin-right:4px}.chart-stat-value{font-variant-numeric:tabular-nums}.chart-timeframes{display:flex;gap:4px;padding:8px 16px;border-bottom:1px solid #2b3139}.timeframe-btn{background:none;border:none;color:#848e9c;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .15s}.timeframe-btn:hover{color:#eaecef;background:#1e2329}.timeframe-btn.active{color:#f0b90b;background:#f0b90b1a}.chart-canvas-wrap{flex:1;position:relative;min-height:300px}.chart-canvas-wrap canvas{display:block;width:100%;height:100%}.bottom-bar{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2b3139;max-height:200px;overflow:hidden}.bottom-section{padding:12px 16px;overflow-y:auto}.bottom-section-title{font-size:12px;font-weight:600;color:#848e9c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.recent-trades-table{width:100%;font-size:12px;font-variant-numeric:tabular-nums}.recent-trades-table td{padding:2px 0}.recent-trades-table td:last-child{text-align:right;color:#848e9c}.right-panel{background:#161a1e;display:flex;flex-direction:column;overflow-y:auto}.trade-form{padding:16px;border-bottom:1px solid #2b3139}.trade-tabs{display:flex;gap:0;margin-bottom:16px}.trade-tab{flex:1;padding:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;background:#1e2329;color:#848e9c}.trade-tab:first-child{border-radius:6px 0 0 6px}.trade-tab:last-child{border-radius:0 6px 6px 0}.trade-tab.active.buy{background:#0ecb81;color:#fff}.trade-tab.active.sell{background:#f6465d;color:#fff}.trade-field{margin-bottom:12px}.trade-field label{display:block;font-size:12px;color:#848e9c;margin-bottom:4px}.trade-input-wrap{display:flex;align-items:center;background:#2b3139;border-radius:4px;overflow:hidden}.trade-input-wrap input{flex:1;background:none;border:none;color:#eaecef;font-size:14px;padding:10px 12px;outline:none;font-family:inherit;font-variant-numeric:tabular-nums}.trade-input-wrap input::placeholder{color:#5e6673}.trade-input-suffix{font-size:12px;color:#848e9c;padding-right:12px;white-space:nowrap}.trade-slider{display:flex;gap:6px;margin-bottom:12px}.trade-slider button{flex:1;background:#2b3139;border:none;color:#848e9c;font-size:11px;padding:4px;border-radius:3px;cursor:pointer;font-family:inherit;transition:all .15s}.trade-slider button:hover{color:#eaecef;background:#3a4049}.trade-summary{font-size:12px;color:#848e9c;margin-bottom:12px;display:flex;justify-content:space-between}.trade-summary span:last-child{color:#eaecef}.trade-submit{width:100%;padding:12px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s;color:#fff}.trade-submit:hover{opacity:.85}.trade-submit.buy{background:#0ecb81}.trade-submit.sell{background:#f6465d}.order-book{padding:16px;border-bottom:1px solid #2b3139}.order-book-title{font-size:14px;font-weight:600;margin-bottom:12px}.order-book-header{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:11px;color:#848e9c;padding-bottom:6px;border-bottom:1px solid #2b3139;margin-bottom:4px}.order-book-header span:last-child{text-align:right}.order-book-row{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:12px;padding:2px 0;font-variant-numeric:tabular-nums;position:relative}.order-book-row span:last-child{text-align:right}.order-book-row .price{font-weight:500}.order-book-row .qty{color:#eaecef}.order-book-row.ask .price{color:#f6465d}.order-book-row.bid .price{color:#0ecb81}.order-book-row .depth-bar{position:absolute;top:0;bottom:0;right:0;opacity:.08;pointer-events:none}.order-book-row.ask .depth-bar{background:#f6465d}.order-book-row.bid .depth-bar{background:#0ecb81}.order-book-spread{text-align:center;font-size:13px;font-weight:600;padding:6px 0;color:#eaecef;font-variant-numeric:tabular-nums}.order-book-spread small{font-weight:400;color:#848e9c;font-size:11px;margin-left:4px}.portfolio{padding:16px}.portfolio-title{font-size:14px;font-weight:600;margin-bottom:12px}.portfolio-total{font-size:24px;font-weight:700;margin-bottom:4px;font-variant-numeric:tabular-nums}.portfolio-pnl{font-size:13px;margin-bottom:16px}.portfolio-pnl.up{color:#0ecb81}.portfolio-pnl.down{color:#f6465d}.portfolio-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #2b3139;font-size:13px}.portfolio-item-symbol{font-weight:600}.portfolio-item-amount{color:#848e9c;font-size:12px}.portfolio-item-value{text-align:right;font-variant-numeric:tabular-nums}.portfolio-item-pnl{font-size:11px}.portfolio-item-pnl.up{color:#0ecb81}.portfolio-item-pnl.down{color:#f6465d}.toast{position:fixed;top:70px;right:20px;padding:12px 20px;border-radius:6px;font-size:13px;font-weight:500;z-index:100;animation:slideIn .3s ease,fadeOut .3s ease 2.5s forwards;pointer-events:none}.toast.success{background:#0ecb81;color:#fff}.toast.error{background:#f6465d;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}