.virtual-balance-bar{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:8px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;margin-bottom:0}.balance-info{display:flex;gap:20px;color:var(--text-primary);font-weight:600}.balance-info span{padding:6px 12px;background:rgba(255,255,255,.1);border-radius:6px;font-size:13px}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-danger:disabled,.btn-success:disabled{opacity:.5;cursor:not-allowed;transform:none}.trading-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.trading-modal{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h3{color:var(--text-primary);margin:0;font-size:20px}.close-btn{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body{padding:20px}.price-info{background:var(--bg-tertiary);padding:16px;border-radius:8px;margin-bottom:20px}.balance-info,.current-price{color:var(--text-primary);margin-bottom:8px}.input-group{margin-bottom:20px}.input-group label{display:block;color:var(--text-primary);margin-bottom:8px;font-weight:500}.input-with-max{display:flex;gap:8px}.input-with-max input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px;color:var(--text-primary);font-size:16px}.max-btn{background:var(--cyan);color:var(--text-primary);border:none;border-radius:6px;padding:12px 16px;font-weight:600;cursor:pointer;transition:all .2s}.max-btn:hover{background:var(--cyan-hover)}.cost-display{background:var(--bg-tertiary);padding:16px;border-radius:8px;margin-bottom:20px;text-align:center}.cost-label{color:var(--text-muted);font-size:14px;margin-bottom:4px}.cost-value{color:var(--text-primary);font-size:20px;font-weight:700}.modal-buttons{display:flex;gap:12px}.btn-cancel{flex:1;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px}.btn-buy,.btn-cancel,.btn-sell{padding:12px;font-weight:600;cursor:pointer}.btn-buy,.btn-sell{flex:2;border:none;border-radius:6px;color:white}.btn-buy{background:linear-gradient(135deg,#10b981,#059669)}.btn-sell{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-buy:disabled,.btn-sell:disabled{opacity:.5;cursor:not-allowed}.selected-pair-info{color:var(--text-muted);font-size:14px}.dashboard{padding:0;max-width:100%;min-height:100vh;margin:0}.trade-container{display:grid;grid-template-columns:400px 1fr 500px;grid-template-rows:1fr auto;gap:20px;height:calc(100vh - 150px);margin:0;padding:10px}.order-book-section{grid-column:1;grid-row:1/3;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.chart-section{grid-row:1;min-height:350px}.chart-section,.depth-chart-section{grid-column:2;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.depth-chart-section{grid-row:2;height:350px}.recent-trades-section{grid-column:3;grid-row:1/3;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.tradingview-chart-container{height:100%;display:flex;flex-direction:column}.chart-header{padding:10px 15px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.pair-info h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.chart-iframe-container{flex:1;height:100%;min-height:300px}.tradingview-iframe{width:100%;height:100%;border:none;background:transparent}@media (max-width:1200px){.trade-container{grid-template-columns:400px 1fr 400px}}@media (max-width:992px){.trade-container{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:15px;height:auto}.order-book-section{grid-column:1;grid-row:1;height:300px}.chart-section{grid-column:2;grid-row:1;min-height:320px}.depth-chart-section{grid-column:2;grid-row:2;height:300px}.recent-trades-section{grid-column:1;grid-row:4;height:300px}}.trade-layout{display:none}.price-header-full{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid rgba(255,255,255,.1);margin:0;height:70px;position:relative;left:-20px;right:-20px;width:calc(100% + 40px);padding:12px 45px;color:white;font-weight:500;box-shadow:0 2px 10px rgba(0,0,0,.3)}.pair-selector{min-width:160px}.pair-dropdown{background:linear-gradient(135deg,#2a2a3e,#1f1f35);color:white;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 15px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.pair-dropdown:hover{border-color:#06b6d4;box-shadow:0 0 10px rgba(6,182,212,.3)}.pair-dropdown:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 15px rgba(6,182,212,.5)}.pair-dropdown option{background:#1a1a2e;color:white;padding:8px}.price-info{gap:15px;flex:1;justify-content:center}.current-price,.price-info{display:flex;align-items:center}.current-price{gap:10px}.price-value{font-size:32px;font-weight:700;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.price-arrow{font-size:24px;transition:all .3s ease}.price-arrow.up{color:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.6))}.price-arrow.down{color:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}.price-change{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:8px;min-width:100px;text-align:center}.price-change.positive{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));border:1px solid rgba(16,185,129,.3)}.price-change.negative{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.1));border:1px solid rgba(239,68,68,.3)}.change-value{font-size:18px;font-weight:700}.price-change.positive .change-value{color:#10b981}.price-change.negative .change-value{color:#ef4444}.change-amount{font-size:12px;opacity:.8}.additional-data{gap:25px}.additional-data,.data-item{display:flex;align-items:center}.data-item{flex-direction:column;gap:4px;min-width:100px}.data-label{color:rgba(255,255,255,.7);font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.data-value{color:#ffffff;font-weight:700;font-size:14px;text-align:center}.connection-status{min-width:160px;display:flex;justify-content:flex-end}.status-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:500}.status-indicator.connected{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.status-indicator.connecting{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3)}.status-indicator.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.connected .status-dot{background:#10b981}.status-indicator.connecting .status-dot{background:#fbbf24}.status-indicator.error .status-dot{background:#ef4444}.status-text{font-size:10px;opacity:.9}.error-state,.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:70px}.loading-spinner{font-size:20px;animation:spin 1s linear infinite}.error-icon{font-size:18px}.retry-button{background:#06b6d4;color:white;border:none;border-radius:6px;padding:6px 12px;font-size:11px;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#0891b2;transform:translateY(-1px)}.market-type-selector{gap:12px;padding:16px;background:#1e1e1e;border-bottom:1px solid #444;margin-bottom:0}.market-button,.market-type-selector{display:flex;align-items:center;justify-content:center}.market-button{background:linear-gradient(145deg,#2a2d3a,#353842);border:2px solid rgba(255,255,255,.1);color:#ffffff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;box-shadow:0 4px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1);gap:8px}.market-button:hover{border-color:rgba(76,175,80,.5);background:linear-gradient(145deg,#353842,#3a3d4a);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2)}.market-button.active{border-color:#4CAF50;background:linear-gradient(145deg,#4CAF50,#45a049);color:#ffffff;box-shadow:0 6px 20px rgba(76,175,80,.4),inset 0 1px 0 rgba(255,255,255,.3);transform:translateY(-1px)}.market-button.active:hover{background:linear-gradient(145deg,#45a049,#4CAF50);transform:translateY(-2px);box-shadow:0 8px 25px rgba(76,175,80,.5),inset 0 1px 0 rgba(255,255,255,.4)}@media (max-width:768px){.market-type-selector{padding:12px;gap:8px}.market-button{padding:10px 16px;font-size:13px;min-width:100px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.additional-data{gap:15px}.data-item{min-width:80px}.price-value{font-size:28px}}@media (max-width:768px){.price-header-full{flex-direction:column;height:auto;padding:15px 25px;gap:15px}.price-info{justify-content:center}.additional-data{justify-content:space-around;width:100%}.connection-status{justify-content:center}}