:root{--app-page-zoom-scale:1;--background:#f5f6f8;--foreground:#171717;--800:#fffc;--700:#ffffffb3;--600:#f1f1f1;--500:#464950;--400:#9fa1a5;--100:#000;--50:#fff;--Green-100:#0edd3b;--Green-400:#006f3c;--graph-blue:#36b2ff;--graph-pink:#fd50c9;--graph-neon:#b6ff40;--graph-yellow:#f6cb3b;--graph-sakura:#ff84a3;--graph-purple:#cd62ff;--graph-blue2:#3161ff;--graph-green:#40ffc2;--graph-orange:#e05600;--dot-white:#c5cad4;--dot-green:#1cc942;--dot-yellow:#ffb921;--dot-orange:#c65200;--dot-red:#ff3737;--dot-black:#464950;--sidebar-width:120px;--icon-active-color:#fff;--vertical:#ffffff80;--border:#e0e4e8;--shadow-box:#16171a26;--btn-gray:#c5cad4;--btn-text:#16171a;--input-background:#edeff2;--map-geometry:#919aa8;--map-labels-text-fill:#dee1e5;--map-labels-text-stroke:#546071;--map-road:#bbc0ca;--map-water:#747e8e;--tooltip-background:#fff;--dropdown-background:#e0e4e8;--card-background:#fff;--sidebar-background:#023068;--topbar-background:#fff;--text:#16171a;--sidebar-icon-active-color:#fff;--form-disabled:#e0e4e8;--app-bg:var(--background);--app-surface:var(--card-background);--app-surface-soft:var(--700);--app-surface-muted:var(--input-background);--app-border:var(--border);--app-border-strong:var(--500);--app-text:var(--text);--app-text-strong:var(--100);--app-text-muted:var(--400);--app-text-soft:var(--500);--app-primary:#063b7b;--app-primary-strong:#083c7c;--app-accent:#d7a63f;--app-accent-strong:#d9ad45;--app-shadow:var(--shadow-box);--app-announcement-ticker-bg:#d04e4e;--app-announcement-ticker-border:#e72604;--app-announcement-ticker-text:#fff;--app-card-bg:#fff;--app-card-secondary-bg:#f4f5f7;--app-card-secondary-border:#8c8c8c;--app-card-text:#073b78;--app-card-strong:#071b3a;--app-legend-border:#1f1786;--app-legend-text:#24272d;--app-icon-color:#d8ac4c;--app-login-card-bg:#ffffffe6;--app-select-branch-bg:transparent;--app-select-branch-border:#e6e8f2;--app-select-branch-text:#d8ac4c;--app-login-header-text:#063b7b;--app-button-bg:#d8ac4c;--app-card-ticket-bg:#f0f4f9;--app-card-ticket-info-bg:#fff}html[data-theme=dark]{--background:#16171a;--foreground:#ededed;--800:#16171a;--700:#1f2125;--600:#282b30;--500:#464950;--100:#fff;--50:#fff;--vertical:#1f212580;--border:#464950;--shadow-box:#16171a;--btn-gray:#464950;--btn-text:#fff;--input-background:#282b30;--map-geometry:#363b43;--map-labels-text-fill:#9598a1;--map-labels-text-stroke:#30343c;--map-road:#50545c;--map-water:#282d35;--tooltip-background:#16171a;--dropdown-background:#282b30;--card-background:#1f2125;--sidebar-background:#181a1b;--topbar-background:#181a1b;--text:#fff;--icon-active-color:#fff;--sidebar-icon-active-color:#fff;--form-disabled:#282b30;--app-bg:var(--background);--app-surface:var(--card-background);--app-sidebar-surface:var(--sidebar-background);--app-surface-soft:var(--700);--app-surface-muted:var(--input-background);--app-border:var(--border);--app-border-strong:var(--500);--app-text:var(--foreground);--app-text-strong:var(--text);--app-text-muted:#c5cad4;--app-text-soft:#9598a1;--app-primary:#063b7b;--app-primary-strong:#d8ac4c;--app-accent:#d8ac4c;--app-accent-strong:#d9ad45;--app-shadow:#16171aa6;--app-announcement-ticker-bg:#fff;--app-announcement-ticker-border:#e72604;--app-announcement-ticker-text:#d04e4e;--app-card-bg:#1a1d1f;--app-card-secondary-bg:#0a0a0a;--app-card-secondary-border:#8c8c8c;--app-card-text:#fff;--app-card-strong:#d8ac4c;--app-legend-border:#8c8c8c;--app-legend-text:#fff;--app-icon-color:#fff;--app-login-card-bg:#2b2b2be6;--app-select-branch-bg:#0a0a0a;--app-select-branch-border:#8c8c8c;--app-select-branch-text:var(--foreground);--app-login-header-text:#073b78;--app-button-bg:#d8ac4c;--app-card-ticket-bg:tranparent;--app-card-ticket-info-bg:tranparent}html[data-theme=light]{--background:#f5f6f8;--foreground:#171717;--800:#fff;--700:#edeff2;--600:#e0e4e8;--500:#c5cad4;--100:#000;--50:#000;--vertical:#ffffff80;--border:#e0e4e8;--shadow-box:#16171a26;--btn-gray:#c5cad4;--btn-text:#16171a;--input-background:#edeff2;--map-geometry:#919aa8;--map-labels-text-fill:#dee1e5;--map-labels-text-stroke:#546071;--map-road:#bbc0ca;--map-water:#747e8e;--tooltip-background:#fff;--dropdown-background:#e0e4e8;--card-background:#fff;--sidebar-background:#023068;--text:#16171a;--icon-active-color:#fff;--sidebar-icon-active-color:#fff;--form-disabled:#e0e4e8;--app-bg:var(--background);--app-surface:var(--card-background);--app-sidebar-surface:var(--sidebar-background);--topbar-background:#fff;--app-surface-soft:var(--700);--app-surface-muted:var(--input-background);--app-border:var(--border);--app-border-strong:var(--500);--app-text:var(--text);--app-text-strong:var(--100);--app-text-muted:#464950;--app-text-soft:var(--500);--app-primary:#063b7b;--app-primary-strong:#083c7c;--app-accent:#d7a63f;--app-accent-strong:#d9ad45;--app-shadow:var(--shadow-box);--app-announcement-ticker-bg:#d04e4e;--app-announcement-ticker-border:#e72604;--app-announcement-ticker-text:#fff;--app-card-bg:#fff;--app-card-secondary-bg:#f4f5f7;--app-card-secondary-border:#f4f5f7;--app-card-text:#073b78;--app-card-strong:#071b3a;--app-legend-border:#1f1786;--app-legend-text:#24272d;--app-icon-color:#c89b3c;--app-login-card-bg:#ffffffe6;--app-select-branch-bg:transparent;--app-select-branch-border:#e6e8f2;--app-select-branch-text:#d8ac4c;--app-login-header-text:#d8ac4c;--app-button-bg:#d8ac4c;--app-card-ticket-bg:#f0f4f9;--app-card-ticket-info-bg:#fff}html,body{font-family:var(--font-kanit);margin:0;padding:0}html{min-height:100%}body{min-height:100vh;color:var(--app-text);background:var(--app-bg);font-weight:400}*,:before,:after{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-weight:200}button{background:0 0;border:0}img,svg{max-width:100%;display:block}.main-layout{padding:20px}.page-section{box-sizing:border-box;overflow-wrap:break-word;background:var(--app-bg);width:100%;min-width:0;max-width:100%;min-height:100%;overflow-x:hidden}.page-card{background:var(--app-card-bg);border-radius:18px;width:100%;padding:14px 14px 16px;box-shadow:0 0 0 1px #0f172a08}.page-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.page-card-title{color:var(--app-accent);margin:0;font-size:24px;font-weight:600;line-height:1.25}.page-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.page-toolbar__left,.page-toolbar__right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-toolbar__left{flex:auto}.page-toolbar__right{flex:none}.page-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:10px;display:flex}.table-ui-card{background:var(--app-surface);border-radius:18px;padding:14px}.table-ui-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow:auto visible}.table-ui{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.table-ui thead th{background:var(--app-surface-muted);color:var(--app-text-muted);text-align:left;white-space:nowrap;vertical-align:middle;padding:20px 14px;font-size:14px;font-weight:500;line-height:1.2}.table-ui thead th:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.table-ui thead th:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.table-ui tbody td{color:var(--app-text);white-space:nowrap;vertical-align:middle;border:0;padding:11px 14px;font-size:12px;font-weight:400;line-height:1.2}.table-ui tbody tr{transition:background-color .2s}.table-ui tbody tr:hover{background-color:#0f172a04}.table-ui__col-center{text-align:center}.table-ui__col-right{text-align:right}.ar-ap-summary-table thead th{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;padding:12px 10px}.ar-ap-summary-table tbody td{text-overflow:ellipsis;overflow:hidden}.table-ui__col-action{text-align:center;width:90px}.table-ui__col-status{text-align:center;width:110px}.table-ui__empty{text-align:center;color:var(--app-text-soft)!important;padding:28px 12px!important}.table-ui__muted{color:var(--app-text-soft)}.table-ui-switch.form-check{justify-content:center;align-items:center;min-height:auto;margin-bottom:0;padding-left:0;display:inline-flex}.table-ui-switch .form-check-input{float:none;cursor:pointer;appearance:none;background-color:#cfd4db;border:0;border-radius:999px;width:26px;min-width:26px;height:14px;margin:0;position:relative;box-shadow:none!important;background-image:none!important}.table-ui-switch .form-check-input:focus{box-shadow:0 0 0 2px #d7a63f29!important}.table-ui-switch .form-check-input:before{content:"";background:#fff;border-radius:999px;width:10px;height:10px;transition:left .2s;position:absolute;top:2px;left:2px}.table-ui-switch .form-check-input:checked{background-color:#d7a63f}.table-ui-switch .form-check-input:checked:before{left:14px}.table-pagination-wrap{padding-top:10px}.table-pagination-wrap .pagination,.table-pagination-wrap .app-pagination,.table-pagination-wrap .pagination-wrapper{margin-bottom:0}.table-ui-striped tbody tr:hover{background-color:#0f172a0a}.table-ui-striped tbody td{background:0 0}.table-ui--bordered{border-collapse:separate;border-spacing:0;border:1px solid var(--app-border);border-radius:12px;overflow:hidden}.table-ui--bordered thead tr{background-color:var(--app-surface-soft)}.table-ui--bordered thead th,.table-ui--bordered tbody td{border-bottom:1px solid var(--app-border);border-right:1px solid var(--app-border)}.table-ui--bordered thead th:last-child,.table-ui--bordered tbody td:last-child{border-right:none}.table-ui--bordered tbody tr:last-child td{border-bottom:none}.table-ui--bordered tbody tr:hover{background-color:var(--app-surface-soft)}.table-ui--bordered .table-ui__empty{border-bottom:none}.page-title{color:var(--app-accent);margin:0;font-size:24px;font-weight:600;line-height:1.25}.page-breadcrumb{color:var(--app-text-soft);margin:4px 0 0;font-size:12px;font-weight:400;line-height:1.4}.section-block-title{color:var(--app-primary-strong);margin:0;font-size:15px;font-weight:600;line-height:1.4}.form-label-ui{color:var(--app-text-muted);margin-bottom:6px;font-size:12px;font-weight:500;line-height:1.4;display:inline-block}.text-muted{color:var(--app-text-muted)!important}.text-body{color:var(--app-text)!important}.nav-link{color:var(--app-primary-strong)!important}.user-edit-tabs-nav.nav-tabs .nav-link.active{color:#fff!important}.form-control-ui.form-control,.form-select-ui.form-select,.form-control:not(.filter-input__field),.form-select,.drf-input{color:#0a0a0a!important;background:#fff!important;border:1px solid #e6e8f2!important}html[data-theme=dark] .form-control-ui.form-control,html[data-theme=dark] .form-select-ui.form-select,html[data-theme=dark] .form-control:not(.filter-input__field),html[data-theme=dark] .form-select,html[data-theme=dark] .drf-input{border:1px solid var(--app-card-secondary-border)!important;background:var(--app-card-secondary-bg)!important;color:var(--app-text-muted)!important}.form-select-ui.form-select,.form-control-ui.form-control{border:1px solid var(--app-border-strong);min-height:38px;color:var(--app-text);background-color:var(--app-card-secondary-bg);border-radius:10px;font-size:12px;box-shadow:none!important}.form-select-ui.form-select:focus,.form-control-ui.form-control:focus{border-color:#d7a63f;box-shadow:0 0 0 2px #d7a63f1f!important}.form-select-ui.form-select.is-invalid,.form-control-ui.form-control.is-invalid{border-color:#ef5f79!important}.form-select-ui.form-select.is-invalid:focus,.form-control-ui.form-control.is-invalid:focus{border-color:#ef5f79!important;box-shadow:0 0 0 2px #ef5f791f!important}.promotion-balance-input .form-control-ui.form-control{background-color:var(--app-card-secondary-bg)!important;border-color:var(--app-border-strong)!important;color:var(--app-text)!important;border-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.promotion-balance-input .input-group-text{border-top-right-radius:10px;border-bottom-right-radius:10px;min-height:38px;font-size:12px;background-color:var(--app-card-secondary-bg)!important;border-color:var(--app-border-strong)!important;color:var(--app-text)!important;border-left:0!important}.promotion-balance-input .form-control-ui.form-control.is-invalid,.promotion-balance-input .form-control-ui.form-control.is-invalid+.input-group-text{border-color:#ef5f79!important}.section-empty-state{border:1px solid var(--app-border);background:var(--app-surface-soft);text-align:center;min-height:160px;color:var(--app-text-soft);border-radius:14px;justify-content:center;align-items:center;padding:24px;font-size:12px;line-height:1.5;display:flex}.alert-ui-success{color:#1f7a3d;background:#eaf7ee;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.4}.info-chip{color:#b68a1f;background:#f8f1df;border-radius:999px;align-items:center;min-height:30px;padding:6px 12px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.permission-box{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px;width:100%;overflow:hidden}.permission-box__head{background:var(--app-surface-soft);border-bottom:1px solid var(--app-border)}.permission-box__head-cell{color:var(--app-text-muted);padding:10px 12px;font-size:12px;font-weight:600;line-height:1.4}.permission-box__row{border-bottom:1px solid var(--app-border)}.permission-box__row:last-child{border-bottom:0}.permission-box__cell{padding:10px 12px}.permission-box__action-list{grid-template-columns:1fr;display:grid}.permission-box__action-item{border-bottom:1px solid var(--app-border);align-items:center;min-height:34px;padding:4px 0;display:flex}.permission-box__action-item:last-child{border-bottom:0}.permission-box__empty{min-height:40px;color:var(--app-text-soft);align-items:center;font-size:12px;display:flex}.permission-label{color:var(--app-text);font-size:12px;line-height:1.45}.permission-box .form-check{min-height:auto;margin:0}.permission-box .form-check-input{box-shadow:none!important}.permission-box .form-check-input:checked{background-color:#d7a63f;border-color:#d7a63f}.permission-box .form-check-input:focus{border-color:#d7a63f;box-shadow:0 0 0 2px #d7a63f1f!important}.content-max-width-lg{max-width:1440px}.action-button-col{width:auto}@media (max-width:767.98px){.page-title{font-size:20px}.page-breadcrumb{font-size:11px}.section-empty-state{min-height:140px;padding:20px}.action-button-col{width:100%}}.detail-label-ui{color:#2f5b9a;margin-bottom:4px;font-size:12px;font-weight:600;line-height:1.4;display:inline-block}.detail-value-ui{color:#4b5563;word-break:break-word;font-size:12px;font-weight:400;line-height:1.5}.detail-avatar-badge{color:#fff;background:linear-gradient(#f3d79a 0%,#d7a63f 100%);border-radius:999px;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;font-size:9px;font-weight:600;line-height:1;display:inline-flex}.detail-inline-user{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.readonly-table-wrap{background:#fff;border:1px solid #edf0f5;border-radius:12px;width:100%;overflow:hidden}.readonly-table-head{background:#f7f8fa;border-bottom:1px solid #edf0f5}.readonly-table-head__cell{color:#7b8494;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.4}.readonly-table-row{border-bottom:1px solid #edf0f5}.readonly-table-row:last-child{border-bottom:0}.readonly-table-cell{color:#4b5563;padding:10px 12px;font-size:12px;line-height:1.5}.readonly-table-cell--left{background:#fcfcfd}.readonly-table-list{grid-template-columns:1fr;display:grid}.readonly-table-list__item{color:#4b5563;border-bottom:1px solid #f0f3f7;align-items:center;min-height:34px;padding:4px 0;font-size:12px;line-height:1.45;display:flex}.readonly-table-list__item:last-child{border-bottom:0}.readonly-table-empty{color:#9ca3af;align-items:center;min-height:40px;font-size:12px;display:flex}.user-level-permission-table{border-color:#dde4ee;border-radius:12px}.user-level-permission-table .readonly-table-head{background:var(--app-card-secondary-bg);border-bottom-color:#dde4ee}.user-level-permission-table .readonly-table-head__cell{color:var(--app-text);padding:12px 16px;font-weight:500}.user-level-permission-table .readonly-table-row{border-bottom-color:#dde4ee}.user-level-permission-table .readonly-table-row:nth-child(2n){background:var(--app-card-secondary-bg)}.user-level-permission-table .readonly-table-cell{min-height:34px;color:var(--app-text);padding:10px 16px}.user-level-permission-table .readonly-table-cell--left{background:0 0;align-items:center;height:100%;display:flex}.user-level-permission-table .col-6:first-child{border-right:1px solid #dde4ee}.user-level-permission-table .readonly-table-list__item{min-height:34px;color:var(--app-text);border-bottom-color:#dde4ee}.user-level-permission-table .readonly-table-empty{color:#6b7280}@media (max-width:767.98px){.readonly-table-head__cell,.readonly-table-cell{padding:9px 10px}}.app-form-modal-dialog{max-width:420px}.app-form-modal-content{border:0;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0f172a1f}.app-form-modal-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.app-form-modal-title{color:#2f2f2f;margin:0;font-size:16px;font-weight:600;line-height:1.3}.app-form-modal-close{width:28px;min-width:28px;height:28px;color:var(--app-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-form-modal-close:disabled{opacity:.6;cursor:not-allowed}.app-form-modal-body{padding:16px}.app-form-modal-footer{border-top:0;padding:0 16px 16px}.app-form-modal-button{min-width:120px}@media (max-width:575.98px){.app-form-modal-dialog{max-width:calc(100vw - 24px);margin:12px auto}.app-form-modal-button{flex:1 1 0;min-width:0}}.app-selector-modal-dialog{max-width:980px}.app-selector-modal-content{border:0;border-radius:18px;overflow:hidden;box-shadow:0 10px 40px #0f172a1f}.employee-picker-input-wrap{position:relative}.employee-picker-input-button{z-index:3;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (max-width:991.98px){.app-selector-modal-dialog{max-width:calc(100vw - 24px);margin:12px auto}}.upload-box-ui{background:#f8f9fb;border:1px solid #edf0f5;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 12px;display:flex;position:relative}.upload-box-ui--error{border-color:#ef5f79}.upload-box-ui__filename{color:#9aa3af;word-break:break-word;font-size:12px;line-height:1.4}.upload-box-ui__input{display:none}.upload-preview-box{background:#fff;border:1px solid #edf0f5;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:184px;padding:24px;display:flex;overflow:hidden}.upload-preview-box__image{object-fit:contain;max-width:100%;max-height:180px}.upload-preview-box__placeholder{color:#9aa3af;text-align:center;font-size:12px;line-height:1.5}.form-error-text{color:#ef5f79;margin-top:6px;font-size:12px;line-height:1.4;display:block}.form-check-input{cursor:pointer}.form-check-input:checked{background-color:#c9a34e;border-color:#c9a34e}.form-check-input:focus{border-color:#c9a34e;box-shadow:0 0 0 .2rem #c9a34e40}.form-check-input:hover{border-color:#c9a34e}.badge-ui{letter-spacing:0;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:93px;height:31px;padding:0 16px;font-size:13px;font-weight:400;line-height:1;display:inline-flex}.badge-ui--primary{color:#fff;background:#4294ed}.badge-ui--warning{color:#fff;background:#f2be32}.badge-ui--secondary{color:#fff;background:#9e9e9e}.sms-template-form-card{border-radius:28px;padding:22px 22px 16px}.sms-template-form-card__title{color:#2f3542;margin-bottom:18px;font-size:20px;font-weight:700;line-height:1.3}.sms-template-form__textarea{resize:none;min-height:132px;padding-top:14px}.sms-template-form__error{color:#eb4d61;margin-top:6px;font-size:12px;font-weight:400;line-height:1.4}.sms-template-form-footer{padding-top:18px}.sms-template-form-footer__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.sms-template-form-footer__actions .app-button,.sms-template-form-footer__actions .btn,.sms-template-form-footer__actions button{min-width:100px}@media (max-width:767.98px){.sms-template-form-card{border-radius:20px;padding:16px}.sms-template-form-card__title{margin-bottom:16px;font-size:18px}.sms-template-form-footer{padding-top:16px}.sms-template-form-footer__actions{justify-content:flex-start;width:100%}}.app-form-modal-dialog--xl{width:calc(100% - 24px);max-width:960px}.lead-upload-modal-section{background:#f6f6f8;border-radius:20px;padding:18px}.lead-upload-modal-file-box{background:#fff;border:1px solid #0000;border-radius:20px;padding:18px 16px}.lead-upload-modal-file-box--error{border-color:#ef476f}.lead-upload-modal-file-row{align-items:center;gap:14px;min-height:42px;display:flex}.lead-upload-modal-file-name{color:#9b9b9b;word-break:break-word;flex:1;min-width:0;font-size:16px;font-weight:500}.lead-upload-modal-remove{color:#ef476f;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;display:inline-flex}.lead-upload-modal-preview{overflow-x:auto}.lead-upload-modal-preview-head{text-align:center;color:#555;grid-template-columns:80px 170px 90px 110px 120px 110px 100px;align-items:center;gap:0;min-width:760px;padding:0 8px 12px;font-size:15px;font-weight:600;display:grid}.lead-upload-modal-preview-body{min-width:760px}.lead-upload-modal-preview-row{text-align:center;color:#555;background:#fff;border:1px solid #d9dee8;border-radius:16px;grid-template-columns:80px 170px 90px 110px 120px 110px 100px;align-items:center;min-height:56px;font-size:15px;font-weight:500;display:grid}.lead-upload-modal-empty{color:#8f8f8f;background:#fff;border:1px solid #d9dee8;border-radius:16px;justify-content:center;align-items:center;min-width:760px;min-height:56px;font-size:15px;font-weight:500;display:flex}.lead-upload-modal-section-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.lead-upload-modal-section-title span{color:var(--app-accent);white-space:nowrap;font-size:18px;font-weight:700}.lead-upload-modal-section-title div{background:#fff;flex:1;height:1px}.lead-upload-modal-dropdown.is-invalid .filter-dropdown-toggle,.lead-upload-modal-dropdown.is-invalid .filter-dropdown-button,.lead-upload-modal-dropdown.is-invalid .dropdown-toggle{border-color:#ef476f!important}.lead-upload-modal-date-wrap{position:relative}.lead-upload-modal-date-wrap>i{color:#333;pointer-events:none;z-index:2;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.lead-upload-modal-date-input{padding-left:40px!important}.form-error-ui{color:#ef476f;font-size:14px;font-weight:500}.lead-usage-progress{background:#e7e7e7;border-radius:999px;width:100%;height:14px;overflow:hidden}.lead-usage-progress__bar{border-radius:999px;justify-content:flex-end;align-items:center;height:100%;padding-right:8px;display:flex}.lead-usage-progress__bar span{color:#fff;font-size:10px;font-weight:700;line-height:1}@media (max-width:767.98px){.app-form-modal-dialog--xl{max-width:calc(100% - 16px);margin:8px auto}.lead-upload-modal-section{border-radius:18px;padding:14px}.lead-upload-modal-file-row{flex-wrap:wrap;align-items:flex-start}.lead-upload-modal-file-name{width:100%}}.lead-detail-summary{flex-direction:column;gap:18px;display:flex}.lead-detail-summary__title{color:#0b3b7a;font-size:28px;font-weight:700;line-height:1.2}.lead-detail-summary__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;display:grid}.lead-detail-summary__item{min-width:0}.lead-detail-summary__item--wide{grid-column:span 2}.lead-detail-summary__label{color:#0b3b7a;margin-bottom:6px;font-size:16px;font-weight:600}.lead-detail-summary__value{color:#555;word-break:break-word;font-size:24px;font-weight:400;line-height:1.4}.lead-detail-summary__value--user{align-items:center;gap:8px;font-size:22px;display:inline-flex}.lead-detail-summary__avatar{object-fit:cover;border-radius:999px;width:24px;height:24px}.lead-detail-tabs{flex-wrap:wrap;gap:6px;padding:8px 0;display:flex}.lead-detail-tabs__item{color:#7a7a7a;background:0 0;border:0;border-radius:999px;min-height:30px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.lead-detail-tabs__item--active{color:#fff;background:#d5a63d}.lead-detail-table tbody tr td{vertical-align:top}.lead-detail-table tbody tr td:first-child,.lead-detail-table tbody tr td:nth-child(6),.lead-detail-table tbody tr td:nth-child(7),.lead-detail-table tbody tr td:nth-child(12),.lead-detail-table tbody tr td:nth-child(13),.lead-detail-table tbody tr td:nth-child(14),.lead-detail-table tbody tr td:nth-child(15),.lead-detail-table tbody tr td:nth-child(16),.lead-detail-table tbody tr td:nth-child(17),.lead-detail-table tbody tr td:nth-child(18){white-space:nowrap}@media (max-width:1399.98px){.lead-detail-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-detail-summary__item--wide{grid-column:span 2}}@media (max-width:767.98px){.lead-detail-summary__title{font-size:22px}.lead-detail-summary__grid{grid-template-columns:1fr;gap:14px}.lead-detail-summary__item--wide{grid-column:span 1}.lead-detail-summary__label{font-size:15px}.lead-detail-summary__value,.lead-detail-summary__value--user{font-size:18px}.lead-detail-tabs{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.lead-detail-tabs__item{white-space:nowrap;flex:none}}.ticket-page{background:var(--app-bg)}.ticket-page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.ticket-page-title{margin:0;font-size:22px;font-weight:500}.ticket-main-tabs{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:0;padding:5px;display:inline-flex}.ticket-main-tab{color:#666;background:0 0;border:0;border-radius:12px;min-width:120px;height:34px;padding:0 20px;font-size:14px;font-weight:500;transition:all .2s}.ticket-main-tab.active{color:#fff;background:#d9a338;box-shadow:0 2px 6px #d9a33847}.ticket-card{border-radius:16px;padding:18px 18px 20px}.ticket-status-dot--normal{background:#4095f7}.ticket-status-dot--important{background:#f28c00}.ticket-status-dot--very_important{background:#d82f5d}.ticket-status-dot--cancelled{background:#a8adb5}.ticket-toolbar{justify-content:space-between;gap:16px;margin-bottom:24px}.ticket-toolbar__left{flex-wrap:wrap;gap:18px}.ticket-table thead th{background:var(--app-surface-muted);height:54px;color:var(--app-text-muted);font-size:14px;font-weight:500}.ticket-table tbody td{height:72px;color:var(--app-text);vertical-align:middle;font-size:14px}.ticket-priority-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:54px;height:28px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.ticket-priority-badge--normal{background:#3595f6}.ticket-priority-badge--important{background:#fb8c00}.ticket-priority-badge--very_important{background:#d92d5b}.ticket-status--pending{background:#fec832}.ticket-status--processing{background:#3c9bf7}.ticket-status--completed{background:#5ec16a}.ticket-status--cancelled{background:#d13656}.ticket-user{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.ticket-user__avatar{object-fit:cover;border-radius:999px}.ticket-grid-board{grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;min-height:470px;display:grid}.ticket-grid-column{background:var(--app-card-ticket-bg);border:1px solid var(--app-border);border-radius:18px;flex-direction:column;min-width:0;padding:14px 10px;display:flex}.ticket-grid-column__head{justify-content:space-between;align-items:center;gap:10px;min-height:30px;padding:0 4px 12px;display:flex}.ticket-grid-column__head h2{color:#073b78;margin:0;font-size:16px;font-weight:700}.ticket-grid-count{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.ticket-grid-count--pending{background:#fec832}.ticket-grid-count--processing{background:#3c9bf7}.ticket-grid-count--completed{background:#5ec16a}.ticket-grid-count--cancelled{background:#d13656}.ticket-grid-count--important{background:#f68f08}.ticket-grid-more-button .action-dropdown__toggle.btn{background:0 0!important;border:0!important}.ticket-grid-more-button .action-dropdown__toggle.btn:hover,.ticket-grid-more-button .action-dropdown__toggle.btn:focus,.ticket-grid-more-button .action-dropdown__toggle.btn:active,.ticket-grid-more-button .action-dropdown__toggle.btn.show{box-shadow:none!important;background:0 0!important;border:0!important}.ticket-grid-column__body{flex-direction:column;gap:12px;min-height:0;padding:0 2px 4px;display:flex;overflow-y:auto}.ticket-grid-card{background:var(--app-surface);border-left:3px solid #3595f6;border-radius:14px;padding:12px 12px 10px;position:relative;box-shadow:0 4px 12px #0f172a1a}.ticket-grid-card--important{border-left-color:#fb8c00}.ticket-grid-card--very_important{border-left-color:#d92d5b}.ticket-grid-card__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ticket-grid-card__no{color:#7d8794;font-size:10px;line-height:1.2;display:block}.ticket-grid-card h3{color:var(--app-text-strong);margin:2px 0 0;font-size:13px;font-weight:700;line-height:1.25}.ticket-grid-card p{min-height:32px;color:var(--app-text-muted);margin:4px 0 8px;font-size:11px;line-height:1.45}.ticket-grid-card__line{background:var(--app-border);height:1px;margin-bottom:8px}.ticket-grid-card__footer,.ticket-grid-user,.ticket-grid-date{align-items:center;display:flex}.ticket-grid-card__footer{justify-content:space-between;gap:8px}.ticket-grid-user{min-width:0;color:var(--app-text-muted);gap:6px;font-size:11px}.ticket-grid-priority{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;height:20px;padding:0 8px;font-size:10px;display:inline-flex}.ticket-grid-priority--normal{color:#3595f6;background:#e5f3ff}.ticket-grid-priority--important{color:#f28c00;background:#fff1d9}.ticket-grid-priority--very_important{color:#d92d5b;background:#ffe6ec}.ticket-grid-date{color:var(--app-text-soft);gap:4px;margin-top:5px;font-size:10px}.ticket-graph-card{border:1px solid var(--app-border);border-radius:18px;min-height:480px;padding:24px 22px 26px;box-shadow:0 8px 24px #0f172a14}.ticket-graph-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ticket-graph-card__head h2{color:var(--app-card-text);margin:0;font-size:16px;font-weight:700}.ticket-graph-card__head span{color:var(--app-text-soft);font-size:13px}.ticket-graph-plot{border-bottom:1px solid #dce3ee;border-left:1px solid #dce3ee;min-height:380px;padding:16px 18px 0;position:relative}.ticket-graph-grid{pointer-events:none;grid-template-rows:repeat(5,1fr);display:grid;position:absolute;inset:16px 18px 34px}.ticket-graph-grid span{border-top:1px solid #dce3ee}.ticket-graph-bars{z-index:1;grid-template-columns:repeat(4,minmax(120px,1fr));align-items:end;gap:28px;min-height:340px;display:grid;position:relative}.ticket-graph-bar-group{flex-direction:column;align-items:center;min-width:0;display:flex}.ticket-graph-bar-wrap{align-items:flex-end;height:300px;display:flex}.ticket-graph-bar{color:#fff;border-radius:14px 14px 12px 12px;justify-content:center;align-items:flex-start;width:72px;min-height:0;padding-top:8px;font-size:13px;font-weight:700;display:flex}.ticket-graph-bar--pending{background:#fec832}.ticket-graph-bar--processing{background:#3c9bf7}.ticket-graph-bar--completed{background:#5ec16a}.ticket-graph-bar--cancelled{background:#d13656}.ticket-graph-label{color:var(--app-text-soft);text-align:center;margin-top:10px;font-size:12px}@media (max-width:991.98px){.ticket-page-header{flex-direction:column;align-items:flex-start}.ticket-main-tabs{justify-content:flex-start;width:100%;min-width:0;overflow-x:auto}.ticket-main-tab{min-width:130px}.ticket-status-filter{flex-direction:column;align-items:flex-start}.ticket-status-filter__items{width:100%;padding-bottom:4px;overflow-x:auto}.ticket-toolbar{flex-direction:column;align-items:stretch}.ticket-toolbar__left,.ticket-filter--search,.ticket-filter--select,.ticket-filter--date{width:100%}.ticket-grid-board,.ticket-graph-bars{overflow-x:auto}.ticket-grid-board{grid-template-columns:repeat(4,minmax(240px,1fr))}.ticket-graph-plot{overflow-x:auto}.ticket-graph-bars{min-width:680px}}.installment-create-page .page-title{font-size:20px}.installment-link{color:#0c3d80}.installment-card{border-radius:14px;padding:18px 20px 16px}.installment-checkbox-list{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.installment-checkbox-list .form-check-label,.installment-checkbox-list .form-check-input{font-size:12px}.installment-upload-box{border-radius:14px;margin-top:8px}.installment-section-line{align-items:center;gap:10px;margin-bottom:14px;display:flex}.installment-section-line>span{color:var(--app-primary-strong);white-space:nowrap;font-size:15px;font-weight:600}.installment-section-line>div:empty{background:#edf0f5;flex:1;height:1px}.installment-section-line>.form-check{white-space:nowrap;background:0 0;flex:none;height:auto;margin-bottom:0}.installment-upload-input{background:#f1f2f4;border:0;min-height:56px}.installment-remove-file{color:#ef476f;margin-left:auto;font-size:13px}.installment-input-icon{position:relative}.installment-input-icon .form-control{padding-right:34px}.installment-input-icon span{color:#4b5563;pointer-events:none;font-size:14px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.installment-full-dropdown,.installment-full-dropdown .filter-dropdown,.installment-full-dropdown .dropdown,.installment-full-dropdown .filter-dropdown-toggle,.installment-full-dropdown .filter-dropdown-button,.installment-full-dropdown .dropdown-toggle{width:100%!important}.is-invalid-ui .filter-dropdown-toggle,.is-invalid-ui .filter-dropdown-button,.is-invalid-ui .dropdown-toggle{border-color:#ef5f79!important}.installment-table{min-width:760px}.installment-table tbody td{height:48px;padding:8px 12px}.installment-textarea{resize:none;min-height:96px;background:#f1f2f4!important;border:0!important}@media (max-width:991.98px){.installment-checkbox-list{gap:12px}}.installment-preview-box{background:#fff;border:1px solid #edf0f5;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:198px;padding:18px;display:flex;overflow:hidden}.installment-preview-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:170px}.supplier-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.supplier-type-tab{color:#555;background:#fff;border:1px solid #d8dee8;border-radius:12px;height:36px;font-size:12px;font-weight:400;transition:all .2s}.supplier-type-tab.active{color:#d7a63f;border-color:#d7a63f}.supplier-divider{background:#edf0f5;width:100%;height:1px}.agent-license-form-card,.agent-license-form-card .permission-box{overflow:hidden}.agent-license-form-card .permission-box>.p-3{min-width:0}.agent-license-form-card .d-flex.align-items-center.gap-3.mb-3{flex-wrap:wrap}.agent-license-form-card .section-block-title{flex:none}.agent-license-form-card .supplier-divider{flex:180px;min-width:64px}.agent-license-form-card .supplier-type-tabs{width:100%;min-width:0}.agent-license-form-card .d-flex.align-items-center.gap-3.mb-3>.supplier-type-tabs{flex:0 330px;max-width:100%;width:auto!important}.agent-license-form-card .supplier-type-tab.active{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 10px;overflow:hidden;color:#d8ac4c!important;border-color:#d8ac4c!important}.agent-license-form-card .input-group{flex-wrap:nowrap;min-width:0}.agent-license-form-card .input-group-text{background:var(--app-card-secondary-bg);border-color:var(--app-border-strong);min-height:38px;color:var(--app-text);box-shadow:none;font-size:12px}.agent-license-form-card .input-group>.form-control-ui.form-control{min-width:0}.agent-license-form-card .input-group>.form-control-ui.form-control:not(:first-child){border-left:0}.agent-license-form-card .input-group>.form-control-ui.form-control:has(+.app-button){border-right:0}.agent-license-form-card .input-group>.app-button,.agent-license-form-card .input-group>.btn{border-top-left-radius:0;border-bottom-left-radius:0;flex:none;min-height:38px}@media (max-width:575.98px){.agent-license-form-card{padding:14px}.agent-license-form-card .supplier-type-tabs{grid-template-columns:1fr}.agent-license-form-card .d-flex.align-items-center.gap-3.mb-3>.supplier-type-tabs{flex-basis:100%}}.supplier-footer-action{justify-content:flex-end;align-items:center;gap:10px;display:flex}.supplier-input-icon{position:relative}.supplier-input-icon i{color:#444;z-index:2;font-size:12px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.supplier-input-control{padding-left:36px!important}.supplier-shipping-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.supplier-note-textarea{resize:none;min-height:92px}@media (max-width:767.98px){.supplier-footer-action{flex-wrap:wrap;justify-content:flex-start;width:100%}.supplier-footer-action .app-button{width:100%}}.coverage-comparison-modal{--bs-modal-width:min(1180px, calc(100vw - 24px));font-family:var(--font-kanit), "Kanit", sans-serif}.coverage-comparison-modal__content{border:1px solid #e5eaf2;border-radius:18px;overflow:hidden}.coverage-comparison-modal__header{border-bottom:1px solid #e8edf5;min-height:54px;padding:12px 16px}.coverage-comparison-modal__title{color:#111827;font-size:16px;font-weight:600}.coverage-comparison-modal__body{max-height:calc(100vh - 110px);padding:16px;overflow:auto}.coverage-comparison-table-wrap{border:1px solid #e8edf5;border-radius:12px;width:100%;overflow-x:auto}.coverage-comparison-table{border-collapse:separate;border-spacing:0;color:#374151;width:100%;min-width:1040px;font-size:13px}.coverage-comparison-table th,.coverage-comparison-table td{vertical-align:middle;border-bottom:1px solid #e8edf5;border-right:1px solid #e8edf5;padding:12px 16px}.coverage-comparison-table th:last-child,.coverage-comparison-table td:last-child{border-right:0}.coverage-comparison-table tr:last-child td{border-bottom:0}.coverage-comparison-table__topic{color:#111827;text-align:left;background:#f4f6fa;width:34%;font-weight:500}.coverage-comparison-table__company{color:#fff;text-align:center;width:22%;font-weight:600}.coverage-comparison-table__company--blue{background:#063b78}.coverage-comparison-table__company--gold{background:#dfb146}.coverage-comparison-table__company--purple{background:#281889}.coverage-comparison-table__section-row td{color:#4b5563;background:#f7f8fb;font-weight:500}.coverage-comparison-table__check{color:#fff;background:#58c878;border-radius:4px;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;display:inline-flex}.auth-layout-shell,.auth-layout-content-container,.auth-layout-announcement{background:var(--app-bg)}.auth-layout-topbar,.auth-layout-mobile-drawer-header,.auth-layout-user-menu,.announcement-ticker,.dropdown-menu,.modal-content,.app-form-modal-content,.app-selector-modal-content{background:var(--topbar-background);color:var(--app-text)}.auth-layout-menu-toggle,.auth-layout-support-dropdown,.ticket-main-tabs,.supplier-type-tab{background:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-border-strong)!important}.auth-layout-talktime-box,.auth-layout-user-action-light,.auth-layout-user-action-muted,.upload-box-ui,.lead-upload-modal-section,.installment-upload-input,.installment-textarea,.ticket-table thead th{background:var(--app-surface-muted)!important}.auth-layout-talktime-title,.auth-layout-talktime-target,.auth-layout-user-license,.auth-layout-user-menu-license,.auth-layout-user-logout,.announcement-ticker-text,.dropdown-item,.modal-body,.modal-title,.app-form-modal-title,.detail-value-ui,.readonly-table-cell,.readonly-table-list__item{color:var(--app-text)}.auth-layout-user-name,.auth-layout-user-menu-name,.auth-layout-mobile-drawer-title,.coverage-comparison-modal__title,.readonly-table-head__cell{color:var(--app-text-strong)}.auth-layout-talktime-value,.detail-label-ui,.installment-link,.lead-detail-summary__title,.lead-detail-summary__label{color:var(--app-primary-strong)}.auth-layout-circle-btn.blue,.auth-layout-user-action-primary,.auth-layout-user-role{background:var(--app-primary)}.auth-layout-circle-btn.gold,.auth-layout-user-action-gold,.auth-layout-user-profile-btn,.lead-detail-tabs__item--active,.ticket-main-tab.active{background:var(--app-accent-strong)}.auth-layout-user-menu,.announcement-ticker,.app-form-modal-content,.app-selector-modal-content{box-shadow:0 16px 38px var(--app-shadow)}.readonly-table-wrap,.upload-preview-box,.lead-upload-modal-file-box,.lead-upload-modal-preview-row,.lead-upload-modal-empty,.installment-preview-box,.permission-box,.table-ui-card{background:var(--app-card-bg);border-color:var(--app-border)}.readonly-table-head,.readonly-table-cell--left,.readonly-table-list__item,.upload-preview-box__placeholder{color:var(--app-text-muted)}html[data-theme=dark] .dropdown-item:hover,html[data-theme=dark] .dropdown-item:focus,html[data-theme=dark] .table-ui tbody tr:hover,html[data-theme=dark] .table-ui-striped tbody tr:hover{color:var(--app-text-muted);background-color:#ffffff0f}html[data-theme=dark] .form-select-ui.form-select,html[data-theme=dark] .form-control-ui.form-control,html[data-theme=dark] .form-select,html[data-theme=dark] .form-control:not(.filter-input__field){background-color:var(--app-card-secondary-bg);border-color:var(--app-card-secondary-border);color:var(--app-text)}html[data-theme=dark] .form-select-ui.form-select::placeholder,html[data-theme=dark] .form-control-ui.form-control::placeholder,html[data-theme=dark] .form-control:not(.filter-input__field)::placeholder{color:var(--app-text-soft)}html[data-theme=dark] .btn-light{background-color:var(--app-surface)!important;border-color:var(--app-border-strong)!important;color:var(--app-text)!important}.text-warning{color:#f68f08!important}.modal-content{min-height:800px}.motor-step{justify-content:end;align-items:flex-start;gap:12px;padding:8px;display:flex;overflow:auto visible}.motor-link{color:#2583e9;text-decoration:underline}.motor-step__item{color:#344054;text-align:center;background:0 0;flex-direction:column;align-items:center;gap:4px;min-width:86px;padding:0;font-size:10px;display:flex;position:relative}.motor-step__item:not(:last-child):after{content:"";background:#7d8290;width:54px;height:2px;position:absolute;top:15px;left:60px}.motor-step__circle{color:#fff;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 0 0 2px #d8dde6}.motor-step__circle--active{color:#d0a03a;background:#fff;box-shadow:0 0 0 2px #d0a03a}.motor-step__circle i{color:#0b3b7a;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;line-height:1;display:inline-flex}.motor-step__circle--active i{color:#d0a03a}