:root{--color-non-contextual-accent-blue:var(--blue-50);--color-action-filled-primary-label-default:var(--cool-gray-90);--color-action-filled-primary-label-disabled:var(--cool-gray-40);--color-action-filled-primary-icon-default:var(--cool-gray-90);--color-action-filled-primary-icon-disabled:var(--cool-gray-40);--color-action-filled-primary-bg-default:var(--yellow-20);--color-action-filled-primary-bg-hover:var(--yellow-30);--color-action-filled-primary-bg-pressed:var(--yellow-40);--color-action-filled-primary-bg-disabled:var(--yellow-10);--color-action-filled-positive-label-default:var(--white);--color-action-filled-positive-icon-default:var(--white);--color-action-filled-positive-bg-default:var(--green-60);--color-action-filled-positive-bg-hover:var(--green-70);--color-action-filled-positive-bg-pressed:var(--green-80);--color-action-filled-positive-bg-disabled:var(--green-30);--color-action-filled-negative-label-default:var(--white);--color-action-filled-negative-icon-default:var(--white);--color-action-filled-negative-bg-default:var(--red-60);--color-action-filled-negative-bg-hover:var(--red-70);--color-action-filled-negative-bg-pressed:var(--red-80);--color-action-filled-negative-bg-disabled:var(--red-30);--color-action-filled-warning-label-default:var(--white);--color-action-filled-warning-icon-default:var(--white);--color-action-filled-warning-bg-default:var(--yellow-50);--color-action-filled-warning-bg-hover:var(--yellow-60);--color-action-filled-warning-bg-pressed:var(--yellow-70);--color-action-filled-warning-bg-disabled:var(--yellow-10);--color-action-filled-info-label-default:var(--white);--color-action-filled-info-icon-default:var(--white);--color-action-filled-info-bg-default:var(--blue-60);--color-action-filled-info-bg-hover:var(--blue-70);--color-action-filled-info-bg-pressed:var(--blue-80);--color-action-filled-info-bg-disabled:var(--blue-30);--color-action-outline-secondary-label-default:var(--cool-gray-70);--color-action-outline-secondary-label-disabled:var(--cool-gray-30);--color-action-outline-secondary-icon-default:var(--cool-gray-70);--color-action-outline-secondary-icon-disabled:var(--cool-gray-30);--color-action-outline-secondary-bg-default:var(--white);--color-action-outline-secondary-bg-hover:var(--cool-gray-10);--color-action-outline-secondary-bg-pressed:var(--cool-gray-20);--color-action-outline-secondary-bg-active:var(--cool-gray-10);--color-action-outline-secondary-border-default:var(--cool-gray-20);--color-action-outline-secondary-border-disabled:var(--cool-gray-20);--color-action-outline-positive-label-default:var(--green-60);--color-action-outline-positive-label-disabled:var(--green-30);--color-action-outline-positive-icon-default:var(--green-60);--color-action-outline-positive-icon-disabled:var(--green-30);--color-action-outline-positive-border-default:var(--green-60);--color-action-outline-positive-border-disabled:var(--green-30);--color-action-outline-positive-bg-hover:var(--green-10);--color-action-outline-positive-bg-pressed:var(--green-20);--color-action-outline-negative-label-default:var(--red-60);--color-action-outline-negative-label-disabled:var(--red-30);--color-action-outline-negative-icon-default:var(--red-60);--color-action-outline-negative-icon-disabled:var(--red-30);--color-action-outline-negative-border-default:var(--red-60);--color-action-outline-negative-border-disabled:var(--red-30);--color-action-outline-negative-bg-hover:var(--red-10);--color-action-outline-negative-bg-pressed:var(--red-20);--color-action-outline-warning-label-default:var(--yellow-60);--color-action-outline-warning-label-disabled:var(--yellow-30);--color-action-outline-warning-icon-default:var(--yellow-60);--color-action-outline-warning-icon-disabled:var(--yellow-30);--color-action-outline-warning-border-default:var(--yellow-60);--color-action-outline-warning-border-disabled:var(--yellow-30);--color-action-outline-warning-bg-hover:var(--yellow-10);--color-action-outline-warning-bg-pressed:var(--yellow-20);--color-action-outline-info-label-default:var(--blue-60);--color-action-outline-info-label-disabled:var(--blue-30);--color-action-outline-info-icon-default:var(--blue-60);--color-action-outline-info-icon-disabled:var(--blue-30);--color-action-outline-info-border-default:var(--blue-60);--color-action-outline-info-border-disabled:var(--blue-30);--color-action-outline-info-bg-hover:var(--blue-10);--color-action-outline-info-bg-pressed:var(--blue-20);--color-action-ghost-icon-default:var(--cool-gray-70);--color-action-ghost-icon-disabled:var(--cool-gray-30);--color-action-ghost-bg-hover:var(--neutral-a-5);--color-action-ghost-bg-pressed:var(--neutral-a-10);--color-action-ghost-bg-active:var(--neutral-a-5)}.border-t-3{border-top-width:3px}input.search-input{border:1px solid #dee0e4;border-radius:6px;gap:8px;min-height:40px}input::-moz-placeholder{color:var(--color-interaction-form-placeholder-default)}input::placeholder{color:var(--color-interaction-form-placeholder-default)}button.dropdown-select{max-height:40px;padding:7px 12px}.form-checkbox,.form-radio{border-color:var(--color-interaction-form-border-default);color:var(--color-interaction-form-bg-active)}input[type=checkbox].disabled\:check-mark-disabled.form-checkbox:disabled{background-color:#f3f4f5;border:none}.form-checkbox.error,.form-radio.error{border-color:var(--color-interaction-form-error);color:#fff}input[type=checkbox].error:checked{background-color:var(--color-interaction-form-error);border:none}input[type=checkbox].disabled\:check-mark-disabled.form-checkbox:checked:disabled{background-color:#f3f4f5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c2c7cd' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");border:none}.avatar .img.avatar-img-text{align-items:center;background-color:var( --color-non-contextual-avatar-bg );border:none;border-radius:50%;color:#fff;display:flex;height:120px;justify-content:center;text-align:center;width:120px}.cover{align-self:stretch;background-color:var(--color-border);background-position:50%;background-size:cover;flex:none;flex-grow:0;height:200px;order:0;width:100%;z-index:0}.avatar{align-items:center;display:flex;flex-direction:row;gap:24px;isolation:isolate;padding:0}.avatar,.avatar .img{flex:none;flex-grow:0;height:120px;order:0;width:120px}.avatar .img{background:var(--color-border);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1000000px;overflow:hidden;position:relative;z-index:0}.avatar .edit-button,.avatar .img{border:1px solid var(--color-border-primary);box-sizing:border-box}.avatar .edit-button{align-items:center;background:#fff;border-radius:1000000px;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:8px;height:36px;justify-content:center;left:84px;order:1;padding:6px;position:absolute;top:84px;width:36px;z-index:1}.avatar .edit-button img{flex:none;flex-grow:0;height:24px;order:0;width:24px}.list-item.TASK_ARCHIVED input[type=text]{color:#4a5568;text-decoration:line-through}.font-Sarabun{font-family:Sarabun,sans-serif}.font-NotoSansThai{font-family:Noto Sans Thai,sans-serif}.autocomplete-list{background:#fff;border:1px solid var(--color-border-primary);left:0;max-height:calc(15rem + 165px);overflow-y:auto;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:1}.autocomplete-list-item.selected{background-color:#2e69e2;color:#fff}.autocomplete-list-item{cursor:pointer;line-height:1.3}.autocomplete-list-item:hover{background-color:#2e69e2;color:#fff}.autocomplete-list-item>div{padding:10px}.loader{animation:spin 2s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:48px;margin:auto auto 10px;width:48px}.overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:600}.loader.my-0{margin-bottom:0;margin-top:0}.dot-loading{display:inline}.dot-loading span{animation:loading 1s infinite}.dot-loading span:nth-child(2){animation-delay:.2s}.dot-loading span:nth-child(3){animation-delay:.4s}@keyframes loading{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.disabled{background-color:#d3d3d3}.content-secondary{color:#4e5358}.content-primary{font-family:Sarabun,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;line-height:26px;text-align:left}label{color:#4e5358;letter-spacing:0;line-height:21px;text-align:left}.label-link,a,label{font-family:Noto Sans Thai,sans-serif;font-size:14px;font-weight:600}.label-link,a{color:#242629;flex:none;flex-grow:0;font-style:normal;line-height:150%;order:0;text-decoration:underline}.color-primary{color:#242629}.color-secondary{color:#4e5358}.color-tertiary{color:#878e96}.underline-default{color:#242629}input{font-family:Sarabun;font-size:16px;font-weight:400;letter-spacing:0;line-height:26px;text-align:left}.bg-disabled{background-color:#f3f4f5}.avatar-circle,.avatar-circle-24,.avatar-circle-32,.avatar-circle-40{align-items:center;background-color:#a1a9b2;border-radius:50%;color:#fff;display:flex;font-family:Noto Sans Thai;font-size:14px;height:24px;justify-content:center;text-align:center;width:24px}.avatar-circle-40{font-size:16px;font-weight:700;height:40px;line-height:24px;padding-top:4px;width:40px}.avatar-circle-32{font-weight:700;height:32px;line-height:16px;padding-top:2px;width:32px}.avatar-circle-24{font-size:10px;font-weight:700;height:24px;line-height:12px;padding-top:1px;width:24px}.transparent-bg{background:transparent!important}.search-container{position:relative}.search-icon{height:15px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:15px}input::-moz-placeholder{color:#a1a9b2}input::placeholder{color:#a1a9b2}.search-input.black-placeholder::-moz-placeholder{color:#242629}.search-input.black-placeholder::placeholder{color:#242629}.search-input:disabled.black-placeholder::-moz-placeholder{color:#a1a9b2}.search-input:disabled.black-placeholder::placeholder{color:#a1a9b2}.border-primary{border-color:#2873b1}.register-container{display:flex;height:100vh;overflow-y:auto}.register-container-block{display:block}.left-pane,.right-pane{flex:1;height:100%;overflow-y:auto}.center-page{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 65px);justify-content:center;text-align:center}.nav-bar{background:#fff;position:fixed;z-index:600}.drop-zone{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23dee0e4' stroke-dasharray='6, 6' stroke-linecap='square' stroke-width='2' rx='6' ry='6'/%3E%3C/svg%3E");border:none;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center;width:100%}.drop-zone.invalid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23d7213c' stroke-dasharray='6, 6' stroke-linecap='square' stroke-width='2' rx='6' ry='6'/%3E%3C/svg%3E")}.drop-zone i{font-size:2em;margin-bottom:10px}.file-list{list-style:none;padding:0}.file-item{border-style:solid;border-width:1px;justify-content:space-between;margin-bottom:10px;padding:10px}.file-info,.file-item{align-items:center;display:flex}.file-info{gap:10px}.file-icon{font-size:1.5em}.delete-icon{color:red;cursor:pointer}.four-lines{height:8em;line-height:1.5em}.search-employee .search-input.selected{border:1px solid #dee0e4;border-left:none;border-radius:0 6px 6px 0;margin:0}.search-employee .avatar-input{border:1px solid #dee0e4;border-radius:6px 0 0 6px;border-right:none;height:40px;margin:0;padding-left:5px;padding-top:6px}.border-bottom-wrapper{margin-left:-18px;width:calc(100% + 36px)}.border-bottom-line,.border-bottom-wrapper{border-bottom:1px solid var(--color-border-primary)}.border-bottom-line{width:100%}.frame-primary{background:var(--color-background-surface);flex-grow:0;gap:16px;isolation:isolate;margin:0;order:1;padding:24px;width:100%}.frame-item,.frame-primary{align-items:flex-start;align-self:stretch;border:1px solid var(--color-border-primary);border-radius:8px;box-sizing:border-box;display:flex;flex:none;flex-direction:column}.frame-item{flex-grow:0;gap:24px;justify-content:space-between;order:0;padding:16px}.frame-item-line{border-bottom:1px solid var(--color-border-primary);box-sizing:border-box;flex:none;flex-direction:row;flex-grow:0;gap:24px;justify-content:space-between;order:0;padding:16px 0}.frame-container,.frame-item-line{align-items:flex-start;align-self:stretch;display:flex}.frame-container{flex:none;flex-direction:column;flex-grow:0;gap:12px;order:1;padding:0}.avatar-container{left:50%;position:absolute;top:-60px;transform:translate(-50%)}.avatar-details-container{margin-top:84px;text-align:center}.badge.badge-info{background-color:var(--color-non-contextual-badge-info-bg);color:var(--color-non-contextual-badge-info-label)}.badge.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-label)}.badge.badge-negative{background-color:var(--color-negative-bg);color:var(--color-negative-label)}.badge.badge-primary{background-color:var(--color-content-primary);color:var(--color-background-surface)}.badge.badge-secondary{background-color:var(--color-content-secondary);color:var(--color-background-surface)}.badge.badge-tertiary{background-color:var(--color-content-tertiary);color:var(--color-background-surface)}.badge{border-radius:4px;display:inline-block;font-family:Noto Sans Thai;font-size:14px;font-weight:600;letter-spacing:0;line-height:21px;margin:0;padding:1px 10px 0}.badge-small{padding:0 6px}:focus-visible{outline:2px solid var(--color-interaction-form-focus)}.button,.button-approve,.button-negative,.button-primary,.button-reject,.button-secondary,.button-tertiary{align-items:center;background-image:none!important;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:row;flex-grow:0;flex:none;font-family:Noto Sans Thai,sans-serif;font-size:14px;font-style:normal;font-weight:600;gap:8px;justify-content:center;letter-spacing:0;line-height:21px;min-height:36px;order:1;padding:10px 16px 9px;position:relative;text-align:left;text-decoration:none}.button-approve.py-0,.button-negative.py-0,.button-primary.py-0,.button-reject.py-0,.button-secondary.py-0,.button-tertiary.py-0,.button.py-0{padding-bottom:0;padding-top:0}div:where(.swal2-container) button:where(.swal2-styled).button-approve,div:where(.swal2-container) button:where(.swal2-styled).button-negative,div:where(.swal2-container) button:where(.swal2-styled).button-primary,div:where(.swal2-container) button:where(.swal2-styled).button-reject,div:where(.swal2-container) button:where(.swal2-styled).button-secondary,div:where(.swal2-container) button:where(.swal2-styled).button-tertiary{align-items:center!important;background-image:none!important;border:none!important;border-radius:6px!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-flex;flex-direction:row!important;flex-grow:0!important;flex:none!important;font-family:Noto Sans Thai,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:600!important;gap:8px!important;justify-content:center!important;letter-spacing:0!important;line-height:21px!important;margin:0;min-height:36px!important;order:1!important;padding:10px 16px 9px!important;position:relative!important;text-align:left!important;text-decoration:none!important;width:100%}div:where(.swal2-container) button:where(.swal2-styled).button-approve,div:where(.swal2-container) button:where(.swal2-styled).button-negative,div:where(.swal2-container) button:where(.swal2-styled).button-primary,div:where(.swal2-container) button:where(.swal2-styled).button-reject,div:where(.swal2-container) button:where(.swal2-styled).button-tertiary{display:inline-flex!important}div:where(.swal2-container) button:where(.swal2-styled).button-approve.mr-auto,div:where(.swal2-container) button:where(.swal2-styled).button-negative.mr-auto,div:where(.swal2-container) button:where(.swal2-styled).button-primary.mr-auto,div:where(.swal2-container) button:where(.swal2-styled).button-reject.mr-auto,div:where(.swal2-container) button:where(.swal2-styled).button-secondary.mr-auto,div:where(.swal2-container) button:where(.swal2-styled).button-tertiary.mr-auto{margin-right:auto!important}div:where(.swal2-container) button:where(.swal2-styled).button-tertiary.m-auto{margin:auto!important}.button-approve .icon,.button-negative .icon,.button-primary .icon,.button-reject .icon,.button-secondary .icon,.button-tertiary .icon{flex:none;flex-grow:0;height:16px;order:0;width:16px}div:where(.swal2-container) button:where(.swal2-styled).button-approve .icon,div:where(.swal2-container) button:where(.swal2-styled).button-negative .icon,div:where(.swal2-container) button:where(.swal2-styled).button-primary .icon,div:where(.swal2-container) button:where(.swal2-styled).button-reject .icon,div:where(.swal2-container) button:where(.swal2-styled).button-secondary .icon,div:where(.swal2-container) button:where(.swal2-styled).button-tertiary .icon{flex:none!important;flex-grow:0!important;height:16px!important;order:0!important;width:16px!important}.button-approve:disabled,.button-approve:focus,.button-approve:focus-visible,.button-approve:hover,.button-negative:disabled,.button-negative:focus,.button-negative:focus-visible,.button-negative:hover,.button-primary:disabled,.button-primary:focus,.button-primary:focus-visible,.button-primary:hover,.button-reject:disabled,.button-reject:focus,.button-reject:focus-visible,.button-reject:hover,.button-secondary:disabled,.button-secondary:focus,.button-secondary:focus-visible,.button-secondary:hover,.button-tertiary:disabled,.button-tertiary:focus,.button-tertiary:focus-visible,.button-tertiary:hover{background-image:none!important;box-shadow:none;outline:0}div:where(.swal2-container) button:where(.swal2-styled).button-approve:disabled,div:where(.swal2-container) button:where(.swal2-styled).button-approve:focus,div:where(.swal2-container) button:where(.swal2-styled).button-approve:focus-visible,div:where(.swal2-container) button:where(.swal2-styled).button-approve:hover,div:where(.swal2-container) button:where(.swal2-styled).button-negative:disabled,div:where(.swal2-container) button:where(.swal2-styled).button-negative:focus,div:where(.swal2-container) button:where(.swal2-styled).button-negative:focus-visible,div:where(.swal2-container) button:where(.swal2-styled).button-negative:hover,div:where(.swal2-container) button:where(.swal2-styled).button-primary:disabled,div:where(.swal2-container) button:where(.swal2-styled).button-primary:focus,div:where(.swal2-container) button:where(.swal2-styled).button-primary:focus-visible,div:where(.swal2-container) button:where(.swal2-styled).button-primary:hover,div:where(.swal2-container) button:where(.swal2-styled).button-reject:disabled,div:where(.swal2-container) button:where(.swal2-styled).button-reject:focus,div:where(.swal2-container) button:where(.swal2-styled).button-reject:focus-visible,div:where(.swal2-container) button:where(.swal2-styled).button-reject:hover,div:where(.swal2-container) button:where(.swal2-styled).button-secondary:disabled,div:where(.swal2-container) button:where(.swal2-styled).button-secondary:focus,div:where(.swal2-container) button:where(.swal2-styled).button-secondary:focus-visible,div:where(.swal2-container) button:where(.swal2-styled).button-secondary:hover,div:where(.swal2-container) button:where(.swal2-styled).button-tertiary:disabled,div:where(.swal2-container) button:where(.swal2-styled).button-tertiary:focus,div:where(.swal2-container) button:where(.swal2-styled).button-tertiary:focus-visible,div:where(.swal2-container) button:where(.swal2-styled).button-tertiary:hover{background-image:none!important;box-shadow:none!important;outline:0!important}.button-primary{background-color:var(--color-action-primary-bg-default);color:var(--color-action-primary-label-default)}div:where(.swal2-container) button:where(.swal2-styled).button-primary{background-color:var(--color-action-primary-bg-default)!important;color:var(--color-action-primary-label-default)!important}.button-primary:hover{background-color:var(--color-action-primary-bg-hover)}div:where(.swal2-container) button:where(.swal2-styled).button-primary:hover{background-color:var(--color-action-primary-bg-hover)!important}.button-primary:active{background-color:var(--color-action-primary-bg-pressed)}div:where(.swal2-container) button:where(.swal2-styled).button-primary:active{background-color:var(--color-action-primary-bg-pressed)!important}.button-primary:disabled{background-color:var(--color-action-filled-primary-bg-disabled);color:var(--color-action-filled-primary-label-disabled);cursor:not-allowed!important}div:where(.swal2-container) button:where(.swal2-styled).button-primary:disabled{background-color:var(--color-action-filled-primary-bg-disabled)!important;color:var(--color-action-filled-primary-label-disabled)!important;cursor:not-allowed!important}.button-tertiary{background-color:var(--color-action-tertiary-bg-default);color:var(--color-action-tertiary-label-default);padding-left:0;padding-right:0;text-decoration:underline}div:where(.swal2-container) button:where(.swal2-styled).button-tertiary{background-color:var(--color-action-tertiary-bg-default)!important;color:var(--color-action-tertiary-label-default)!important;padding-left:0!important;padding-right:0!important;text-decoration:underline!important}.button-tertiary:hover{background-color:var(--color-action-tertiary-bg-hover)}div:where(.swal2-container) button:where(.swal2-styled).button-tertiary:hover{background-color:var(--color-action-tertiary-bg-hover)!important}.button-tertiary:active{background-color:var(--color-action-tertiary-bg-pressed)}div:where(.swal2-container) button:where(.swal2-styled).button-tertiary:active{background-color:var(--color-action-tertiary-bg-pressed)!important}.button-tertiary:disabled{color:var(--color-action-tertiary-label-disabled)}div:where(.swal2-container) button:where(.swal2-styled).button-tertiary:disabled{color:var(--color-action-tertiary-label-disabled)!important}.button-approve{background-color:var(--color-action-approve-bg-default);color:var(--color-action-approve-label-default)}div:where(.swal2-container) button:where(.swal2-styled).button-approve{background-color:var(--color-action-approve-bg-default)!important;color:var(--color-action-approve-label-default)!important}.button-approve:hover{background-color:var(--color-action-approve-bg-hover)}div:where(.swal2-container) button:where(.swal2-styled).button-approve:hover{background-color:var(--color-action-approve-bg-hover)!important}.button-approve:active{background-color:var(--color-action-approve-bg-pressed)}div:where(.swal2-container) button:where(.swal2-styled).button-approve:active{background-color:var(--color-action-approve-bg-pressed)!important}.button-approve:disabled{background-color:var(--color-action-approve-bg-disabled);color:var(--color-action-approve-label-disabled);cursor:not-allowed}div:where(.swal2-container) button:where(.swal2-styled).button-approve:disabled{background-color:var(--color-action-approve-bg-disabled)!important;color:var(--color-action-approve-label-disabled)!important;cursor:not-allowed!important}.button-reject{background-color:var(--color-action-reject-bg-default);color:var(--color-action-reject-label-default)}div:where(.swal2-container) button:where(.swal2-styled).button-reject{background-color:var(--color-action-reject-bg-default)!important;color:var(--color-action-reject-label-default)!important}.button-reject:hover{background-color:var(--color-action-reject-bg-hover)}div:where(.swal2-container) button:where(.swal2-styled).button-reject:hover{background-color:var(--color-action-reject-bg-hover)!important}.button-reject:active{background-color:var(--color-action-reject-bg-pressed)}div:where(.swal2-container) button:where(.swal2-styled).button-reject:active{background-color:var(--color-action-reject-bg-pressed)!important}.button-reject:disabled{background-color:var(--color-action-reject-bg-disabled);color:var(--color-action-reject-label-disabled);cursor:not-allowed}div:where(.swal2-container) button:where(.swal2-styled).button-reject:disabled{background-color:var(--color-action-reject-bg-disabled)!important;color:var(--color-action-reject-label-disabled)!important;cursor:not-allowed!important}.button-secondary{background-color:var(--color-action-secondary-bg-default);border:1px solid var(--color-action-secondary-border-default);color:var(--color-action-secondary-label-default);padding:9px 15px 8px}div:where(.swal2-container) button:where(.swal2-styled).button-secondary{background-color:var(--color-action-secondary-bg-default)!important;border:1px solid var(--color-action-secondary-border-default)!important;color:var(--color-action-secondary-label-default)!important;padding:9px 15px 8px!important}.button-secondary:hover{background-color:var(--color-action-secondary-bg-hover)}div:where(.swal2-container) button:where(.swal2-styled).button-secondary:hover{background-color:var(--color-action-secondary-bg-hover)!important}.button-secondary:active{background-color:var(--color-action-secondary-bg-pressed)}div:where(.swal2-container) button:where(.swal2-styled).button-secondary:active{background-color:var(--color-action-secondary-bg-pressed)!important}.button-secondary:disabled{background:var(--color-action-secondary-bg-disabled);color:var(--color-action-secondary-label-disabled)}div:where(.swal2-container) button:where(.swal2-styled).button-secondary:disabled{background:var(--color-action-secondary-bg-disabled)!important;color:var(--color-action-secondary-label-disabled)!important}.button-negative{background-color:var(--color-action-negative-bg-default);border:1px solid var(--color-action-negative-border-default);color:var(--color-action-negative-label-default);padding:9px 15px 8px}div:where(.swal2-container) button:where(.swal2-styled).button-negative{background-color:var(--color-action-negative-bg-default)!important;border:1px solid var(--color-action-negative-border-default)!important;color:var(--color-action-negative-label-default)!important;padding:9px 15px 8px!important}.button-negative:hover{background-color:var(--color-action-negative-bg-hover)}div:where(.swal2-container) button:where(.swal2-styled).button-negative:hover{background-color:var(--color-action-negative-bg-hover)!important}.button-negative:active{background-color:var(--color-action-negative-bg-pressed)}div:where(.swal2-container) button:where(.swal2-styled).button-negative:active{background-color:var(--color-action-negative-bg-pressed)!important}.button-negative:disabled{background:var(--color-action-negative-bg-disabled);color:var(--color-action-negative-label-disabled)}div:where(.swal2-container) button:where(.swal2-styled).button-negative:disabled{background:var(--color-action-negative-bg-disabled)!important;color:var(--color-action-negative-label-disabled)!important}.swal2-popup .button-primary{align-items:center!important;background-color:#fbe04a!important;border-radius:6px!important;color:#242629!important;cursor:pointer!important;display:inline-flex!important;font-family:Noto Sans Thai,sans-serif!important;font-size:14px!important;font-weight:600!important;gap:8px!important;height:40px!important;justify-content:center!important;letter-spacing:0!important;line-height:21px!important;padding:10px 16px 9px!important;text-align:left!important;text-decoration:none!important}.button-tertiary,.underline{text-underline-offset:4px}.button-tertiary.min-h-0{min-height:0}.button-tertiary.min-h-0.underline-text:after{bottom:0}.swal2-popup .swal2-actions-custom{display:flex!important;flex-direction:column-reverse;gap:8px;justify-content:end!important}.swal2-popup .swal2-actions-custom.justify-end{justify-content:end!important}.swal2-popup .swal2-actions-custom.justify-between{justify-content:space-between!important}.swal2-popup .swal2-content-custom{font-size:.875em!important}.swal2-popup .custom-icon{height:30px!important;width:30px!important}.swal2-popup div:where(.swal2-icon) .swal2-icon-content{align-items:center!important;display:flex!important;font-size:1.25em!important;justify-content:center!important}div:where(.swal2-container) div:where(.swal2-popup){padding-bottom:.5em!important}div:where(.swal2-container) .swal2-html-container{border-bottom:1px solid #dee0e4!important;margin:0!important;padding:24px 16px 32px!important}div:where(.swal2-container) .swal2-html-container.swal2-html-container-custom-snackbar{padding:16px!important}div:where(.swal2-container) .popup-loading .swal2-html-container{border-bottom:none!important}div:where(.swal2-container) div:where(.swal2-actions){margin:16px!important}div:where(.swal2-container) div:where(.swal2-actions.my-0){margin:0 16px!important}div:where(.swal2-container) div:where(.swal2-popup){margin:0!important;padding:0!important}.toast-custom-title-only{align-items:center}.Toastify__toast-container--top-right .toast-content,.Toastify__toast-container--top-right .toast-header{word-break:break-all}.Toastify__toast-container--top-right.toast-custom{left:50%;margin:0;top:16px;transform:translate(-50%);width:calc(100vw - 32px)}@media (min-width:600px){.Toastify__toast-container--top-right.toast-custom.w-\[580px\]{padding:0!important;width:580px}.Toastify__toast-container--top-right.toast-custom.w-\[400px\]{padding:0!important;width:400px!important}.Toastify__toast-container--top-right.toast-custom.w-\[490px\]{padding:0!important;width:490px}.Toastify__toast-container--top-right.toast-custom.w-\[530px\]{padding:0!important;width:530px}.Toastify__toast-container--top-right.toast-custom.w-\[650px\]{padding:0!important;width:650px}}@media (min-width:905px){.Toastify__toast-container--top-right.toast-custom{left:auto;margin:0;top:16px;transform:none;width:calc(100vw - 32px)}}.Toastify__toast-container--top-right.toast-custom>div{background-color:#d3fee9!important;color:#0d412e!important;min-height:1.2em!important}.Toastify__toast-container--top-right.toast-custom>div button{background-color:#d3fee9!important;color:#0d412e!important;margin-top:10px}.Toastify__toast-container--top-right.toast-custom.error>div{background-color:#fef1f2!important;color:#a2162b!important;min-height:1.2em!important}.Toastify__toast-container--top-right.toast-custom.error>div button{background-color:#fef1f2!important;color:#a2162b!important;margin-top:10px}.Toastify__toast-container--top-right.toast-custom,.Toastify__toast-container--top-right.toast-custom div{font-family:Noto Sans Thai;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;pointer-events:auto;text-align:left}.Toastify__toast-container--top-right.toast-custom{pointer-events:none}.Toastify__toast-container--top-right.toast-custom .Toastify__toast-icon{align-self:flex-start}.Toastify__toast-container--top-right.toast-custom div.toast-content{font-family:var(--FontFamilySarabun);font-size:var(--FontSizebase);font-weight:400;line-height:25.6px;text-align:left}.approval-flow-line-vertical{background-color:var(--color-border-primary);left:22px;margin-top:20px;min-height:calc(100% - 44px);position:absolute;width:1px;z-index:-10}.approval-line-liner{border-width:2px;border-top:none;flex-grow:1;left:2px;margin-left:auto;margin-right:auto;margin-top:1.15rem;position:absolute;right:2px;width:100%}.approval-line-vertical-liner{height:100%;margin-left:11px;position:absolute;width:2px;z-index:-5}.approval-line-base{border-color:transparent;right:0;width:100%}.approval-line-base,.approval-line-l{border-width:2px;border-top:none;flex-grow:1;left:0;margin-left:auto;margin-right:auto;margin-top:1.15rem;position:absolute}.approval-line-l{right:66%;width:33.3%}.approval-line-r{border-width:2px;border-top:none;flex-grow:1;left:0;margin-left:auto;margin-right:auto;margin-top:1.15rem;position:absolute;right:0;width:33.3%}.approval-bullet{background:#fff;border:1px solid #fff;border-radius:50%}.color-content-primary{color:var(--color-content-primary)}.color-content-secondary{color:var(--color-content-secondary)}.color-content-tertiary{color:var(--color-content-tertiary)}.color-background-surface{background-color:var(--color-background-surface)}.color-border-primary{border-color:var(--color-border-primary)}.color-warning-bg{background-color:var(--color-warning-bg)}.color-warning-label{color:var(--color-warning-label)}.color-negative-bg{background-color:var(--color-negative-bg)}.color-negative-label{color:var(--color-negative-label)}.z-100{z-index:100}.-z-10{z-index:-10}.underline-text{min-width:1em;padding-bottom:0;position:relative;text-decoration:none}.underline-text:after{background:currentColor;bottom:8px;content:"";height:1px;left:0;position:absolute;width:100%}.underline-text.p-0-important{padding-bottom:0!important}.text-ellipsis{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.p-0-important{padding:0!important}.highlight{background-color:var(--blue-20)}.w-\[50\%\]{width:50%}.w-\[100\%\]{width:100%}.w-\[33\%\]{width:33.3%}.w-\[66\%\]{width:66%}.w-\[25\%\]{width:25%}.w-\[75\%\]{width:75%}.w-\[20\%\]{width:20%}.w-\[80\%\]{width:80%}.w-\[40\%\]{width:40%}.w-\[60\%\]{width:60%}.w-\[30\%\]{width:30%}.w-\[70\%\]{width:70%}.w-\[10\%\]{width:10%}.w-\[90\%\]{width:90%}.w-\[15\%\]{width:15%}.w-\[85\%\]{width:85%}.w-\[45\%\]{width:45%}.w-\[55\%\]{width:55%}.w-\[35\%\]{width:35%}.w-\[65\%\]{width:65%}.w-\[5\%\]{width:5%}.w-\[95\%\]{width:95%}.z-\[550\]{z-index:550}.z-\[555\]{z-index:555}.z-\[560\]{z-index:560}.z-\[565\]{z-index:565}.z-\[570\]{z-index:570}.z-\[575\]{z-index:575}.z-\[580\]{z-index:580}.z-\[585\]{z-index:585}.z-\[590\]{z-index:590}.z-\[595\]{z-index:595}.z-\[600\]{z-index:600}.timeline-left{background-color:var(--color-border-subtle);height:100%;left:11px;position:absolute;top:0;width:2px;z-index:-10}#leftSideApproval{background:#fff;height:100%;max-width:276px;min-width:276px;overflow-y:auto;padding:48px 0;position:fixed;width:276px}.approval-log-create-at{min-width:110px}.page-body{display:flex;min-height:calc(100vh - 65px);padding:0}.page-body .body{min-height:calc(100vh - 140px)}.empty-state,.no-result{display:flex;flex-grow:1;left:50%;position:absolute;top:50%;width:100%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));z-index:-10}.empty-state-text{text-align:center}.shadow-primary{box-shadow:0 1px 3px #1616164d}.shadow-secondary{box-shadow:0 4px 8px 3px #1616161a}.-mt-3{margin-top:-12px}@media (min-width:600px){div:where(.swal2-container) .swal2-html-container{border-bottom:1px solid #dee0e4!important;margin:0!important;padding:52px 24px 32px!important}div:where(.swal2-container) .swal2-html-container.pt-\[32px\]{padding-top:32px!important}div:where(.swal2-container) .swal2-html-container.swal2-html-container-custom-snackbar{padding:16px!important}.swal2-popup .swal2-actions-custom{flex-direction:row!important}div:where(.swal2-container) button:where(.swal2-styled).button-approve,div:where(.swal2-container) button:where(.swal2-styled).button-negative,div:where(.swal2-container) button:where(.swal2-styled).button-primary,div:where(.swal2-container) button:where(.swal2-styled).button-reject,div:where(.swal2-container) button:where(.swal2-styled).button-secondary,div:where(.swal2-container) button:where(.swal2-styled).button-tertiary{width:auto}div:where(.swal2-container) div:where(.swal2-actions){margin:12px 24px!important}div:where(.swal2-container) div:where(.swal2-actions.my-0){margin:0 24px!important}}@media (min-width:905px){.page-body .body{min-height:calc(100vh - 65px)}.md\:max-w-auto{max-width:none}}@media (min-width:1240px){#rightSide{margin-left:276px}.lg\:max-w-auto{max-width:none}}.fixed-menu{max-width:calc(25vw - 40px);position:fixed}@media (min-width:1440px){.fixed-menu{max-width:302px;position:fixed}}