: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:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #213442}.search{width:min(360px,60vw);height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #294150;background:#0b1924;border-radius:6px;color:#7893a3}.search input{width:100%;border:0;outline:0;color:#e8f2f7;background:transparent}.periods{display:flex;border:1px solid #294150;border-radius:6px;overflow:hidden}.periods button{width:48px;height:36px;border:0;border-right:1px solid #294150;background:#0b1924;color:#8aa0ad;cursor:pointer}.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}.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:920px;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}.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}.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}@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:14px 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}.section-heading{align-items:flex-start;flex-direction:column}}