.erp-demo{--erp-primary:#2154d8;--erp-blue:#1f59e2;--erp-text:#26334e;--erp-gray:#667085;width:650px;max-width:100%;min-width:0;margin:0 auto;background:#f5f7fa;border:1px solid #dbe2ed;border-radius:7px;overflow:hidden;color:var(--erp-text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:11px;line-height:1.45;box-shadow:0 10px 30px rgba(31,57,100,.1);text-align:left;box-sizing:border-box}
.erp-demo *{box-sizing:border-box}.erp-appbar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;background:#fff;border-bottom:1px solid #e4e9f0}.erp-appbrand{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#273956;white-space:nowrap}.erp-brand-symbol{display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:var(--erp-primary);color:white;font-family:Arial,sans-serif;font-size:16px;line-height:1}.erp-sample-label{font-size:9px;color:#687890;background:#eef2f7;padding:3px 7px;border-radius:3px;white-space:nowrap}.erp-shell{display:grid;grid-template-columns:102px minmax(0,1fr);min-height:342px}.erp-sidebar{position:relative;background:#1b2c49;padding:16px 7px 40px;color:#c1ccdc;min-width:0}.erp-nav-caption{font-size:9px;letter-spacing:.5px;color:#8798b5;margin:0 9px 13px}.erp-nav-item{display:flex;align-items:center;gap:8px;height:33px;padding:0 9px;margin-bottom:4px;border-radius:3px;font-size:10px;white-space:nowrap}.erp-nav-item--active{background:var(--erp-blue);color:#fff}.erp-icon{display:block;width:13px;height:13px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.erp-sidebar-bottom{position:absolute;left:16px;bottom:15px;color:#8496b2;font-size:9px}.erp-main{padding:14px 14px 11px;min-width:0}.erp-page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.erp-page-heading>strong{font-size:14px;font-weight:700}.erp-page-heading>span{font-size:9px;color:#8994a6;white-space:nowrap}.erp-filterbar{display:flex;align-items:center;gap:6px;min-height:25px;margin-bottom:12px}.erp-filter{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #dce3ed;border-radius:3px;padding:4px 8px;font-size:9px;color:#55637a;background:#fff;white-space:nowrap}.erp-filter>span{color:#8793a5;line-height:1}.erp-filter-note{margin-left:auto;font-size:9px;color:#98a1af;white-space:nowrap}.erp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e1e7ef;background:#fff;border-radius:4px;margin-bottom:11px}.erp-metric{padding:11px 12px;min-width:0}.erp-metric+.erp-metric{border-left:1px solid #e9edf3}.erp-metric-name,.erp-metric-note{display:block;white-space:nowrap}.erp-metric-name{font-size:10px;color:#67758b}.erp-metric strong{display:block;font-family:Arial,sans-serif;color:#243651;font-size:23px;letter-spacing:-.5px;font-weight:700;line-height:1.25;margin:5px 0 4px;white-space:nowrap}.erp-metric-note{font-size:9px;color:#95a0ae}.erp-chart{border:1px solid #e1e7ef;background:#fff;border-radius:4px;padding:0 11px 4px;margin-bottom:11px}.erp-block-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 8px;font-weight:600;font-size:10px;line-height:1.4}.erp-chart-key{display:inline-flex;align-items:center;gap:4px;font-weight:400;color:#7a879a;font-size:9px}.erp-chart-key:before{content:"";width:5px;height:5px;background:var(--erp-primary);border-radius:1px}.erp-chart-svg{display:block;width:100%;height:83px;overflow:visible}.erp-chart-svg text{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:8px;fill:#8490a2}.erp-chart-grid{fill:none;stroke:#edf0f5;stroke-width:1}.erp-table-panel{background:#fff;border:1px solid #e1e7ef;border-radius:4px;padding:0 10px}.erp-table-note{font-size:9px;font-weight:400;color:#94a0b0}.erp-table-wrap{width:100%;overflow:hidden}.erp-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:0;margin:0;color:#59667b;font-size:10px;line-height:1.4}.erp-table th{font-weight:400;color:#7b889b;background:#f4f6fa;white-space:nowrap}.erp-table th,.erp-table td{padding:9px 7px;text-align:left;border:0;border-bottom:1px solid #edf0f5;width:auto}.erp-table tr:last-child td{border-bottom:0}.erp-table td{vertical-align:middle;white-space:nowrap}.erp-table th:first-child,.erp-table td:first-child{padding-left:8px}.erp-cell-primary{display:block;color:#465775;font-size:10px}.erp-cell-secondary{display:block;color:#94a0b1;font-size:8px;margin-top:3px;font-family:Arial,sans-serif}.erp-status{display:inline-block;white-space:nowrap;font-size:9px;padding:2px 5px;border-radius:3px;line-height:1.5}.erp-status--green{color:#358564;background:#ecf7f0}.erp-status--orange{color:#ae7728;background:#fff5e3}.erp-status--blue{color:#3769bc;background:#edf3ff}.erp-footnote{margin-top:9px;color:#96a0af;font-size:8px;line-height:1.5}.erp-demo--overview .erp-shell,.erp-demo--ads .erp-shell{min-height:0}.erp-demo--overview .erp-metric,.erp-demo--ads .erp-metric{padding:8px 11px}.erp-demo--overview .erp-table td,.erp-demo--ads .erp-table td{padding-top:7px;padding-bottom:7px}.erp-demo--overview .erp-metric strong,.erp-demo--ads .erp-metric strong{font-size:21px}.erp-demo--compact .erp-page-heading{margin-bottom:9px}.erp-demo--compact .erp-main{padding:12px}.erp-demo--compact .erp-filterbar{display:none}.erp-demo--compact .erp-metric-note{display:none}.erp-demo--compact .erp-chart-svg{height:68px}.erp-demo--compact .erp-metric{padding:9px 11px}.erp-demo--compact .erp-shell{min-height:0}.erp-demo--compact .erp-footnote{font-size:8px}
@media(max-width:700px){.erp-demo{font-size:10px;border-radius:5px}.erp-appbar{height:37px;padding:0 12px}.erp-appbrand{font-size:12px}.erp-brand-symbol{width:19px;height:19px;font-size:14px}.erp-sample-label{font-size:8px;padding:3px 5px}.erp-shell{grid-template-columns:minmax(0,1fr);min-height:0}.erp-sidebar{display:none}.erp-main,.erp-demo--compact .erp-main{padding:12px 10px 10px}.erp-page-heading>strong{font-size:13px}.erp-page-heading>span{font-size:8px}.erp-filterbar{gap:5px}.erp-filter{font-size:9px;gap:9px;padding:4px 6px}.erp-filter-note{display:none}.erp-metric,.erp-demo--overview .erp-metric,.erp-demo--ads .erp-metric,.erp-demo--compact .erp-metric{padding:9px 8px}.erp-metric strong,.erp-demo--overview .erp-metric strong,.erp-demo--ads .erp-metric strong{font-size:20px}.erp-metric-name{font-size:9px}.erp-metric-note{font-size:8px;white-space:normal}.erp-table-panel{padding:0 6px}.erp-table{font-size:9px}.erp-table th,.erp-table td{padding:8px 4px}.erp-table th:first-child,.erp-table td:first-child{padding-left:5px}.erp-cell-primary{font-size:9px}.erp-cell-secondary{font-size:8px}.erp-status{font-size:8px;padding:2px 3px}.erp-block-heading{font-size:10px}.erp-table-note{font-size:8px}.erp-chart{padding-inline:8px}.erp-chart-svg{height:auto;max-height:89px}.erp-footnote{font-size:8px}.erp-demo--inventory .erp-table th:nth-child(2),.erp-demo--inventory .erp-table td:nth-child(2){display:none}}
.erp-appbar{height:36px}.erp-main{padding:11px 12px 8px}.erp-page-heading{margin-bottom:6px}.erp-filterbar{min-height:22px;margin-bottom:8px}.erp-filter{padding:3px 7px}.erp-metrics{margin-bottom:9px}.erp-metric,.erp-demo--overview .erp-metric,.erp-demo--ads .erp-metric{padding:7px 10px}.erp-metric-name{line-height:1.2}.erp-metric strong,.erp-demo--overview .erp-metric strong,.erp-demo--ads .erp-metric strong{font-size:22px;line-height:1.15;margin:4px 0 2px}.erp-metric-note{font-size:8px;line-height:1.25}.erp-block-heading{padding:7px 0 6px;line-height:1.3}.erp-chart{margin-bottom:9px}.erp-chart-svg{height:65px}.erp-table th{padding-block:6px}.erp-table td,.erp-demo--overview .erp-table td,.erp-demo--ads .erp-table td{padding-block:5px}.erp-cell-primary{line-height:1.3}.erp-cell-secondary{line-height:1.2;margin-top:2px}.erp-footnote{margin-top:6px;font-size:8px;line-height:1.3}
.erp-metrics{margin-bottom:7px}.erp-filterbar{margin-bottom:7px}.erp-chart-svg{height:61px}.erp-table td,.erp-demo--overview .erp-table td,.erp-demo--ads .erp-table td{padding-block:4px}
@media(max-width:700px){.erp-demo--listing .erp-table th:nth-child(2),.erp-demo--listing .erp-table td:nth-child(2){display:none}}
@media(max-width:380px){.erp-metric,.erp-demo--overview .erp-metric,.erp-demo--ads .erp-metric,.erp-demo--compact .erp-metric{padding-inline:7px}.erp-metric strong,.erp-demo--overview .erp-metric strong,.erp-demo--ads .erp-metric strong{font-size:18px}.erp-filter{gap:6px;padding-inline:5px}}