html[data-theme=light],body[data-theme=light],html[theme-mode=light],body[theme-mode=light]{--bg-body: rgb(255, 255, 255);--ccm-chart-N700: #373c43;--ccm-chart-B500: #3370ff;--ccm-chart-I500: #4954e6;--ccm-chart-G500: #34c724;--ccm-chart-W500: #14c0ff;--ccm-chart-Y500: #ffc60a;--ccm-chart-O500: #f80;--ccm-chart-R400: #f76964}html[data-theme=dark],body[data-theme=dark],html[theme-mode=dark],body[theme-mode=dark]{--bg-body: #1a1a1a;--ccm-chart-N700: #e0e0e0;--ccm-chart-B500: #4c88ff;--ccm-chart-I500: #5f69ed;--ccm-chart-G500: #54c248;--ccm-chart-W500: #42bdeb;--ccm-chart-Y500: #fac823;--ccm-chart-O500: #f2962c;--ccm-chart-R400: #cc4743}:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#1f2329;background:transparent;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.roi-card{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:11px 20px;background:var(--bg, #fff)}.metric-label{color:#646a73;font-size:14px;font-weight:500;line-height:20px}.filter-helper{margin-top:2px;color:#3370ff;font-size:12px;font-weight:500;line-height:16px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}.metric-panel{min-width:0;padding:9px 12px;border:1px solid #e5e6eb;border-radius:8px;background:#fff}.metric-name{overflow:hidden;color:#646a73;font-size:13px;font-weight:500;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.filter-control{min-width:0;display:grid;gap:4px}.filter-control span{color:#8f959e;font-size:11px;font-weight:500;line-height:16px}.filter-control select{min-width:0;height:30px;padding:0 24px 0 9px;overflow:hidden;border:1px solid #dee0e3;border-radius:6px;color:#1f2329;background:#f7f8fa;font-size:12px;font-weight:400;line-height:28px;text-overflow:ellipsis;outline:none}.filter-control select:hover{border-color:#b8bcc4}.filter-control select:focus{border-color:#3370ff;box-shadow:0 0 0 2px #3370ff1f}.metric-value{margin-top:4px;color:#1f2329;font-size:clamp(30px,7vw,44px);font-weight:600;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric-value--compact{font-size:clamp(22px,2.7vw,30px);letter-spacing:-.02em}.metric-formula{margin-top:3px;overflow:hidden;color:#8f959e;font-size:11px;line-height:15px;text-overflow:ellipsis;white-space:nowrap}.metric-note{min-height:18px;margin-top:4px;overflow:hidden;color:#8f959e;font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.config-panel{min-height:100%;display:grid;align-content:start;gap:14px;padding:18px;background:#fff}.config-panel label{display:grid;gap:6px;color:#1f2329;font-size:13px;font-weight:500}.config-panel select,.config-panel input{width:100%;height:34px;padding:0 10px;border:1px solid #d0d3d8;border-radius:6px;color:#1f2329;background:#fff;font:inherit;outline:none}.config-panel select:focus,.config-panel input:focus{border-color:#3370ff;box-shadow:0 0 0 2px #3370ff1f}button{height:36px;border:0;border-radius:6px;color:#fff;background:#3370ff;font-size:14px;font-weight:500;cursor:pointer}.error{margin:0;color:#d83931;font-size:12px}@media(max-width:330px){.roi-card{padding-inline:14px}.filter-row{grid-template-columns:1fr;gap:6px}.filter-control{grid-template-columns:38px 1fr;align-items:center}.metric-value{margin-top:10px}.metric-grid{grid-template-columns:1fr}}@media(min-width:331px)and (max-width:760px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}