.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:9999px;font-size:11px;background:#eff6ff;color:#1d4ed8}.hmmml>td{background-color:#c1e7c1!important}.trend-board{display:flex;gap:12px;margin:12px 0 16px;flex-wrap:wrap}.trend-pill{min-width:180px;padding:10px 12px;border-radius:10px;background:#f3f4f6;border:1px solid #e5e7eb}.trend-pill-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:4px}.trend-pill-value{font-size:15px;font-weight:600}.trend-pill.up{border-color:#10b981;background:#ecfdf3;color:#065f46}.trend-pill.down{border-color:#ef4444;background:#fef2f2;color:#991b1b}.trend-pill.flat{border-color:#cbd5e1;background:#f8fafc;color:#0f172a}.trend-pill.muted{color:#6b7280}.trend-pill.adv-tone.up{border-color:#ef4444;background:#fef2f2;color:#991b1b}.trend-pill.adv-tone.down{border-color:#10b981;background:#ecfdf3;color:#065f46}.table-wrapper{max-height:calc(100vh - 200px);overflow:auto}.table th,.table td{border-bottom:1px solid #e5e7eb;padding:4px 6px;text-align:left}.table th{background:#f9fafb;font-weight:500;position:sticky;top:0;z-index:1}.table tr:nth-child(2n) td{background:#f9fafb}.chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:9999px;font-size:11px;background:#f3f4f6;color:#4b5563}.sales-chart-card{display:flex;align-items:center;gap:18px;margin:12px 0 16px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.pie-chart{width:180px;height:180px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #e5e7eb}.pie-chart__center{width:96px;height:96px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.pie-chart__label{font-size:12px;color:#6b7280}.pie-chart__value{font-size:22px;font-weight:700;color:#111827;line-height:1}.pie-chart__sub{font-size:12px;color:#9ca3af}.pie-legend{flex:1}.pie-legend__title{font-size:14px;font-weight:600;margin-bottom:8px}.pie-legend ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px}.pie-legend__item{display:flex;align-items:center;gap:10px}.pie-legend__swatch{width:12px;height:12px;min-width:12px;min-height:12px;border-radius:3px;display:inline-block}.pie-legend__name{font-size:13px;color:#111827}.anomalies-card{margin:12px 0;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.category-share-card{margin:12px 0;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.category-share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}.category-share-pill{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;background:#f9fafb;position:relative}.category-share-title{font-weight:600;color:#111827;margin-bottom:8px}.category-share-trend-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.category-share-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.category-share-value{font-weight:600;color:#111827}.category-share-value.accent{color:#1d4ed8}.category-share-row.highlight{border-bottom:1px dashed #e5e7eb;padding-bottom:6px;margin-bottom:6px}.category-share-pill.tone-up{border-color:#bbf7d0;background:#ecfdf3;color:#065f46}.category-share-pill.tone-down{border-color:#fecdd3;background:#fef2f2;color:#991b1b}.category-share-pill.tone-flat{border-color:#e5e7eb;background:#f9fafb}.category-share-pill.tone-muted{color:#6b7280}.anomalies-title{font-size:14px;font-weight:600;margin-bottom:6px}.anomalies-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.anomalies-item-name{font-weight:600;color:#111827}.anomalies-reasons{margin:4px 0 0 14px;color:#374151;font-size:13px}.anomaly-row{background:#fff7ed}.pie-tooltip{position:absolute;padding:8px 10px;background:#111827;color:#f9fafb;border-radius:6px;font-size:12px;white-space:nowrap;transform:translate(-50%,-100%);pointer-events:none;box-shadow:0 6px 18px #00000040}.pie-tooltip__name{font-weight:600}.pie-tooltip__value{color:#d1d5db;margin-top:2px}@media(max-width:720px){.sales-chart-card{flex-direction:column;align-items:flex-start}.pie-chart{width:160px;height:160px}}.trends-root{display:flex;gap:12px;flex-direction:column}.trends-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.control-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.chips{display:flex;gap:6px}.chip{padding:6px 10px;border-radius:6px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.chip.active{background:#111827;color:#fff;border-color:#111827}.snapshot{background:#111827;color:#f9fafb;border-radius:8px;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.snapshot-title{grid-column:1 / -1;font-weight:600;margin-bottom:4px}.snapshot-row{display:flex;justify-content:space-between;font-size:14px}.trends-body{display:flex;flex-direction:column;gap:12px}.card{border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fff}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.card-title{font-weight:600}.card-subtitle{color:#6b7280;font-size:12px}.table-wrap{width:100%;overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{border:1px solid #e5e7eb;padding:6px 8px}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.pos{color:#059669}.neg{color:#b91c1c}.tag{display:inline-block;padding:4px 6px;border-radius:6px;font-size:12px;border:1px solid transparent}.tag-danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.tag-warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.info{color:#374151;background:#e0f2fe;border:1px solid #bfdbfe;padding:10px;border-radius:8px}.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:10px;border-radius:8px}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#111827;color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.app-header-title{font-size:18px;font-weight:600}.app-main{padding:16px 20px;display:flex;gap:16px}.filters-panel{width:260px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 0 0 1px #0f172a0f;display:flex;flex-direction:column;gap:12px}.content-panel{flex:1;padding:12px;background:#fff;border-radius:8px;box-shadow:0 0 0 1px #0f172a0f;display:flex;flex-direction:column;gap:12px}.field-label{font-size:12px;color:#4b5563;margin-bottom:4px}.text-muted{color:#9ca3af;font-size:12px}.update-popup{position:fixed;right:16px;bottom:16px;padding:10px 14px;border-radius:8px;background:#111827;color:#f9fafb;font-size:13px;box-shadow:0 10px 25px #0f172a66;display:flex;align-items:center;gap:8px;z-index:1000}.update-popup.error{background:#b91c1c}.update-spinner{width:14px;height:14px;border-radius:9999px;border:2px solid rgba(249,250,251,.3);border-top-color:#f9fafb;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background-color:#f3f4f6}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.select,.input,.button{width:100%;padding:6px 8px;border-radius:6px;border:1px solid #d1d5db;font-size:14px}.select:focus,.input:focus{outline:none;border-color:#2563eb}.button{cursor:pointer;background:#2563eb;color:#fff;border:none}.button.secondary{background:#e5e7eb;color:#111827}.tabs{display:flex;gap:8px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.tab{padding:6px 10px;border-radius:6px 6px 0 0;cursor:pointer;font-size:14px;color:#4b5563}.tab.active{background:#111827;color:#fff}