html,body,#root{height:100%}body{margin:0}#sidebar .sidebar-inner{overflow:hidden auto}:root{--crms-font-sans-serif:"Noto Sans Thai", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--crms-body-font-family:"Noto Sans Thai", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--bs-body-font-family:"Noto Sans Thai", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}.dropdown-item{cursor:pointer}.sidebar{overflow:visible}.sidebar .sidebar-inner{padding-bottom:112px}.crmplus-sidebar-plan{z-index:100;background:var(--crms-menu-bg);border-top:1px solid var(--crms-menu-item-border);padding:10px 12px 12px;position:absolute;bottom:0;left:0;right:0}.crmplus-plan-trigger{border:1px solid var(--crms-menu-item-border);background:var(--crms-body-bg);width:100%;color:var(--crms-menu-item-color);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.crmplus-plan-trigger:hover,.crmplus-plan-trigger:focus{border-color:var(--crms-primary);color:var(--crms-primary)}.crmplus-plan-icon{width:32px;height:32px;color:var(--crms-primary);background:#5167791a;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.crmplus-plan-meta{flex:auto;min-width:0}.crmplus-plan-name,.crmplus-plan-detail{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.crmplus-plan-name{font-size:13px;font-weight:600;line-height:1.2}.crmplus-plan-detail{color:var(--crms-secondary-color,#6c757d);margin-top:2px;font-size:11px}.crmplus-plan-menu{width:calc(var(--crms-sidenav-width) - 24px);background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px;box-shadow:0 16px 40px #0f172a38,0 2px 8px #0f172a1f;margin-bottom:6px!important}.crmplus-plan-menu .px-2.border-bottom{border-bottom-color:#e9eef3!important}.crmplus-plan-menu .dropdown-item{color:#34495e;border-radius:6px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;display:flex}.crmplus-plan-menu .dropdown-item i{color:#6b7c8c;font-size:16px}.crmplus-plan-menu .dropdown-item:hover,.crmplus-plan-menu .dropdown-item:focus{color:#203548;background:#f1f5f9}.crmplus-plan-menu .dropdown-item.text-primary,.crmplus-plan-menu .dropdown-item.text-primary i{color:var(--crms-primary)!important}.crmplus-plan-menu .dropdown-item.text-primary:hover{background:#e41f0714}.mini-sidebar .crmplus-plan-meta,.mini-sidebar .crmplus-plan-chevron{display:none}.mini-sidebar .crmplus-plan-trigger{justify-content:center;padding:9px}#sidebar{--sidebar-red:#ef2b23;--sidebar-text:#2f3542;--sidebar-muted:#7c8794;--sidebar-group:#fbfcfd;--sidebar-active:#fff0ef;background:#fff;border-right:1px solid #e8edf2;box-shadow:4px 0 18px #0f172a06}#sidebar .sidebar-logo{background:#fff;border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;height:58px;padding:0 18px 0 24px;line-height:normal;display:flex}#sidebar .sidebar-logo>div{align-items:center;min-width:0;display:flex}#sidebar .sidebar-logo .logo-normal img{width:128px;height:auto;display:block;max-width:128px!important}#sidebar .sidenav-toggle-btn{color:#586270;flex:0 0 26px;place-items:center;font-size:15px;display:grid;width:26px!important;height:26px!important;position:static!important;transform:none!important}#sidebar [data-simplebar]{height:calc(100% - 58px);top:58px}#sidebar .sidebar-inner{overscroll-behavior:contain;scrollbar-gutter:stable;height:auto;padding-bottom:12px;position:absolute;inset:58px 0 92px;overflow:hidden auto}#sidebar .sidebar-inner::-webkit-scrollbar{width:6px}#sidebar .sidebar-inner::-webkit-scrollbar-track{background:0 0}#sidebar .sidebar-inner::-webkit-scrollbar-thumb{background:#d6dde5;border-radius:999px}#sidebar .sidebar-inner:hover::-webkit-scrollbar-thumb{background:#b8c2cc}#sidebar .sidebar-menu{margin-top:0;padding:14px 14px 18px}#sidebar .sidebar-menu>ul>li,#sidebar .sidebar-menu>ul>li>ul>li{margin:0}#sidebar .sidebar-menu>ul>li>ul{gap:6px}#sidebar .sidebar-menu li.submenu{background:var(--sidebar-group);border:1px solid #f1f3f6;border-radius:6px;overflow:hidden;box-shadow:0 3px 10px #0f172a06}#sidebar .sidebar-menu li.submenu>a{min-height:40px;color:var(--sidebar-text);background:0 0;border:0;border-radius:0;padding:9px 12px}#sidebar .sidebar-menu li.submenu>a:hover,#sidebar .sidebar-menu li.submenu>a.active,#sidebar .sidebar-menu li.submenu>a.subdrop{color:var(--sidebar-red);background:0 0}#sidebar .sidebar-menu li.submenu>a>i{width:22px;height:22px;color:var(--sidebar-text);background:0 0;border:0;border-radius:0;flex:0 0 22px;place-items:center;font-size:18px;display:grid}#sidebar .sidebar-menu li.submenu>a:hover>i,#sidebar .sidebar-menu li.submenu>a.active>i,#sidebar .sidebar-menu li.submenu>a.subdrop>i{color:var(--sidebar-red);background:0 0}#sidebar .sidebar-menu li.submenu>a>span:not(.menu-arrow){color:inherit;margin-left:10px;font-size:13px;font-weight:600}#sidebar .sidebar-menu .menu-arrow{color:#56616d;right:10px}#sidebar .sidebar-menu .menu-arrow:before{font-size:13px}#sidebar .sidebar-menu li.submenu>ul{margin:0;padding:0 8px 7px}#sidebar .sidebar-menu li.submenu>ul>li{margin:0}#sidebar .sidebar-menu li.submenu>ul>li>a{min-height:32px;color:var(--sidebar-muted);border-radius:5px;padding:7px 10px 7px 30px;font-size:12px;font-weight:500;line-height:1.25}#sidebar .sidebar-menu li.submenu>ul>li>a:before{display:none}#sidebar .sidebar-menu li.submenu>ul>li>a:after{background:#98a2ad;width:5px;height:5px;left:13px}#sidebar .sidebar-menu li.submenu>ul>li>a:hover{color:var(--sidebar-red);background:#f6f8fa}#sidebar .sidebar-menu li.submenu>ul>li>a:hover:after{background:var(--sidebar-red)}#sidebar .sidebar-menu li.submenu>ul>li>a.active,#sidebar .sidebar-menu li.submenu>ul>li.active>a{background:var(--sidebar-active);color:var(--sidebar-red)}#sidebar .sidebar-menu li.submenu>ul>li>a.active:after,#sidebar .sidebar-menu li.submenu>ul>li.active>a:after{background:var(--sidebar-red)}#sidebar .crmplus-sidebar-plan{background:#fff;border-top:0;padding:10px 14px 14px}#sidebar .crmplus-plan-trigger{min-height:58px;color:var(--sidebar-text);background:#fbfcfd;border:1px solid #edf0f3;border-radius:6px;padding:9px 10px;box-shadow:0 5px 14px #0f172a0d}#sidebar .crmplus-plan-icon{width:30px;height:30px;color:var(--sidebar-red);background:#fff0ef;border-radius:5px}#sidebar .crmplus-plan-name{font-size:12px}#sidebar .crmplus-plan-detail{color:#9aa3ad;margin-top:3px;font-size:10px}#sidebar .crmplus-plan-chevron{color:#697582;font-size:13px}@media (width<=991.98px){#sidebar,#sidebar .sidebar-logo{width:min(240px,86vw)}}.crmplus-usage-modal .modal-dialog{max-width:760px}.crmplus-usage-hero{background:#f8fafb;border:1px solid #edf2f6;border-radius:8px;padding:16px}.crmplus-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.crmplus-usage-item{background:#fff;border:1px solid #edf2f6;border-radius:8px;padding:12px}.crmplus-usage-item-head{color:#203548;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.crmplus-usage-item small{color:#748596;font-size:12px;display:block}.crmplus-usage-progress{background:#edf2f6;border-radius:999px;height:6px;overflow:hidden}.crmplus-usage-progress span{border-radius:inherit;background:#d92d20;height:100%;display:block}@media (width<=575.98px){.crmplus-usage-grid{grid-template-columns:1fr}}.crmplus-billing-modal .modal-dialog{max-width:560px}.crmplus-billing-edit-modal .modal-dialog{max-width:760px}.crmplus-billing-doc-modal .modal-dialog{max-width:460px}.crmplus-billing-edit-modal.crmplus-modal-stacked,.crmplus-billing-doc-modal.crmplus-modal-stacked{z-index:1075}.crmplus-modal-stacked-backdrop{z-index:1070}.crmplus-billing-edit-modal .modal-body{max-height:72vh;overflow-y:auto}.crmplus-billing-doc-card{text-align:center}.crmplus-billing-doc-icon{color:#18a66a;background:#eef8f2;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:14px;font-size:34px;display:inline-flex}.crmplus-billing-doc-total{margin:4px 0 10px;font-size:34px;font-weight:700;line-height:1}.crmplus-billing-doc-meta{text-align:left;color:#516779;gap:8px;margin:24px 0;font-size:14px;display:grid}.crmplus-billing-doc-meta-row{justify-content:space-between;gap:14px;display:flex}.crmplus-billing-modal .modal-body{max-height:78vh;padding:0 28px 28px;overflow-y:auto}.crmplus-billing-section{border-bottom:1px solid #e7ebef;padding:24px 0}.crmplus-billing-section:last-child{border-bottom:0;padding-bottom:0}.crmplus-billing-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.crmplus-billing-section-head h6{margin:0;font-size:16px;font-weight:700}.crmplus-billing-plan-row,.crmplus-payment-method-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.crmplus-payment-method-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:4px;display:grid}.crmplus-payment-method-tab{color:#516779;background:0 0;border:0;border-radius:9px;padding:10px 12px;font-weight:600}.crmplus-payment-method-tab.active{color:#202b36;background:#fff;box-shadow:0 1px 6px #1018281a}.crmplus-billing-plan-name{color:#202b36;margin:0 0 3px;font-size:16px;font-weight:600}.crmplus-billing-muted{color:#748596;font-size:13px;line-height:1.45}.crmplus-billing-history{gap:0;display:grid}.crmplus-billing-history-row{border-bottom:1px solid #edf2f6;grid-template-columns:1fr 1fr 90px minmax(112px,auto);align-items:center;gap:10px;padding:8px 0;font-size:13px;display:grid}.crmplus-billing-history-row:last-child{border-bottom:0}.crmplus-billing-paid{color:#137a45;background:#e8f7ef;border-radius:6px;justify-self:start;padding:3px 8px;font-size:12px;font-weight:700}.crmplus-billing-action-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.crmplus-billing-danger-link{color:#d92d20!important}.crmplus-billing-pending{color:#b54708;background:#fff4e5;border-radius:6px;justify-self:start;padding:3px 8px;font-size:12px;font-weight:700}.crmplus-billing-canceled{color:#b42318;background:#fee4e2;border-radius:6px;justify-self:start;padding:3px 8px;font-size:12px;font-weight:700}.crmplus-card-brand{color:#fff;background:linear-gradient(90deg,#eb001b 0 50%,#f79e1b 50% 100%);border-radius:4px;justify-content:center;align-items:center;width:28px;height:20px;font-size:0;display:inline-flex}@media (width<=575.98px){.crmplus-billing-modal .modal-body{padding:0 18px 22px}.crmplus-billing-history-row{grid-template-columns:1fr;gap:4px}}