body{background:#f5f7fb;margin:0}.brand{border-bottom:1px solid #edf0f5;align-items:center;height:64px;padding:0 20px;font-size:16px;font-weight:700;display:flex}.topbar{background:#fff;border-bottom:1px solid #edf0f5;align-items:center;height:64px;padding:0 24px;display:flex}.content{padding:24px;overflow:auto}.page-title{margin:0}.page-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.muted{color:#8c8c8c;font-size:12px}.chart{background:linear-gradient(#f6f8fb 1px,#0000 1px) 0 0/100% 44px;border:1px solid #edf0f5;border-radius:8px;width:100%;min-height:220px;display:block}.empty-chart{color:#8c8c8c;border:1px dashed #d9d9d9;border-radius:8px;justify-content:center;align-items:center;height:220px;display:flex}.bar-chart{gap:10px;display:grid}.bar-row{grid-template-columns:54px 1fr 48px;align-items:center;gap:10px;font-size:12px;display:grid}.bar-track{background:#f0f2f5;border-radius:999px;height:10px;overflow:hidden}.bar-track i{border-radius:999px;min-width:2px;height:100%;display:block}.bar-positive{background:#52c41a}.bar-negative{background:#ff4d4f}