@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500&display=swap";.app{width:100%;min-height:100vh;background-color:#fff;box-sizing:border-box}.app .app_navbar{width:100%;height:80px;padding:16px 32px;justify-content:space-between;align-items:center;border-bottom:2px solid #d0d5dd;background:#fff}.app .app_navbar_contents{display:flex;align-items:center;gap:16px}.app .app_navbar_contents .logo{width:224px}.app .app_navbar_contents .society_info{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.app .app_navbar_contents .society_info .title{color:#383e49;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.app .app_navbar_contents .society_info .name{color:#cb1f57;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.app .app_navbar_contents .app_navbar_right{margin-left:auto;display:flex;align-items:center;gap:16px}.app .app_navbar_contents .app_navbar_right .notification{margin:0 10px}.app .app_navbar_contents .app_navbar_right .profile{display:flex;min-width:200px;max-width:300px;height:100%;align-items:center;gap:16px}.app .app_navbar_contents .app_navbar_right .profile .icon{display:flex;width:48px;height:48px;border-radius:50%;background:#d0d5dd}.app .app_navbar_contents .app_navbar_right .profile .info .title{color:#757575;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:.4px}.app .app_navbar_contents .app_navbar_right .profile .info .name{color:#383e49;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:20px}.app .app_content_box{width:100%;display:flex}.app .app_content_box .app_content{width:calc(100% - 256px);height:calc(100vh - 80px);padding:30px;overflow-y:auto;background:#f7f9fc}.app .app_sidebar{width:256px;height:calc(100vh - 80px);background-color:#fff;border-right:1px solid #ebebeb;padding:32px 16px;display:flex;flex-direction:column;justify-content:space-between}.app .app_sidebar_content{width:100%;height:100%;display:flex;flex-direction:column}.app .app_sidebar_content .section{margin-bottom:40px}.app .app_sidebar_content .section_title{font-size:14px;margin-bottom:16px;color:#757575;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.app .app_sidebar_content .section .menu{display:flex;flex-direction:column;gap:8px}.app .app_sidebar_content .section .menu_item{width:100%;border-radius:30px;padding:8px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;font-family:Inter;font-size:14px;font-style:normal;letter-spacing:.4px;text-decoration:none;color:#757575}.app .app_sidebar_content .section .menu_item a{color:#757575}.app .app_sidebar_content .section .menu_item .menu_item_icon{filter:brightness(0) invert(.5)}@keyframes smooth-appear{0%{opacity:0}to{opacity:1}}.app .app_sidebar_content .section .menu_item.active{background:#cb1f57;color:#fff;animation:smooth-appear .5s ease-in-out}.app .app_sidebar_content .section .menu_item.active .menu_item_icon{filter:brightness(0) invert(1)}.app .app_sidebar_content .section .menu_item.highlight{color:#cb1f57}.app .app_sidebar_content .section .menu_item.highlight .menu_item_icon{filter:hue-rotate(18deg)}.app .app_sidebar_content .section .menu_item:hover:not(.active){background:#f7f9fc;color:#cb1f57}.app .app_sidebar_content .section .menu_item:hover:not(.active) .menu_item_icon{filter:hue-rotate(18deg)}.home{font-family:Inter;font-style:normal}.home .top-bar__right .date{border-radius:30px}.home .overview{background-color:#fff;padding:30px;border-radius:30px;margin-bottom:30px;border:1px solid rgba(211,211,211,.7411764706);min-width:950px}.home .overview .top{margin-bottom:20px}.home .overview .top .date{display:flex;gap:8px;color:#757575;font-size:14px;font-weight:500;line-height:150%}.home .overview .top .title{color:#383e49;font-size:20px;font-style:normal;font-weight:500;line-height:150%}.home .overview .contents{display:flex;gap:16px;align-items:center;justify-content:space-between}.home .overview .contents .overview-item{display:flex;justify-content:space-between;min-width:120px;gap:8px}.home .overview .contents .overview-item .left{width:50%}.home .overview .contents .overview-item .sub-title{color:#757575;font-size:12px;margin-bottom:8px}.home .overview .contents .overview-item .title{color:#383e49;font-size:16px;font-weight:500;text-wrap:nowrap}.home .overview .contents .overview-item .value{color:#cb1f57;align-self:flex-end;font-size:24px;font-weight:600}.home .orders{margin-bottom:30px}.home .orders .title{color:#383e49;font-size:20px;font-weight:600;line-height:normal;margin-bottom:20px}.home .orders tr th{background:#fff}.add-customer{padding:30px;background-color:#fff;border-radius:30px;border:1px solid rgba(211,211,211,.7411764706)}.add-customer .top-bar{margin-bottom:20px}.add-customer .top-bar .title{color:#383e49;font-family:Inter;font-size:22px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:10px}.add-customer .top-bar .msg{color:#757575;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.work-registration .ant-steps-item-finish .ant-steps-item-icon,.work-registration .ant-steps-item-finish .ant-steps-icon,.work-registration .ant-steps-item-active .ant-steps-item-icon,.work-registration .ant-steps-item-active .ant-steps-icon{background-color:#cb1f57!important;color:#fff!important;border:none!important;font-weight:600}.work-registration .ant-steps-item-finish .ant-steps-item-title,.work-registration .ant-steps-item-active .ant-steps-item-title{color:#cb1f57!important}.work-registration .ant-steps-item-wait .ant-steps-item-icon,.work-registration .ant-steps-item-wait .ant-steps-icon{background-color:#757575!important;color:#fff!important;border:none!important;font-weight:600}.work-registration .ant-steps-item-wait .ant-steps-item-title{font-weight:500}.work-registration .ant-steps-item-title{text-wrap:nowrap}.work-registration .ant-steps-item-title{text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:normal}.work-registration .ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail:after{background-color:#cb1f57!important}.work-registration .steps-bar{display:flex;justify-content:center}.work-registration .steps-content{margin-top:40px}.package-registration{padding:30px;background-color:#fff;border-radius:30px;border:1px solid rgba(211,211,211,.7411764706)}.package-registration .top-bar{margin-bottom:20px}.package-registration .top-bar .title{color:#383e49;font-family:Inter;font-size:22px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:10px}.package-registration .top-bar .msg{color:#757575;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;box-sizing:border-box}.loading{display:flex;justify-content:center;align-items:center;padding:20px}.custom-scroll{overflow-y:auto}.custom-scroll::-webkit-scrollbar{background:#cccccc;width:6px}.custom-scroll::-webkit-scrollbar-track{background:#fff}.custom-scroll::-webkit-scrollbar-thumb{background:#adadad;border-radius:7px}.scroll-x{overflow-x:auto}.scroll-x::-webkit-scrollbar{background:#cccccc;width:6px}.scroll-x::-webkit-scrollbar-track{background:#fff}.scroll-x ::-webkit-scrollbar-thumb{background:#adadad;border-radius:7px}.ant-form-item{margin-bottom:10px}.box-light{background-color:#fff;border-radius:10px;padding:20px;border:1px solid #c1baba}.box-light .box-title{font-size:1.3rem;text-align:center;font-family:Roboto,sans-serif;font-weight:300;margin-bottom:10px}.box-light .inner-box{background:#f6f6f6;padding:16px;border:1px solid rgba(0,0,0,.2);border-radius:10px;margin-bottom:10px}.box-light .inner-box-title{font-size:1.1rem;font-weight:300;margin-bottom:10px;text-align:right}#error-page{height:100vh;display:flex;justify-content:center}#error-page .content{text-align:center;margin-top:100px}#error-page .content .title{font-size:3rem;font-weight:300;margin-bottom:10px}#error-page .content .description{font-size:1.2rem;font-weight:300;margin-bottom:10px}.ant-table-container{border-radius:30px}.ant-table-thead .ant-table-cell{font-weight:500!important;overflow:hidden;background-color:#fff}.flex-between{display:flex;justify-content:space-between}.table-image{width:50px;height:50px;border-radius:50%;background-color:#f6f6f6}.table-image .ant-image,.table-image img,.table-image .ant-image-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.flex{display:flex}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.ml-auto{margin-left:auto}.text-center{text-align:center}.font-20{font-size:20px!important}.ant-table-body::-webkit-scrollbar{background:#cccccc;width:6px;height:5px}.ant-table-body::-webkit-scrollbar-track{background:#fff}.ant-table-body::-webkit-scrollbar-thumb{background:#adadad;border-radius:7px}.filter{display:flex;padding:10px 20px;justify-content:center;align-items:center;gap:10px;border-radius:30px;background:#fff;color:#383e49;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:.4px;text-align:center;transition:all .3s ease-in-out;cursor:pointer}.filter:hover{box-shadow:0 4px 10px #0000001a}.ant-table tr th{background:#fff!important}.ant-table .blur{height:80px}.ant-table .blur:after{content:"Contact HelloTask Support for Full Access";position:absolute;display:flex;align-items:center;justify-content:center;bottom:0;left:0;width:100%;height:180px;color:#383e49;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px 20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:.4px;text-align:center;z-index:2}.ant-table-row:hover .ant-table-cell-row-hover{border-bottom:1px solid rgba(203,31,87,.3)!important;background:rgba(203,31,87,.1)!important}.btn{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:8px;border-radius:30px!important;background:#cb1f57;color:#fff;transition:all .3s ease-in-out;cursor:pointer;text-decoration:none;letter-spacing:.4px;box-shadow:none}.btn .text{color:#fff;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.5px}.btn:hover{box-shadow:0 4px 10px #00000040;opacity:.8;background:#cb1f57!important}.ant-form-item-label{height:30px;margin-bottom:5px;font-weight:400;color:#383e49;font-size:12px}.ant-input:hover,.ant-select:hover,.ant-input-number:hover{border-color:#cb1e56b8!important;outline:none!important;box-shadow:none!important}.ant-select-selector:hover,.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:#cb1e56b8!important;outline:none!important;box-shadow:none!important}.ant-select-selector:focus,.ant-select-selector:active,.ant-input-affix-wrapper:focus{box-shadow:none!important;outline:0}.ant-input:focus,.ant-input-number-focused,.ant-select:focus{border-color:#cb1e56b8!important;box-shadow:none!important;outline:none!important}.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover{color:#cb1f57;border-color:#cb1f57}:where(.css-dev-only-do-not-override-nnuwmp).ant-picker-focused,:where(.css-dev-only-do-not-override-nnuwmp).ant-picker:hover{border-color:#cb1f57!important;box-shadow:none!important}.ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner{background-color:#cd1e57;border-color:#cd1e57}.ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner:hover{background-color:#cd1e57}.ant-checkbox-wrapper .ant-checkbox-input{background-color:#cd1e57;border-color:#cd1e57}.ant-checkbox-wrapper .ant-checkbox-input:hover{background-color:#cd1e57}.ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:#cd1e57}.ant-checkbox-wrapper:hover .ant-checkbox-inner:hover{background-color:#cd1e57}.ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-input{background-color:#cd1e57;border-color:#cd1e57}.ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-input:hover{background-color:#cd1e57}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}