:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#e8f2f7;background:#071019;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#071019}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:64px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #213442;background:#09151f;display:flex;flex-direction:column;align-items:center;padding:16px 0}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#38d5c5;color:#04100f;font-weight:900;border-radius:6px}.sidebar nav{display:grid;gap:8px;margin-top:34px}.nav-button{width:38px;height:38px;border:0;background:transparent;color:#7391a3;display:grid;place-items:center;border-radius:6px;cursor:pointer}.nav-button svg{width:19px}.nav-button:hover,.nav-button.active{color:#e8f2f7;background:#142735}.nav-button.active{box-shadow:inset 2px 0 #38d5c5}.settings{margin-top:auto}main{min-width:0;padding:0 28px 40px}.topbar{min-height:92px;border-bottom:1px solid #213442;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{margin:0 0 4px;color:#4fd7d0;font-size:11px;font-weight:800}h1,h2{margin:0;letter-spacing:0}h1{font-size:24px}h2{font-size:18px}.connection{display:flex;align-items:center;gap:8px;color:#83b8a5;font-size:13px}.connection span{width:8px;height:8px;border-radius:50%;background:#35d196;box-shadow:0 0 0 4px #35d1961f}.connection.delayed,.updated.delayed{color:#e5b85c}.connection.delayed span{background:#e5b85c;box-shadow:0 0 0 4px #e5b85c1f}.connection.offline,.updated.offline{color:#ed7b83}.connection.offline span{background:#ed6570;box-shadow:0 0 0 4px #ed65701f}.toolbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #213442}.search{width:min(280px,50vw);height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #294150;background:#0b1924;border-radius:6px;color:#7893a3;flex-shrink:0}.search input{width:100%;border:0;outline:0;color:#e8f2f7;background:transparent}.periods{display:flex;border:1px solid #294150;border-radius:6px;overflow-x:auto;scrollbar-width:none}.periods::-webkit-scrollbar{display:none}.periods button{width:52px;height:36px;border:0;border-right:1px solid #294150;background:#0b1924;color:#8aa0ad;cursor:pointer;flex-shrink:0}.periods button:last-child{border-right:0}.periods button.selected{background:#2c827e;color:#fff}.summary-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #213442}.summary-band div{padding:22px 18px;border-right:1px solid #213442}.summary-band div:first-child{padding-left:0}.summary-band div:last-child{border-right:0}.summary-band span{display:block;margin-bottom:8px;color:#76909f;font-size:12px}.summary-band strong{font-size:22px}.connection-bar{min-height:46px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:8px 0;border-bottom:1px solid #213442;color:#83b8a5;font-size:13px}.conn-icon{width:8px;height:8px;border-radius:50%;background:#35d196;box-shadow:0 0 0 4px #35d1961f;flex-shrink:0}.conn-divider{width:1px;height:18px;background:#294150;flex-shrink:0}.conn-metric{color:#8aa0ad;white-space:nowrap}.conn-metric b{color:#e8f2f7}.conn-time{color:#83b8a5;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;white-space:nowrap}.conn-time.live{color:#35d196}.conn-time.stale{color:#ed7b83}.movers-band{min-height:62px;display:flex;gap:28px;flex-wrap:wrap;align-items:center;padding:10px 0;border-bottom:1px solid #213442}.movers-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.movers-title{font-size:11px;font-weight:800;color:#8aa0ad}.movers-title.up{color:#35d196}.movers-title.down{color:#ed7b83}.mover-chip{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px;border:1px solid #294150;border-radius:5px;background:#0b1924;cursor:pointer;font-size:12px}.mover-chip:hover{border-color:#38d5c5}.mover-chip b{color:#e8f2f7}.mover-chip em{font-style:normal;font-weight:800}.mover-chip.up em{color:#35d196}.mover-chip.down em{color:#ed7b83}.mover-chip span{color:#617b8a}.movers-empty{color:#637d8d;font-size:12px}.market-section{padding-top:26px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.updated{color:#758d9b;font-size:12px}.table-wrap{overflow-x:auto;border-top:1px solid #294150;border-bottom:1px solid #294150}table{width:100%;min-width:1050px;border-collapse:collapse;table-layout:fixed}th{height:44px;color:#6f8999;text-align:left;font-size:11px;font-weight:700;border-bottom:1px solid #294150}td{height:58px;border-bottom:1px solid #1b2e3a;font-size:13px}tr:last-child td{border-bottom:0}td:first-child{display:flex;align-items:center;gap:8px}td small{color:#617b8a}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#0c1d29}.coin-icon{flex:0 0 28px;height:28px;display:grid;place-items:center;border:1px solid #2a4b58;border-radius:50%;color:#47d1c7;font-size:11px}.coin-icon.large{flex-basis:42px;width:42px;height:42px;font-size:15px}.waiting{color:#637d8d;text-align:center}.positive{color:#35d196}.negative{color:#ed7b83}.state-tag{padding:5px 8px;border-radius:4px;background:#142d37;color:#75b6b2;font-size:11px}.state-tag.delayed{background:#352f1d;color:#e5b85c}.state-tag.offline{background:#382128;color:#ed7b83}.detail-topbar{min-height:64px;border-bottom:1px solid #213442;display:flex;justify-content:space-between;align-items:center;gap:16px}.back-button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid #294150;border-radius:6px;background:#0b1924;color:#8aa0ad;cursor:pointer;font-size:13px}.back-button:hover{border-color:#38d5c5;color:#e8f2f7}.detail-loading{padding:60px 0;color:#637d8d;text-align:center}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 20px;border-bottom:1px solid #213442;flex-wrap:wrap}.detail-coin{display:flex;align-items:center;gap:14px}.detail-coin h1{font-size:28px}.detail-coin h1 small{color:#617b8a;font-size:15px;font-weight:600}.detail-price{text-align:right}.detail-price strong{display:block;font-size:30px}.detail-price span{font-size:15px;font-weight:800}.detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #213442}.detail-stats div{padding:18px;border-right:1px solid #213442}.detail-stats div:first-child{padding-left:0}.detail-stats div:last-child{border-right:0}.detail-stats span{display:block;margin-bottom:6px;color:#76909f;font-size:12px}.detail-stats strong{font-size:19px}.detail-block{padding-top:26px}.period-table-wrap{overflow-x:auto;border-top:1px solid #294150;border-bottom:1px solid #294150}.period-table{min-width:560px}.period-table td{height:46px}.period-table td:first-child{display:table-cell}.period-table td:first-child b{color:#e8f2f7}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card{border:1px solid #294150;border-radius:6px;background:#0b1924;padding:14px}.chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.chart-head span{color:#76909f;font-size:12px}.chart-head em{color:#e8f2f7;font-style:normal;font-weight:800;font-size:14px}.sparkline{display:block;width:100%;height:80px}.sparkline.empty{display:grid;place-items:center;color:#637d8d;font-size:12px}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;width:100%;height:56px;border:0;border-top:1px solid #213442;flex-direction:row;justify-content:center;gap:10px;padding:8px}.brand-mark,.settings{display:none}.sidebar nav{display:flex;margin:0}main{padding:0 16px 76px}.topbar{align-items:flex-start;flex-direction:column;justify-content:center}.toolbar{align-items:stretch;flex-direction:column;padding:10px 0}.search{width:100%}.periods button{flex:1}.summary-band{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-band div:nth-child(2){border-right:0}.summary-band div:first-child,.summary-band div{padding:16px 10px}.connection-bar{gap:6px 14px;font-size:12px}.section-heading{align-items:flex-start;flex-direction:column}.movers-band{gap:14px}.detail-header{align-items:flex-start;flex-direction:column}.detail-price{text-align:left}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-stats div:nth-child(2){border-right:0}.detail-stats div:nth-child(n+3){border-top:1px solid #213442}.detail-stats div:first-child{padding-left:10px}.charts-grid{grid-template-columns:1fr}}