:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 10% 10%,#f6f9ff 0,#fff 40%,#f6f9ff);min-height:100%}body{margin:0;min-height:100vh;background:transparent}#root{min-height:100vh}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 24px #0000000f;border:1px solid #e5e7eb}.card-header-inline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.card-title{margin:0;font-size:16px;color:#111827}.card-body{display:flex;flex-direction:column;gap:8px}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:600;font-size:12px}.badge-green{background:#ecfdf3;color:#15803d}.badge-red{background:#fef2f2;color:#b91c1c}.muted{color:#6b7280;margin:4px 0}.muted.small{font-size:12px}.accent-blue{color:#1d4ed8}.accent-purple{color:#7c3aed}.accent-green{color:#16a34a}.accent-orange{color:#ea580c}select,button.ghost{padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;height:38px;line-height:20px;box-sizing:border-box}input[type=number]{padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;width:120px;height:38px;line-height:20px;box-sizing:border-box}input[type=number]:hover{border-color:#cbd5e1}button.ghost{background:#f9fafb}button.ghost:hover,select:hover{border-color:#cbd5e1}.loader{width:18px;height:18px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs details{border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;margin-bottom:8px;background:#f8fafc}.tabs summary{cursor:pointer;font-weight:600}.chart-wrapper{position:relative;height:380px;margin:12px 0}.chart-wrapper.small{height:260px}.chart-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.control-group{display:flex;flex-direction:column;gap:4px}.control-group.inline{flex-direction:row;align-items:center;gap:8px}.chart-detail{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.detail-table{border:1px solid #e5e7eb;border-radius:8px;padding:8px;background:#fff}.view-switch{display:flex;gap:8px;margin-bottom:12px}.tab.active{border-color:#2563eb;color:#1d4ed8;background:#e0e7ff}.multi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.multi-chart-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.multi-chart-cell{border:1px solid #e5e7eb;border-radius:8px;padding:8px;background:#f8fafc}