:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background-color:#0b0f1a;color:#e6edf3;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;background:#0b0f1a}.app{max-width:1200px;margin:0 auto;padding:32px 24px 80px;display:flex;flex-direction:column;gap:24px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #1d2433;padding-bottom:16px}.header h1{margin:0 0 4px;font-size:28px}.header p{margin:0;color:#9fb0c7}.status{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid transparent}.status--loading{background:#1f2937;border-color:#334155;color:#cbd5f5}.status--live{background:#0f2b24;border-color:#1b4d3e;color:#34d399}.status--error{background:#3b1f2b;border-color:#6b2d3f;color:#fca5a5}.panel{background:#0f1525;border:1px solid #1b2335;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0003}.panel-title{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#7f8ea3;margin-bottom:16px}.overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.label{display:block;font-size:12px;color:#7f8ea3;margin-bottom:6px}.value{font-size:18px;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.metric{background:#111a2e;border-radius:12px;padding:16px;border:1px solid #1d2a44}.metric-label{font-size:12px;text-transform:uppercase;color:#7f8ea3;margin-bottom:8px}.metric-value{font-size:20px;font-weight:600}.chart{width:100%;height:240px}.chart-labels{display:flex;justify-content:space-between;font-size:12px;color:#7f8ea3;margin-top:8px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid #1b2335}.table th{font-size:12px;color:#7f8ea3;text-transform:uppercase;letter-spacing:.04em}.text-buy{color:#34d399}.text-sell{color:#f87171}.text-positive{color:#34d399}.text-negative{color:#f87171}.text-muted{color:#9fb0c7}.error{background:#3b1f2b;border:1px solid #6b2d3f;color:#fca5a5;padding:12px 16px;border-radius:12px}.empty-state{background:#111a2e;border:1px dashed #24304a;color:#c4d2e8;padding:16px;border-radius:12px}.skeleton{position:relative;overflow:hidden;background:#1b2335;border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.6s ease-in-out infinite}.skeleton-title{height:12px;width:160px;margin-bottom:16px}.skeleton-label{height:10px;width:70%;margin-bottom:10px}.skeleton-value{height:18px;width:80%}.skeleton-chart{height:240px;border-radius:12px}.skeleton-inline{display:inline-block;height:10px;width:80px;border-radius:999px}.table-skeleton{display:flex;flex-direction:column}.skeleton-row{display:grid;grid-template-columns:1.4fr 1.4fr .8fr .8fr 1.6fr;gap:12px;padding:12px 0;border-bottom:1px solid #1b2335}.skeleton-cell{height:12px;border-radius:6px}@keyframes shimmer{to{transform:translate(300%)}}