@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap");body{font-family:Noto Sans Thai,sans-serif;margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;overflow-x:hidden;transition:background-color .3s,color .3s}:root{--bg-sider-color:#f6f8fa;--button-text-color:#fff}.light{--bg-sider-color:#f6f8fa;--bg-gradient-color:linear-gradient(135deg,#e0f2ff,#f8effe);--container-bg-color:#fff;--login-bg-color:#f9f9f9;--button-bg-gradient:linear-gradient(90deg,#34ace0,#7b2cbf);--button-hover-bg-gradient:linear-gradient(90deg,#34a5e0,#6a2abf);--image-container-bg:#f8f9fa;--text-color-secondary:#64748b;--contact-text-color:#081021;--paymentnumber-text-color:#081021;--expire-background:#f9fafb;--hover-menu-bg:#f0f4ff;--hover-menu-text:#1e3a8a;--text-all-color:#64748b;--inputfield-background-color:#fff;--borderrenew-color:#4f46e5;--renew-color:#4f46e5;--text-color:#10243c;--text-muted-color:#555;--infotext-color:#081021;--text-muted-color-light:#aaa;--bg-color:#fff;--border-color:#e5e5e5;--input-bg-color:#fff;--input-text-color:#101928;--input-border-color:#d0d5dd;--input-placeholder-color:#98a2b3;--section-bg-color:#fff;--section-border-color:#e5e5e5;--button-bg-color:#f5f5f5;--button-border-color:#e0e0e0;--button-hover-bg:#645de8;--button-hover-text-color:#fff;--link-color:#4f46e5;--primary-button-bg:#4f46e5;--primary-button-color:#fff;--primary-button-hover-bg:#4338ca;--menu-item-background:#fff;--active-menu-bg:#eef2ff;--active-menu-text:#2d20ff;--group-title-color:#6e6e6e;--card-bg-color:#fff;--progress-bar-color:#34ace0;--item-bg-color:#fff;--item-border-start:#6f6ef6;--item-border-end:#5628a5;--item-hover-bg:#f5f5f5;--item-border-start-hover:#6f6ef6;--item-border-end-hover:#5628a5}.dark{--bg-sider-color:#1c1c1e;--bg-gradient-color:#1c1c1e;--container-bg-color:#232527;--login-bg-color:#10243c;--button-bg-gradient:linear-gradient(90deg,#444,#666);--button-hover-bg-gradient:linear-gradient(90deg,#555,#777);--image-container-bg:#232527;--contact-text-color:#fff;--paymentnumber-text-color:#4f46e5;--expire-background:#1c1c1c;--hover-menu-bg:#374151;--hover-menu-text:#d1d5db;--text-all-color:#64748b;--inputfield-background-color:#232527;--borderrenew-color:#4f46e5;--renew-color:#4f46e5;--text-color:#f9fafb;--text-muted-color:#888;--text-muted-color-light:#666;--bg-color:#1c1c1e;--border-color:#4b5563;--input-bg-color:#1c1c1c;--input-text-color:#fff;--input-border-color:#444;--input-placeholder-color:#98a2b3;--section-bg-color:#374151;--section-border-color:#4b5563;--button-bg-color:#555;--button-border-color:#666;--button-hover-bg:#fff;--button-hover-text-color:#000;--link-color:#3b82f6;--primary-button-bg:#3b82f6;--primary-button-color:#fff;--primary-button-hover-bg:#2563eb;--menu-item-background:#10243c;--active-menu-bg:#fff;--active-menu-text:#000;--group-title-color:#a0a0a0;--card-bg-color:#2a2a2e;--progress-bar-color:#3b82f6;--item-bg-color:#1c1c1e;--item-border-start:#44f;--item-border-end:#90c;--item-hover-bg:#444;--item-border-start-hover:#44f;--item-border-end-hover:#90c}body,html{color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;box-sizing:border-box}.ant-layout-sider{position:sticky;top:0;height:100vh;width:255px!important;min-width:255px!important;max-width:255px!important;border-right:1px solid var(--border-color)!important;background-color:var(--bg-sider-color)!important}.ant-layout,.ant-layout-footer{background-color:inherit}.ant-layout-footer{background-color:transparent!important}.ant-select-dropdown{z-index:1051!important}.ant-menu{margin:0!important;padding:0!important;border:none!important;background-color:var(--bg-sider-color)!important}.ant-menu-item-group-title{color:var(--group-title-color)!important;font-size:14px;font-weight:400;padding-left:16px;opacity:.7}.ant-menu-item{margin:0!important;padding:0 16px!important;border:none!important;color:var(--text-color)!important}.ant-menu-item-selected{border:none!important;background-color:var(--active-menu-bg)!important;color:var(--active-menu-text)!important;font-weight:700;border-radius:8px}.custom-tabs .ant-tabs-nav{border-bottom:none!important}.custom-tabs .ant-tabs-ink-bar{display:none!important}.ant-tabs-nav{border-bottom:none!important}.ant-tabs-ink-bar{display:none!important}.dark .ant-card,.dark .ant-card-body,.dark .ant-typography{color:var(--text-color)}.ant-progress-bg{background-color:var(--progress-bar-color)!important}.ant-btn-primary{background-color:var(--primary-button-bg);color:var(--primary-button-color);border-color:var(--primary-button-bg)}.ant-btn-primary:hover{background-color:var(--primary-button-hover-bg);border-color:var(--primary-button-hover-bg)}.ant-select-selection-placeholder{color:#98a2b3;font-size:14px}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.align-center{align-items:center}.justify-center{justify-content:center}.border{border-color:var(--border-color)}@media (max-width:480px){body{font-size:12px}.ant-layout-sider{display:none}.container{padding:0}.card{margin:0}.ant-card-body{padding:16px}}@media (min-width:481px) and (max-width:768px){body{font-size:14px}.ant-layout-sider{width:200px!important}.container{padding:0}.card{margin:0}}@media (min-width:769px) and (max-width:1024px){body{font-size:16px}.ant-layout-sider{width:240px!important}.container{max-width:960px;margin:0}}@media (min-width:1025px){body{font-size:18px}.container{max-width:1200px;margin:0}}.custom-tabs{.ant-tabs-nav{border-bottom:none!important}.ant-tabs-ink-bar{display:none!important}}