.live-trading-dashboard{background:var(--pingtone-widget-bg);border:2px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius);padding:1.5rem;box-shadow:var(--pingtone-shadow-widget);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.live-trading-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(54,211,0,.05),transparent 50%,rgba(54,211,0,.02));pointer-events:none;z-index:0}.live-trading-dashboard>*{position:relative;z-index:1}.trading-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--pingtone-border-primary)}.trading-title-section{display:flex;flex-direction:column;gap:.5rem}.trading-dashboard-title{color:var(--pingtone-text-primary);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem;margin:0}.trading-icon{font-size:1.25rem}.trading-dashboard-subtitle{color:var(--pingtone-text-secondary);font-size:.9rem;margin:0}.trading-close-btn{background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);color:#ff4444;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:var(--pingtone-transition)}.trading-close-btn:hover{background:rgba(255,68,68,.2);border-color:#ff4444;transform:scale(1.1)}.market-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.market-card{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius-small);padding:1rem;transition:var(--pingtone-transition);position:relative;overflow:hidden}.market-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pingtone-primary) 0,transparent 100%)}.market-card:hover{border-color:var(--pingtone-border-hover);transform:translateY(-2px)}.market-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.coin-symbol{color:var(--pingtone-text-primary);font-weight:700;font-size:.9rem;text-transform:uppercase}.price-change{font-size:.8rem;font-weight:600;padding:.2rem .5rem;border-radius:12px;background:rgba(0,0,0,.3)}.price-change.positive{color:var(--pingtone-primary);border:1px solid rgba(54,211,0,.3)}.price-change.negative{color:#ff4444;border:1px solid rgba(255,68,68,.3)}.market-card-price{color:var(--pingtone-text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.market-card-chart{height:40px;position:relative}.mini-chart{width:100%;height:100%;opacity:.8}.trading-interface{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-top:2rem}.dashboard-table{width:100%;background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-table-header{background:linear-gradient(135deg,rgba(54,211,0,.1),transparent);padding:1rem;font-weight:600;color:var(--pingtone-text-primary)}.dashboard-table-header,.dashboard-table-row{border-bottom:1px solid var(--pingtone-border-secondary)}.dashboard-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;padding:.75rem 1rem;transition:var(--pingtone-transition)}.dashboard-table-row:hover{background:rgba(54,211,0,.05);border-color:var(--pingtone-border-primary)}.dashboard-table-row:last-child{border-bottom:none}.dashboard-table-cell{color:var(--pingtone-text-secondary);font-size:.9rem}.dashboard-table-cell.primary{color:var(--pingtone-text-primary);font-weight:600}.dashboard-table-cell.success{color:var(--pingtone-success);font-weight:600}.dashboard-table-cell.danger{color:var(--pingtone-danger);font-weight:600}.gas-fees-widget{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.gas-fees-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pingtone-primary),transparent,var(--pingtone-primary));opacity:.6}.gas-fees-widget>*{position:relative;z-index:1}.gas-fees-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--pingtone-text-primary);font-weight:600}.gas-fees-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.gas-fee-item{background:rgba(54,211,0,.05);border:1px solid var(--pingtone-border-secondary);border-radius:var(--pingtone-radius-small);padding:1rem;text-align:center;transition:var(--pingtone-transition)}.gas-fee-item:hover{border-color:var(--pingtone-border-primary);transform:translateY(-1px);box-shadow:var(--pingtone-shadow-hover)}.gas-fee-network{color:var(--pingtone-text-primary);font-weight:600;margin-bottom:.5rem}.gas-fee-value{color:var(--pingtone-primary);font-size:1.1rem;font-weight:700}.gas-fee-status{color:var(--pingtone-text-secondary);font-size:.8rem;margin-top:.25rem}.orderbook-subheader{background:rgba(54,211,0,.1);padding:.5rem 1rem;font-weight:600;font-size:.9rem;text-transform:uppercase;border-bottom:1px solid var(--pingtone-border-secondary)}.orderbook-subheader.sell{color:var(--pingtone-danger);background:rgba(239,68,68,.1)}.orderbook-subheader.buy{color:var(--pingtone-success);background:rgba(34,197,94,.1)}.current-price{border-top:2px solid var(--pingtone-primary)!important;border-bottom:2px solid var(--pingtone-primary)!important}.trading-center-panel,.trading-left-panel,.trading-right-panel{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius-small);padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-title{color:var(--pingtone-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--pingtone-border-secondary)}.trading-pairs-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.trading-pairs-list::-webkit-scrollbar{width:4px}.trading-pairs-list::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:2px}.trading-pairs-list::-webkit-scrollbar-thumb{background:var(--pingtone-border-primary);border-radius:2px}.trading-pair-btn{background:rgba(0,0,0,.3);border:1px solid var(--pingtone-border-secondary);color:var(--pingtone-text-secondary);padding:.5rem .75rem;border-radius:var(--pingtone-radius-small);text-align:left;cursor:pointer;transition:var(--pingtone-transition);font-size:.85rem}.trading-pair-btn:hover{background:rgba(54,211,0,.1);border-color:var(--pingtone-border-primary);color:var(--pingtone-text-primary)}.trading-pair-btn.active{background:var(--pingtone-widget-bg-active);border-color:var(--pingtone-border-focus);color:var(--pingtone-primary)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{color:var(--pingtone-text-primary);font-size:1.1rem;font-weight:600;margin:0}.chart-controls{display:flex;gap:.5rem}.chart-timeframe{background:rgba(0,0,0,.3);border:1px solid var(--pingtone-border-secondary);color:var(--pingtone-text-secondary);padding:.3rem .6rem;border-radius:var(--pingtone-radius-small);cursor:pointer;transition:var(--pingtone-transition);font-size:.8rem}.chart-timeframe:hover{border-color:var(--pingtone-border-primary);color:var(--pingtone-text-primary)}.chart-timeframe.active{background:var(--pingtone-widget-bg-active);border-color:var(--pingtone-border-focus);color:var(--pingtone-primary)}.main-chart-container{position:relative;height:300px;background:rgba(0,0,0,.2);border-radius:var(--pingtone-radius-small);border:1px solid var(--pingtone-border-secondary);overflow:hidden}.chart-placeholder{position:relative;width:100%;height:100%}.live-chart-indicator{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:.5rem;color:var(--pingtone-primary);font-size:.8rem;z-index:2}.pulse-dot{width:8px;height:8px;background:var(--pingtone-primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.chart-grid{top:0;bottom:0}.chart-grid,.chart-grid-line{position:absolute;left:0;right:0}.chart-grid-line{height:1px;background:rgba(250,250,250,.1)}.main-chart{width:100%;height:100%}.orderbook{gap:.5rem;font-size:.8rem}.orderbook,.orderbook-section{display:flex;flex-direction:column}.orderbook-section{gap:.25rem}.orderbook-header{font-weight:600;padding:.3rem .5rem;border-radius:var(--pingtone-radius-small);text-align:center}.orderbook-header.sell{color:#ff4444;background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3)}.orderbook-header.buy{color:var(--pingtone-primary);background:var(--pingtone-widget-bg-active);border:1px solid var(--pingtone-border-primary)}.orderbook-row{display:flex;justify-content:space-between;padding:.2rem .5rem;border-radius:3px}.orderbook-row.sell{background:rgba(255,68,68,.05);color:#ff6b6b}.orderbook-row.buy{background:rgba(54,211,0,.05);color:#6fa840}.current-price{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;margin:.5rem 0;background:rgba(54,211,0,.1);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius-small)}.current-price-label{color:var(--pingtone-text-secondary);font-size:.7rem;margin-bottom:.25rem}.current-price-value{color:var(--pingtone-primary);font-weight:700;font-size:.9rem}.trading-actions{padding-top:1rem;border-top:1px solid var(--pingtone-border-primary)}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.action-btn{background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-primary);border-radius:var(--pingtone-radius-small);padding:1rem;cursor:pointer;transition:var(--pingtone-transition);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none}.action-btn:hover{border-color:var(--pingtone-border-hover);transform:translateY(-2px)}.action-icon{font-size:1.5rem}.action-text{color:var(--pingtone-text-primary);font-weight:600;font-size:.9rem}.buy-btn:hover{border-color:var(--pingtone-primary);color:var(--pingtone-primary)}.sell-btn:hover{border-color:#ff4444;color:#ff4444}.limit-btn:hover{border-color:#f59e0b;color:#f59e0b}.stop-btn:hover{border-color:#8b5cf6;color:#8b5cf6}@media (max-width:768px){.live-trading-dashboard{padding:1rem}.market-overview-grid{grid-template-columns:1fr;gap:.75rem}.trading-dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.trading-close-btn{align-self:flex-end}.action-buttons{grid-template-columns:repeat(2,1fr)}}.trading-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:40px;height:40px;border-top:3px solid var(--pingtone-border-secondary);border:3px solid var(--pingtone-border-secondary);border-top-color:var(--pingtone-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.trading-dashboard-status{display:flex;flex-direction:column;gap:.5rem}.data-source-indicator{font-size:.85rem;color:var(--pingtone-text-secondary);background:var(--pingtone-widget-bg-active);border:1px solid var(--pingtone-border-secondary);border-radius:var(--pingtone-radius-small);padding:.25rem .5rem;width:-moz-fit-content;width:fit-content}.crypto-leaderboard{margin-top:1.5rem;padding:1.5rem}.leaderboard-title{color:var(--pingtone-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.leaderboard-icon{font-size:1.4rem}.leaderboard-grid{display:grid;grid-gap:.75rem;gap:.75rem}.leaderboard-item{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;grid-gap:1rem;gap:1rem;padding:.75rem;background:var(--pingtone-widget-bg);border:1px solid var(--pingtone-border-secondary);border-radius:var(--pingtone-radius-small);transition:var(--pingtone-transition)}.leaderboard-item:hover{border-color:var(--pingtone-border-primary);transform:translateY(-1px)}.leaderboard-rank{font-weight:700;color:var(--pingtone-primary);text-align:center}.leaderboard-info{display:flex;flex-direction:column}.leaderboard-symbol{font-weight:600;color:var(--pingtone-text-primary)}.leaderboard-name{font-size:.85rem;color:var(--pingtone-text-secondary)}.leaderboard-price{font-weight:600;color:var(--pingtone-text-primary)}.leaderboard-change{font-weight:600;text-align:right}.leaderboard-change.positive{color:var(--pingtone-success)}.leaderboard-change.negative{color:var(--pingtone-danger)}.crypto-wallet-container,.pingtone-widget{padding:10px!important}.wallet-content-area{padding:10px;gap:10px;display:flex;flex-direction:column}.wallet-footer,.wallet-header,.wallet-navbar,.wallet-navigation,footer nav,header nav,nav{padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.pingtone-modal-sidebar,.sidebar-navigation,.top-navigation{padding-left:0!important;padding-right:0!important}.pingtone-grid{gap:10px!important}.pingtone-widget:not(.wallet-header):not(.wallet-navigation):not(.wallet-footer){margin:10px}.action-button,.btn,.button,.pingtone-btn,.wallet-action-button,button,input[type=button],input[type=submit]{border-radius:50px!important;padding:12px 24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn-sm,.pingtone-btn-sm,button.small{border-radius:50px!important;padding:8px 16px!important}.btn-lg,.pingtone-btn-lg,button.large{border-radius:50px!important;padding:14px 32px!important}.icon-button,.round-button,button.icon-only{border-radius:50%!important;width:40px!important;height:40px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important}.theme-switcher-button{border-radius:50%!important}.pingtone-btn:hover,button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.pingtone-btn:active,button:active{transform:translateY(0)}.wallet-grid-container{display:grid;grid-gap:10px;gap:10px;padding:10px}.crypto-wallet-main-content{padding:10px}.pingtone-grid-cols-2{gap:10px!important}.pingtone-card{margin:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.pingtone-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.3)}.pingtone-modal-sidebar>div:not(:first-child){padding-left:10px;padding-right:10px}.wallet-navigation-tabs{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important}.nav-tab,.tab-button{border-radius:50px!important;padding:10px 20px!important;margin:5px!important}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{border-radius:12px!important;padding:12px 16px!important;transition:all .3s ease}input:focus,select:focus,textarea:focus{transform:scale(1.01);box-shadow:0 0 0 3px var(--theme-primary,rgba(54,211,0,.2))}.crypto-wallet-balance-container{margin:10px 0}.crypto-wallet-balance-inner-container{margin:10px}.crypto-list,.holdings-list{gap:10px;padding:10px 0}.crypto-item,.holding-item{margin:5px 0;padding:10px;border-radius:12px}@media (max-width:768px){.pingtone-widget{padding:8px!important}.wallet-grid-container{gap:8px;padding:8px}.pingtone-btn,button{padding:10px 20px!important}}@media (max-width:480px){.pingtone-widget{padding:6px!important}.wallet-grid-container{gap:6px;padding:6px}.pingtone-btn,button{padding:8px 16px!important;font-size:.9rem}}.live-crypto-ticker,.theme-switcher{padding:0!important;margin:0!important}.app-footer,.app-header,.bottom-bar,.top-bar{width:100vw!important;margin-left:calc(-1 * var(--container-padding, 10px))!important;margin-right:calc(-1 * var(--container-padding, 10px))!important;padding-left:0!important;padding-right:0!important}.app-container{--container-padding:10px}.badge,.pingtone-badge,.status-badge{border-radius:50px!important;padding:4px 12px!important;font-size:.85rem!important}.dropdown-option,.select-option{border-radius:12px!important;margin:4px 0!important}.modal-panel,.pingtone-modal{padding:0!important}.pingtone-modal>div[style*=padding]{padding-left:10px!important;padding-right:10px!important}.action-grid,.quick-stats,.stats-grid{gap:10px!important;padding:10px!important}.modern-card{border-radius:16px!important;padding:10px!important;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.modern-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}