.market-dashboard[data-theme=dark]{--bg-main:oklch(14.5% 0 0);--bg-card:#0d0f12;--bg-subcard:#090a0c;--border-color:#1a1d24;--bg-input:#1a1d21;--text-main:#fff;--text-muted:oklch(55.2% .016 285.938);--text-quote:#848e9c;--tick-color:#4b5563;--accent-yellow:#ffef46;--accent-yellow-text:#000;--color-gain:#22c55e;--color-loss:#ef4444;--color-gain-bg:rgba(34,197,94,0.16);--color-loss-bg:rgba(239,68,68,0.16);--star-off:#475569;--star-on:#fcd535;--hover-row:#14171d}.market-dashboard[data-theme=light]{--bg-main:oklch(98.4% .003 247.858);--bg-card:#fff;--bg-subcard:#f1f5f9;--border-color:#e2e8f0;--bg-input:#edf2f7;--text-main:#0f172a;--text-muted:#64748b;--text-quote:#94a3b8;--tick-color:#cbd5e1;--accent-yellow:#ffef46;--accent-yellow-text:#000;--color-gain:#16a34a;--color-loss:#dc2626;--color-gain-bg:rgba(22,163,74,0.12);--color-loss-bg:rgba(220,38,38,0.12);--star-off:#cbd5e1;--star-on:#eab308;--hover-row:#f1f5f9}.app-main{display:block}.app-main,.market-dashboard{flex:1;box-sizing:border-box}.market-dashboard{background-color:var(--bg-main);color:var(--text-main);padding:24px 20px;transition:background-color .3s ease,color .3s ease}.dashboard-container{max-width:1280px;margin:0 auto}.gain{color:var(--color-gain)!important}.gain,.loss{font-weight:600;transition:color .3s ease}.loss{color:var(--color-loss)!important}.text-right{text-align:right}.text-center{text-align:center}.bold-num{font-weight:700;color:var(--text-main)}.text-sub{color:var(--text-muted);font-size:13px}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.main-title{font-size:24px;font-weight:600;margin:0;padding:0 10px}.header-right{gap:16px}.header-right,.search-box{display:flex;align-items:center}.search-box{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:13px;padding:5px 4px 5px 14px;width:280px}.text-text{color:var(--color-SecondaryText)!important;font-size:.758rem!important;font-weight:400!important;line-height:20px!important;padding-left:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.search-icon{color:var(--text-muted);margin-right:8px}.search-box input{background:transparent;border:none;color:var(--text-main);font-size:13px;width:100%;outline:none}.search-btn{background-color:var(--accent-yellow);color:var(--accent-yellow-text);border:none;padding:8px 18px;border-radius:10px;font-size:13px}.search-btn,.theme-toggle-btn{font-weight:600;cursor:pointer}.theme-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:7px 14px;border-radius:18px;font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column}.card-header .title{font-size:18px;font-weight:700}.card-header .subtitle{font-size:12px;color:var(--text-muted);margin-top:4px}.spot-breadth-card{justify-content:space-between}.gauge-wrapper{position:relative;width:100%;max-width:190px;margin:12px auto 0 auto}.gauge-svg{width:100%;height:auto;display:block}.gauge-data{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);text-align:center}.gauge-data .val{font-size:26px;font-weight:800;color:#34d399;line-height:1}.gauge-data .status{font-size:12px;font-weight:600;margin-top:2px}.progress-section{margin-top:14px}.bar-values{display:flex;justify-content:space-between;font-size:16px;font-weight:700;margin-bottom:6px}.up-text{color:#34d399}.down-text{color:var(--color-loss)}.bar-container{display:flex;height:11px;width:100%;overflow:hidden;gap:3px}.bar-up{background-color:#34d399;border-radius:6px 0 0 6px}.bar-down,.bar-up{transition:width .4s ease}.bar-down{background-color:var(--color-loss);border-radius:0 6px 6px 0}.bar-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:6px}.turnover-amount{font-size:24px;font-weight:700;margin:16px 0 20px 0}.mini-ticker-list{border-top:1px solid var(--border-color);padding-top:12px;display:flex;flex-direction:column;gap:12px}.ticker-row{display:flex;justify-content:space-between;font-size:13px}.ticker-symbol{color:var(--text-muted)}.sectors-table{margin-top:16px}.sectors-table .table-head{font-size:11px;color:var(--text-muted);font-weight:600}.sectors-table .table-head,.sectors-table .table-row{display:grid;grid-template-columns:1.2fr 1fr 1.5fr;margin-bottom:12px}.sectors-table .table-row{font-size:13px}.sec-name{font-weight:500}.top-symbol{font-weight:600;margin-right:4px}.market-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px 20px;margin-bottom:24px}.tabs-scroll-container{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border-color);margin-bottom:20px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-scroll-container::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;padding:0 0 12px 0;position:relative;white-space:nowrap;flex-shrink:0;transition:color .2s ease}.tab-btn.active,.tab-btn:hover{color:var(--text-main)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--accent-yellow);border-radius:3px 3px 0 0}.market-lists-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sub-card{background-color:var(--bg-subcard);border:1px solid var(--border-color);border-radius:8px;padding:20px 18px}.sub-card-title{font-size:15px;font-weight:600;margin:0 0 16px 0}.sub-pairs-table{display:flex;flex-direction:column}.sub-table-header{display:flex;align-items:center;font-size:13px;color:var(--text-muted);padding-bottom:12px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.col-pairs{width:44%}.col-change,.col-price{width:28%}.empty-list{padding:24px 0;font-size:13px;color:var(--text-muted);text-align:center}.sub-pair-row{display:flex;align-items:center;padding:12px 8px;font-size:14px;border-bottom:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:background-color .2s ease}.sub-pair-row:last-child{border-bottom:none}.sub-pair-row:hover{background-color:var(--hover-row)}.sub-pair-row:hover .base-symbol{color:var(--accent-yellow)}.pair-info{gap:10px}.icon-avatar,.pair-info{display:flex;align-items:center}.icon-avatar{border-radius:50%;color:#fff;font-size:11px;justify-content:center;font-weight:700;flex-shrink:0}.icon-avatar img{width:24px;height:24px}.symbol-wrapper{display:flex;align-items:baseline}.base-symbol{font-size:14px;font-weight:700;color:var(--text-main);transition:color .2s ease}.quote-symbol{font-size:12px;font-weight:600;color:var(--text-quote)}.pair-price{font-weight:700;color:var(--text-main);padding:2px 4px}.pair-change,.pair-price{font-size:14px}.table-container{width:100%;overflow-x:auto}.market-data-table{width:100%;border-collapse:collapse;text-align:left}.market-data-table th{padding:14px 12px;font-size:12px;color:var(--text-main);font-weight:600}.market-data-table td,.market-data-table th{border-bottom:1px solid var(--border-color);white-space:nowrap}.market-data-table td{padding:16px 12px;font-size:14px;vertical-align:middle}.table-row-hover{transition:background-color .2s ease}.table-row-hover:hover{background-color:var(--hover-row)}.td-star{width:30px;cursor:pointer}.star-icon{fill:var(--star-off);transition:fill .2s ease}.star-icon.favorite{fill:var(--star-on)}.pair-cell{gap:10px}.mobile-star,.pair-cell{display:flex;align-items:center}.mobile-star{cursor:pointer}.hide-desktop{display:none}.td-price{background-color:transparent!important}.flash-gain-text{animation:textFlashGain .8s ease-out forwards}.flash-loss-text{animation:textFlashLoss .8s ease-out forwards}@keyframes textFlashGain{0%{color:var(--color-gain)}to{color:var(--text-main)}}@keyframes textFlashLoss{0%{color:var(--color-loss)}to{color:var(--text-main)}}.change-badge{display:inline-block;padding:5px 10px;border-radius:6px;font-size:13px;font-weight:700;min-width:72px;text-align:center;transition:background-color .3s ease,color .3s ease}.gain-badge{background-color:var(--color-gain-bg);color:var(--color-gain)}.loss-badge{background-color:var(--color-loss-bg);color:var(--color-loss)}.vol-unit{font-size:11px;color:var(--text-quote)}.sparkline-wrapper{width:110px;height:32px;margin:0 auto;display:flex;align-items:center}.sparkline-svg{width:100%;height:100%;overflow:visible}.sparkline-svg path{transition:d .4s ease,stroke .3s ease,fill .3s ease}.trade-btn{background-color:var(--accent-yellow);color:var(--accent-yellow-text);border:none;padding:6px 16px;border-radius:14px;font-weight:700;font-size:12px;cursor:pointer;transition:transform .1s ease,opacity .2s ease}.trade-btn:hover{opacity:.9;transform:translateY(-1px)}.skeleton-box{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border-color) 37%,var(--bg-input) 63%);background-size:400% 100%;animation:skeletonShimmer 1.4s ease infinite}.skeleton-circle{width:24px;height:24px;border-radius:50%}.skeleton-line{border-radius:4px}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.pagination-container{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;padding-top:12px;font-size:13px}.page-nav-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-weight:600}.page-nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-numbers{display:flex;gap:6px}.page-num-btn{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);width:28px;height:28px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-num-btn.active{background-color:var(--text-main);color:var(--bg-main);border-color:var(--text-main)}@media (max-width:1024px){.market-lists-grid,.metrics-grid{grid-template-columns:1fr}.hide-tablet{display:none!important}}@media (max-width:768px){.market-dashboard{padding:14px 10px}.market-lists-grid,.metrics-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none;-ms-overflow-style:none}.market-lists-grid .sub-card,.metrics-grid .card{min-width:70%;flex:0 0 auto}.market-lists-grid::-webkit-scrollbar,.market-section::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.top-bar{flex-direction:column;align-items:flex-start;margin-bottom:10px}.header-right{width:100%;justify-content:space-between}.search-box{width:100%;flex-grow:1}.main-title{font-size:20px}.card-header .title{font-size:16px;font-weight:600}.card-header .subtitle{font-size:11px}.tabs-scroll-container{gap:18px;margin-bottom:16px}.tab-btn{font-size:13px;padding-bottom:10px;letter-spacing:-.5px}.hide-mobile{display:none!important}.hide-desktop{display:inline-flex!important}.market-data-table th{font-size:11px;letter-spacing:.5px;padding:12px 8px}.market-data-table td{padding:14px 8px}.pair-cell{gap:8px}.base-symbol{font-size:15px}.quote-symbol{font-size:12px}.bold-num{font-size:14px}.change-badge{padding:6px 0;font-size:12px}.pagination-container{justify-content:center}}