@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&family=Noto+Serif+Thai:wght@400;700&display=swap";.App{text-align:left}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fixed-width-column{max-width:200px;min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-row-height50{height:50px}.custom-input-number .ant-input-number-input{text-align:right}.custom-input-number .ant-input-number-handler-wrap{display:none!important}.select-green-border .ant-select-selector{border-color:#108ee9!important}.select-red-border .ant-select-selector{border-color:red!important}#nprogress .bar{background:#108ee9!important}#nprogress .peg{box-shadow:0 0 10px #108ee9,0 0 5px #108ee9!important}@keyframes circleExpand{0%{width:40px;height:40px;opacity:.7}60%{width:2000px;height:2000px;opacity:.3}to{width:4000px;height:4000px;opacity:0}}@keyframes circleCollapse{0%{width:4000px;height:4000px;opacity:.1}60%{width:2000px;height:2000px;opacity:.4}to{width:40px;height:40px;opacity:.7}}.circle-theme-effect-global{position:fixed;left:var(--circle-x, 50%);top:var(--circle-y, 50%);transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none;box-shadow:0 0 40px 10px #00000026;background:#fff;transition:background .4s}.circle-theme-effect-global.expand{background:#000;animation:circleExpand .7s cubic-bezier(.4,0,.2,1) forwards}.circle-theme-effect-global.collapse1{background:#000;animation:circleCollapse .7s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 600px){.ant-select-clear{position:relative;z-index:2}.ant-select-clear:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);pointer-events:auto;background:transparent}}.app-update-banner{position:fixed;top:0;left:0;right:0;z-index:1200;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#0f172a;color:#fff;box-shadow:0 4px 12px #0f172a4d;font-size:14px}.app-update-banner__content{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.app-update-banner__meta{color:#ffffffb3;font-size:12px}.app-update-banner__message{color:#ffffffe6}.app-update-banner__button{box-shadow:0 3px 10px #3b82f673}.ant-table-thead .header-green{background-color:#b6fcb6!important}.ant-table-thead .header-lightblue{background-color:#1890ff!important}.ant-table-thead .header-purple{background-color:#722ed1!important;color:#fff!important}.ant-table-thead .header-orange{background-color:#fa8c16!important;color:#fff!important}.ant-table-thead .header-yellow{background-color:#fadb14!important;color:#000!important}.ant-table-thead .header-red{background-color:#f5222d!important;color:#fff!important}.ant-table-thead .header-darkgreen{background-color:#237804!important;color:#fff!important}.ant-table-row:hover{background:#bae7ff!important;transition:background .2s,box-shadow .2s,border .2s,color .2s;box-shadow:0 4px 16px #1890ff40;border-left:6px solid #096dd9;color:#023dff}.pagination-container{display:flex;list-style-type:none}.pagination-container .pagination-item{padding:0 12px;height:32px;text-align:center;margin:auto 4px;color:#000000de;display:flex;box-sizing:border-box;align-items:center;letter-spacing:.01071em;border-radius:14px;line-height:1.43;font-size:13px;min-width:32px}.pagination-container .pagination-item.dots:hover{background-color:transparent;cursor:default}.pagination-container .pagination-item:hover{background-color:#0000000a;cursor:pointer}.pagination-container .pagination-item.selected{background-color:#00000014}.pagination-container .pagination-item .arrow:before{position:relative;content:"";display:inline-block;width:.4em;height:.4em;border-right:.12em solid rgba(0,0,0,.87);border-top:.12em solid rgba(0,0,0,.87)}.pagination-container .pagination-item .arrow.left{transform:rotate(-135deg) translate(-50%)}.pagination-container .pagination-item .arrow.right{transform:rotate(45deg)}.pagination-container .pagination-item.disabled{pointer-events:none}.pagination-container .pagination-item.disabled .arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}.pagination-container .pagination-item.disabled:hover{background-color:transparent;cursor:default}[data-bs-toggle=collapse] .bi-collapse:before{font-family:Bootstrap-icons;content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%230067fc" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>')}[data-bs-toggle=collapse].collapsed .bi-collapse:before{font-family:Bootstrap-icons;content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%230067fc" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>')}.text-truncate{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range-slider{width:90%;margin:24px auto 0}.range-slider.margin-lg{margin:42px auto 0}#range-slider-yellow{background:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23555' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E") #333}#range-slider-yellow .range-slider__range{background:#ffbf00;transition:height .3s}#range-slider-yellow .range-slider__thumb{background:#faa307;transition:transform .3s}#range-slider-yellow .range-slider__thumb[data-active]{transform:translate(-50%,-50%) scale(1.25)}#range-slider-yellow .range-slider__range[data-active]{height:16px}#range-slider-ab{height:16px;background:#4b4d61}#range-slider-ab .range-slider__range{background:#ff4141}#range-slider-ab .range-slider__thumb{width:30px;height:30px;border-radius:4px}#range-slider-ab .range-slider__thumb[data-lower]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='' width='30' height='30' viewBox='0 0 24 24'%3E%3Cpath d='M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9Z' /%3E%3C/svg%3E") #ff4141}#range-slider-ab .range-slider__thumb[data-upper]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24'%3E%3Cpath d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M15,10.5V9A2,2 0 0,0 13,7H9V17H13A2,2 0 0,0 15,15V13.5C15,12.7 14.3,12 13.5,12C14.3,12 15,11.3 15,10.5M13,15H11V13H13V15M13,11H11V9H13V11Z' /%3E%3C/svg%3E") #ff4141}#range-slider-ab .range-slider__thumb[data-lower][data-active]{animation:rotate-anti-clockwise .9s infinite}#range-slider-ab .range-slider__thumb[data-upper][data-active]{animation:rotate-clockwise .9s infinite}@keyframes rotate-clockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotate-anti-clockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}#range-slider-gradient{height:5px;border-radius:12px;background:#353644}#range-slider-gradient .range-slider__thumb{border:3px solid #fff;box-sizing:border-box}#range-slider-gradient .range-slider__thumb[data-lower]{background:#0073e6}#range-slider-gradient .range-slider__thumb[data-upper]{background:#ee2c2c}#range-slider-gradient .range-slider__range{background:linear-gradient(to right,#0073e6,#ee2c2c);background-size:100% 100%;background-position:50% 0}#range-slider-gradient .range-slider__range[data-active],#range-slider-gradient .range-slider__thumb[data-active]~.range-slider__range{animation:move-bg .75s infinite linear}@keyframes move-bg{0%{background-position:50% 0}25%{background-position:100% 0}50%{background-position:50% 0}75%{background-position:0% 0}to{background-position:50% 0}}.single-thumb .range-slider__thumb[data-lower]{width:0}.single-thumb .range-slider__range{border-radius:6px}.vertical-slider[data-vertical]{height:180px}.status-offline{color:#000}.status-online{color:green}.status-contacting{color:orange}.status-busy{color:red}:root{--font-ui: "Sarabun", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-content: "Noto Serif Thai", serif}html{font-family:var(--font-ui);font-size:13px}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.article,.prose,.content{font-family:var(--font-content);line-height:1.7}