.commercial-demo{color:#25364a;text-align:left;padding:24px 28px 40px;font-size:14px;min-width:740px;--cd-blue:#3575ce}.commercial-demo *{box-sizing:border-box}.commercial-demo h1{font-size:25px;font-weight:600;margin:7px 0;letter-spacing:.5px}.commercial-demo h2{font-size:17px;margin:0 0 18px;font-weight:600}.commercial-demo h3{font-size:15px;margin:24px 0 18px}.commercial-demo p{line-height:1.7}.commercial-demo .cd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.commercial-demo .cd-header p{color:#8491a3;margin:8px 0 0;font-size:12px}.commercial-demo .cd-header p span{margin-left:16px}.commercial-demo .cd-eyebrow{color:#64758b;font-size:12px;letter-spacing:1px}.commercial-demo .cd-header-actions{white-space:nowrap}.commercial-demo .cd-muted{color:#7a889a;font-size:12px}.commercial-demo .cd-panel{background:#fff;padding:24px;margin-bottom:20px;border-radius:4px}.commercial-demo .cd-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.commercial-demo .cd-toolbar .el-input{width:215px}.commercial-demo .cd-toolbar .el-select .el-input{width:165px}.commercial-demo .cd-spacer{flex:1}.commercial-demo .cd-pagination{text-align:right;margin-top:18px}.commercial-demo .cd-chart{height:285px;width:100%}.commercial-demo .cd-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:24px 0;margin-bottom:20px}.commercial-demo .cd-metric{padding:0 24px;border-right:1px solid #edf0f5;cursor:pointer}.commercial-demo .cd-metric:last-child{border:0}.commercial-demo .cd-metric strong{display:block;font-size:29px;font-weight:500;margin:12px 0;font-variant-numeric:tabular-nums}.commercial-demo .cd-metric:hover strong{color:var(--cd-blue)}.commercial-demo .cd-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.commercial-demo .cd-drawer{padding:0 26px 30px;overflow-y:auto;height:100%}.commercial-demo .cd-drawer .el-descriptions{margin-bottom:18px}.commercial-demo .cd-drawer .el-button{margin-bottom:8px}.commercial-demo .cd-alert{margin-bottom:16px}.commercial-demo .cd-guide li{margin:14px 0;line-height:1.7}.commercial-demo .cd-money{font-variant-numeric:tabular-nums;font-weight:600}.commercial-demo .cd-summary{background:#f2f6fc;padding:16px 20px;border-left:3px solid var(--cd-blue);margin:18px 0;line-height:1.9}.commercial-demo .cd-link{color:var(--cd-blue);cursor:pointer}.commercial-demo .cd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.commercial-demo .cd-form-grid .el-date-editor,.commercial-demo .cd-form-grid .el-input-number,.commercial-demo .cd-form-grid .el-select{width:100%}.commercial-demo .el-table th{background:#f7f9fc;color:#6a788a;font-weight:500}.commercial-demo .el-table{font-size:13px}.commercial-demo .el-drawer__body{overflow:hidden}.commercial-demo .el-dialog__body{padding-top:12px}.commercial-demo .el-tag{letter-spacing:0}@media(max-width:1100px){.commercial-demo{padding:20px 16px}.commercial-demo .cd-columns{grid-template-columns:1fr}.commercial-demo .cd-metric{padding:0 15px}.commercial-demo .cd-metric strong{font-size:24px}}@media(prefers-reduced-motion:reduce){.commercial-demo *,.commercial-demo :after,.commercial-demo :before{animation:none!important;transition:none!important}}