:root{font-family:system-ui,sans-serif;color:#1a1a1a;background:#f5f5f7}body{margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #00000014}.card h3{margin:0 0 8px;font-size:14px;color:#666}.card p{margin:0;font-size:28px;font-weight:700}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:12px}@media (max-width: 900px){.chart-grid{grid-template-columns:1fr}}.chart-card h3{margin:0 0 16px;font-size:15px;color:#444}.bar-chart{display:flex;align-items:flex-end;gap:8px;min-height:140px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-fill{width:100%;max-width:48px;background:linear-gradient(180deg,#6b2d5c,#9a4d82);border-radius:6px 6px 2px 2px;min-height:8px}.bar-label{font-size:11px;color:#666}.bar-sub{font-size:10px;color:#999}.status-list{list-style:none;padding:0;margin:0}.status-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}