#app{height:100%}:root{--kpi-primary:#304155;--kpi-primary-light:#44587a;--kpi-primary-dark:#233044;--kpi-accent:#8b5cf6;--kpi-success:#22c55e;--kpi-warning:#f59e0b;--kpi-danger:#ef4444;--kpi-info:#64748b;--kpi-bg:#f5f6fb;--kpi-surface:#fff;--kpi-text:#1e293b;--kpi-text-soft:#64748b;--kpi-border:#e6e8f0;--kpi-radius:12px;--kpi-shadow:0 4px 20px rgba(30,41,59,.06)}.el-button--primary{background-color:var(--kpi-primary);border-color:var(--kpi-primary)}.el-button--primary:focus,.el-button--primary:hover{background-color:var(--kpi-primary-light);border-color:var(--kpi-primary-light)}.el-button--primary.is-plain{color:var(--kpi-primary);background-color:rgba(48,65,85,.08);border-color:rgba(48,65,85,.3)}.el-button--primary.is-plain:hover{color:#fff;background-color:var(--kpi-primary);border-color:var(--kpi-primary)}.el-button--text,.el-link.el-link--primary,.el-link.el-link--primary:hover{color:var(--kpi-primary)}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--kpi-primary);color:#fff}.el-slider__bar{background-color:var(--kpi-primary)}.el-slider__button{border-color:var(--kpi-primary)}.el-progress-bar__inner{background-color:var(--kpi-primary)}.el-table th.el-table__cell{background-color:#f8f9fd;color:var(--kpi-text-soft);font-weight:600}.el-tag--mini{border-radius:999px}.el-input__inner:focus,.el-select .el-input.is-focus .el-input__inner,.el-textarea__inner:focus{border-color:var(--kpi-primary)!important}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner{background-color:var(--kpi-primary);border-color:var(--kpi-primary)}.el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label{color:var(--kpi-primary)}.el-dialog{border-radius:var(--kpi-radius);overflow:hidden}.el-dialog__header{background:linear-gradient(135deg,var(--kpi-primary),var(--kpi-accent));padding:16px 20px}.el-dialog__title{color:#fff;font-weight:600}.el-dialog__headerbtn .el-dialog__close{color:#fff}.el-tabs__item.is-active,.el-tabs__item:hover{color:var(--kpi-primary)}.el-tabs__active-bar{background-color:var(--kpi-primary)}.el-switch.is-checked .el-switch__core{background-color:var(--kpi-primary);border-color:var(--kpi-primary)}.el-tag:not(.el-tag--info):not(.el-tag--success):not(.el-tag--warning):not(.el-tag--danger){background-color:rgba(48,65,85,.1);border-color:rgba(48,65,85,.2);color:var(--kpi-primary)}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:rgba(48,65,85,.08)}.el-select-dropdown__item.selected{color:var(--kpi-primary);font-weight:700}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(48,65,85,.08);color:var(--kpi-primary)}.el-date-table td.current:not(.disabled) span,.el-date-table td.today span{color:var(--kpi-primary);font-weight:700}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:var(--kpi-primary);color:#fff}.el-date-table td.in-range div{background-color:rgba(48,65,85,.1)}.el-loading-spinner .path{stroke:var(--kpi-primary)}.el-loading-spinner .el-loading-text{color:var(--kpi-primary)}*{box-sizing:border-box}#app,body,html{height:100%;margin:0}body{font-family:Inter,Noto Sans Thai,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--kpi-bg);color:var(--kpi-text);-webkit-font-smoothing:antialiased}.is-flex{display:flex}.ai-center{align-items:center}.jc-between{justify-content:space-between}.jc-center{justify-content:center}.fd-column{flex-direction:column}.w-100{width:100%}.mg-0{margin:0}.mg-b-2{margin-bottom:8px}.mg-b-4{margin-bottom:16px}.mg-t-3{margin-top:12px}.mg-r-2{margin-right:8px}.mg-l-2{margin-left:8px}.pd-4{padding:16px}.pd-x-4{padding-left:16px;padding-right:16px}.pd-t-4{padding-top:16px}.text-grey{color:var(--kpi-text-soft)}.text-primary{color:var(--kpi-primary)}.text-success{color:var(--kpi-success)}.text-warning{color:var(--kpi-warning)}.text-danger{color:var(--kpi-danger)}.cursor-pointer{cursor:pointer}