@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Black.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-ExtraBold.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-SemiBold.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-UltraLight.otf) format("opentype");font-weight:200;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Thin.otf) format("opentype");font-weight:100;font-style:normal}:root{--font-1:"GIP",sans-serif;--font-2:"Poppins",sans-serif;--main-color:#52b694;--second-color:#5b75ff;--text-color:#374151;--body-color:#f0f2f5;--color-red:#e24c1e;--color-white:#fff;--black:#1c1c1c;--nav-hover:#e5eaf2;interpolate-size:allow-keywords}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{border-radius:50px}::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#022b60}*{box-sizing:border-box}*,body{margin:0;padding:0}body{overflow-x:hidden;font-family:var(--font-1);background-color:var(--body-color)}a,a:hover{text-decoration:none;color:#000}a,button,div,input,li,p,span,textarea,ul{font-family:var(--font-1)}.tc-container{max-width:1336px;margin:0 auto}.tc-container.small{max-width:880px}@media(min-width:320px)and (max-width:767px){.tc-container{padding:0 14px}}@media(min-width:768px)and (max-width:1023px){.d-desktop{display:none}}@media(min-width:320px)and (max-width:767px){.d-desktop{display:none}}.d-mobile{display:none}@media(min-width:768px)and (max-width:1023px){.d-mobile{display:block}}@media(min-width:320px)and (max-width:767px){.d-mobile{display:block}}.mb-0{margin-bottom:0}.mb-1{margin-bottom:2px}.mb-2{margin-bottom:4px}.mb-3{margin-bottom:6px}.mb-4{margin-bottom:8px}.mb-5{margin-bottom:10px}.mb-6{margin-bottom:12px}.mb-7{margin-bottom:14px}.mb-8{margin-bottom:16px}.mb-9{margin-bottom:18px}.mb-10{margin-bottom:20px}.mb-11{margin-bottom:22px}.mb-12{margin-bottom:24px}.mb-13{margin-bottom:26px}.mb-14{margin-bottom:28px}.mb-15{margin-bottom:30px}.mb-16{margin-bottom:32px}.mb-17{margin-bottom:34px}.mb-18{margin-bottom:36px}.mb-19{margin-bottom:38px}.mb-20{margin-bottom:40px}.mb-21{margin-bottom:42px}.mb-22{margin-bottom:44px}.mb-23{margin-bottom:46px}.mb-24{margin-bottom:48px}.mb-25{margin-bottom:50px}.mb-26{margin-bottom:52px}.mb-27{margin-bottom:54px}.mb-28{margin-bottom:56px}.mb-29{margin-bottom:58px}.mb-30{margin-bottom:60px}.mb-31{margin-bottom:62px}.mb-32{margin-bottom:64px}.mb-33{margin-bottom:66px}.mb-34{margin-bottom:68px}.mb-35{margin-bottom:70px}.mb-36{margin-bottom:72px}.mb-37{margin-bottom:74px}.mb-38{margin-bottom:76px}.mb-39{margin-bottom:78px}.mb-40{margin-bottom:80px}.mb-41{margin-bottom:82px}.mb-42{margin-bottom:84px}.mb-43{margin-bottom:86px}.mb-44{margin-bottom:88px}.mb-45{margin-bottom:90px}.mb-46{margin-bottom:92px}.mb-47{margin-bottom:94px}.mb-48{margin-bottom:96px}.mb-49{margin-bottom:98px}.mb-50{margin-bottom:100px}.mb-51{margin-bottom:102px}.mb-52{margin-bottom:104px}.mb-53{margin-bottom:106px}.mb-54{margin-bottom:108px}.mb-55{margin-bottom:110px}.mb-56{margin-bottom:112px}.mb-57{margin-bottom:114px}.mb-58{margin-bottom:116px}.mb-59{margin-bottom:118px}.mb-60{margin-bottom:120px}.mb-61{margin-bottom:122px}.mb-62{margin-bottom:124px}.mb-63{margin-bottom:126px}.mb-64{margin-bottom:128px}.mb-65{margin-bottom:130px}.mb-66{margin-bottom:132px}.mb-67{margin-bottom:134px}.mb-68{margin-bottom:136px}.mb-69{margin-bottom:138px}.mb-70{margin-bottom:140px}.mb-71{margin-bottom:142px}.mb-72{margin-bottom:144px}.mb-73{margin-bottom:146px}.mb-74{margin-bottom:148px}.mb-75{margin-bottom:150px}.mb-76{margin-bottom:152px}.mb-77{margin-bottom:154px}.mb-78{margin-bottom:156px}.mb-79{margin-bottom:158px}.mb-80{margin-bottom:160px}.mb-81{margin-bottom:162px}.mb-82{margin-bottom:164px}.mb-83{margin-bottom:166px}.mb-84{margin-bottom:168px}.mb-85{margin-bottom:170px}.mb-86{margin-bottom:172px}.mb-87{margin-bottom:174px}.mb-88{margin-bottom:176px}.mb-89{margin-bottom:178px}.mb-90{margin-bottom:180px}.mb-91{margin-bottom:182px}.mb-92{margin-bottom:184px}.mb-93{margin-bottom:186px}.mb-94{margin-bottom:188px}.mb-95{margin-bottom:190px}.mb-96{margin-bottom:192px}.mb-97{margin-bottom:194px}.mb-98{margin-bottom:196px}.mb-99{margin-bottom:198px}.mb-100{margin-bottom:200px}.mb-101{margin-bottom:202px}.mb-102{margin-bottom:204px}.mb-103{margin-bottom:206px}.mb-104{margin-bottom:208px}.mb-105{margin-bottom:210px}.mb-106{margin-bottom:212px}.mb-107{margin-bottom:214px}.mb-108{margin-bottom:216px}.mb-109{margin-bottom:218px}.mb-110{margin-bottom:220px}.mb-111{margin-bottom:222px}.mb-112{margin-bottom:224px}.mb-113{margin-bottom:226px}.mb-114{margin-bottom:228px}.mb-115{margin-bottom:230px}.mb-116{margin-bottom:232px}.mb-117{margin-bottom:234px}.mb-118{margin-bottom:236px}.mb-119{margin-bottom:238px}.mb-120{margin-bottom:240px}.mt-0{margin-top:0}.mt-1{margin-top:2px}.mt-2{margin-top:4px}.mt-3{margin-top:6px}.mt-4{margin-top:8px}.mt-5{margin-top:10px}.mt-6{margin-top:12px}.mt-7{margin-top:14px}.mt-8{margin-top:16px}.mt-9{margin-top:18px}.mt-10{margin-top:20px}.mt-11{margin-top:22px}.mt-12{margin-top:24px}.mt-13{margin-top:26px}.mt-14{margin-top:28px}.mt-15{margin-top:30px}.mt-16{margin-top:32px}.mt-17{margin-top:34px}.mt-18{margin-top:36px}.mt-19{margin-top:38px}.mt-20{margin-top:40px}.mt-21{margin-top:42px}.mt-22{margin-top:44px}.mt-23{margin-top:46px}.mt-24{margin-top:48px}.mt-25{margin-top:50px}.mt-26{margin-top:52px}.mt-27{margin-top:54px}.mt-28{margin-top:56px}.mt-29{margin-top:58px}.mt-30{margin-top:60px}.mt-31{margin-top:62px}.mt-32{margin-top:64px}.mt-33{margin-top:66px}.mt-34{margin-top:68px}.mt-35{margin-top:70px}.mt-36{margin-top:72px}.mt-37{margin-top:74px}.mt-38{margin-top:76px}.mt-39{margin-top:78px}.mt-40{margin-top:80px}.mt-41{margin-top:82px}.mt-42{margin-top:84px}.mt-43{margin-top:86px}.mt-44{margin-top:88px}.mt-45{margin-top:90px}.mt-46{margin-top:92px}.mt-47{margin-top:94px}.mt-48{margin-top:96px}.mt-49{margin-top:98px}.mt-50{margin-top:100px}.mt-51{margin-top:102px}.mt-52{margin-top:104px}.mt-53{margin-top:106px}.mt-54{margin-top:108px}.mt-55{margin-top:110px}.mt-56{margin-top:112px}.mt-57{margin-top:114px}.mt-58{margin-top:116px}.mt-59{margin-top:118px}.mt-60{margin-top:120px}.mt-61{margin-top:122px}.mt-62{margin-top:124px}.mt-63{margin-top:126px}.mt-64{margin-top:128px}.mt-65{margin-top:130px}.mt-66{margin-top:132px}.mt-67{margin-top:134px}.mt-68{margin-top:136px}.mt-69{margin-top:138px}.mt-70{margin-top:140px}.mt-71{margin-top:142px}.mt-72{margin-top:144px}.mt-73{margin-top:146px}.mt-74{margin-top:148px}.mt-75{margin-top:150px}.mt-76{margin-top:152px}.mt-77{margin-top:154px}.mt-78{margin-top:156px}.mt-79{margin-top:158px}.mt-80{margin-top:160px}.mt-81{margin-top:162px}.mt-82{margin-top:164px}.mt-83{margin-top:166px}.mt-84{margin-top:168px}.mt-85{margin-top:170px}.mt-86{margin-top:172px}.mt-87{margin-top:174px}.mt-88{margin-top:176px}.mt-89{margin-top:178px}.mt-90{margin-top:180px}.mt-91{margin-top:182px}.mt-92{margin-top:184px}.mt-93{margin-top:186px}.mt-94{margin-top:188px}.mt-95{margin-top:190px}.mt-96{margin-top:192px}.mt-97{margin-top:194px}.mt-98{margin-top:196px}.mt-99{margin-top:198px}.mt-100{margin-top:200px}.mt-101{margin-top:202px}.mt-102{margin-top:204px}.mt-103{margin-top:206px}.mt-104{margin-top:208px}.mt-105{margin-top:210px}.mt-106{margin-top:212px}.mt-107{margin-top:214px}.mt-108{margin-top:216px}.mt-109{margin-top:218px}.mt-110{margin-top:220px}.mt-111{margin-top:222px}.mt-112{margin-top:224px}.mt-113{margin-top:226px}.mt-114{margin-top:228px}.mt-115{margin-top:230px}.mt-116{margin-top:232px}.mt-117{margin-top:234px}.mt-118{margin-top:236px}.mt-119{margin-top:238px}.mt-120{margin-top:240px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.ant-form .ant-form-item input,.ant-form .ant-form-item label{font-size:14px;line-height:20px;font-weight:500}.ant-form .ant-form-item .ant-input-outlined:focus,.ant-form .ant-form-item .ant-input-outlined:focus-within{border-color:var(--main-color)!important}.ant-form .ant-form-item .ant-form-item-label{padding:0 0 4px}.icon-checkbox{margin-bottom:16px}.icon-checkbox .icon-checkbox_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));grid-gap:12px;gap:12px;margin-top:8px}.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item{background-color:#f7f9fa;border:1px solid var(--body-color);position:relative;display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:16px;transition:.3s ease}.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item .ant-checkbox-label{display:flex;flex-direction:column;align-items:center}.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item:hover{border:1px solid var(--main-color)}.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item.active{background-color:var(--main-color);border:1px solid var(--main-color)}.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item.active .icon,.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item.active .text{color:#fff}.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item .ant-checkbox{position:absolute;width:100%;height:100%;inset:0;opacity:0}.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item .icon,.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item .text{color:var(--text-color);transition:.3s ease}.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item .icon{width:24px;height:24px;margin-bottom:8px}.icon-checkbox .icon-checkbox_list .icon-checkbox_list__item .icon svg{width:100%;height:100%;object-fit:contain}.ant-slider:hover .ant-slider-track{background-color:var(--main-color)}.ant-slider:hover .ant-slider-handle:after{box-shadow:0 0 0 2px var(--main-color)}.ant-slider .ant-slider-track{background-color:var(--main-color)}.ant-slider .ant-slider-handle:after{box-shadow:0 0 0 2px var(--main-color)}.ant-btn{height:auto;border:1px solid #d0d5dd;color:var(--text-color);padding:7px 10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;cursor:pointer;border-radius:8px;background:transparent;box-shadow:none;min-width:36px;height:36px}.ant-btn.ant-btn-default:hover{color:var(--main-color)!important;border-color:var(--main-color)!important}.ant-btn.ant-btn-primary,.ant-btn.btn-success{background-color:var(--main-color);border:1px solid var(--main-color);color:var(--color-white)}.ant-btn.ant-btn-primary:hover,.ant-btn.btn-success:hover{background:var(--main-color)!important}.ant-btn.ant-btn-dangerous{background-color:rgba(226,76,30,.102);border:1px solid rgba(226,76,30,.102);color:var(--color-red)}.ant-btn.ant-btn-dangerous:hover{background-color:rgba(226,76,30,.102)!important;border:1px solid rgba(226,76,30,.102)!important;color:var(--color-red)!important}.ant-btn.btn-danger-fill{background-color:#e24c1e;border:1px solid #e24c1e;color:#fff}.ant-btn.btn-danger-fill:hover{background-color:#e24c1e}.ant-btn .ant-btn-icon{width:16px;height:16px}.ant-btn .ant-btn-icon svg{width:100%;height:100%;object-fit:contain}.ant-btn:disabled{border:1px solid #d0d5dd;background-color:transparent;color:var(--text-color);cursor:not-allowed;opacity:.3}.ant-btn:disabled:hover{background-color:var(--main-color)}.ant-btn span{font-size:14px;line-height:20px;font-weight:500;display:block}.doughnut-chart{display:flex;flex-wrap:wrap;flex-direction:column;position:relative}.doughnut-chart canvas{margin-bottom:16px}.doughnut-chart .doughnut-chart_tooltip{opacity:0;left:232px;top:74px;width:280px;transition:opacity .5s ease;position:absolute}.doughnut-chart .doughnut-chart_tooltip h4{font-size:20px;line-height:20px;font-weight:700;margin-bottom:8px;color:#545758;transform:translateX(-30px);transition:transform .6s ease}@media(min-width:320px)and (max-width:767px){.doughnut-chart .doughnut-chart_tooltip h4{font-size:16px;line-height:normal;margin-bottom:4x}}.doughnut-chart .doughnut-chart_tooltip p{font-size:12px;line-height:16px;color:var(--text-color);transform:translateX(-40px);transition:transform .7s ease}.doughnut-chart .doughnut-chart_tooltip.visible{opacity:1}.doughnut-chart .doughnut-chart_tooltip.visible h4,.doughnut-chart .doughnut-chart_tooltip.visible p{transform:translateX(0)}.list-chartData{display:flex;flex-direction:column;gap:10px;width:100%}.list-chartData li{position:relative;display:flex;flex-direction:row;justify-content:space-between;padding:2px 0 0 20px;cursor:pointer}.list-chartData li .dot{position:absolute;width:6px;height:6px;border-radius:500px;top:50%;transform:translateY(-50%);left:9px}.list-chartData li p{font-family:12px;line-height:16px;color:var(--text-color)}.object-panel_list{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}.object-panel_list .object-panel_item{background-color:var(--color-white);border-radius:8px;overflow:hidden}.object-panel_list .object-panel_item .object-panel_item__head{display:flex;flex-wrap:wrap;gap:24px;padding:24px;border-bottom:2px solid var(--body-color)}.object-panel_list .object-panel_item .object-panel_item__head .action,.object-panel_list .object-panel_item .object-panel_item__head .name-con,.object-panel_list .object-panel_item .object-panel_item__head .search-con,.object-panel_list .object-panel_item .object-panel_item__head .tags{display:flex;flex-wrap:wrap;align-items:center}.object-panel_list .object-panel_item .object-panel_item__head .name-con{gap:16px}.object-panel_list .object-panel_item .object-panel_item__head .name-con .name{color:var(--text-color);font-size:20px;line-height:28px;font-weight:700}.object-panel_list .object-panel_item .object-panel_item__head .name-con .tags{gap:8px}.object-panel_list .object-panel_item .object-panel_item__head .name-con .tags p{padding:1px 8px;background-color:var(--body-color);border-radius:500px;font-size:12px;line-height:16px;color:var(--text-color)}.object-panel_list .object-panel_item .object-panel_item__head .search-con{gap:8px;margin-left:auto}.object-panel_list .object-panel_item .ant-collapse{margin:0;border:none}.object-panel_list .object-panel_item .ant-collapse .ant-collapse-item .ant-collapse-header{background:#fff}.object-panel_list .object-panel_item .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon{display:none}.object-panel_list .object-panel_item .ant-collapse .ant-collapse-item .ant-collapse-header .accordion-head{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.object-panel_list .object-panel_item .ant-collapse .ant-collapse-item .ant-collapse-header .accordion-head .title{font-size:16px;line-height:24px;font-weight:600;color:var(--text-color)}.object-panel_list .object-panel_item .ant-collapse .ant-collapse-item .ant-collapse-header .accordion-head .sub{font-size:14px;font-weight:500;line-height:20px;color:#a0aec0}.object-panel_list .object-panel_item .ant-collapse .ant-collapse-item .ant-collapse-header .accordion-head .sub span{font-weight:700;color:var(--text-color);margin-left:8px}.object-panel_list .object-panel_item .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-thead .ant-table-cell{background:#f7f9fa}.object-panel_list .object-panel_item .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .button-group{display:flex;justify-content:center;gap:8px}.ant-upload-wrapper{display:flex;flex-direction:column}.ant-upload-wrapper .ant-upload-drag .ant-upload-drag-container .ant-upload-drag-icon{width:30px;height:30px;color:var(--text-color);margin:0 auto 8px}.ant-upload-wrapper .ant-upload-drag .ant-upload-drag-container .ant-upload-drag-icon svg{width:100%;height:100%}.ant-upload-wrapper .ant-upload-drag .ant-upload-drag-container .ant-upload-text{font-weight:500;font-size:12px;line-height:normal;color:#7a8393}.ant-upload-wrapper .ant-upload-drag .ant-upload-drag-container .ant-upload-tt{font-weight:500;font-size:14px;line-height:normal;color:var(--main-color)}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-container .ant-upload-list-item{height:auto;padding:12px}.ant-modal .ant-modal-content{padding:0;border-radius:16px}.ant-modal .ant-modal-content .ant-modal-header{padding:18px 24px;background-color:var(--body-color);margin-bottom:0}.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title{font-size:20px;line-height:28px;font-weight:500}.ant-modal .ant-modal-content .modal-form_tt{font-size:16px;line-height:24px;font-weight:500;color:var(--text-color);margin-bottom:16px}.ant-modal .ant-modal-content .modal-form_tt span{color:#d0d5dd}.ant-modal .ant-modal-content .modal-form_tt.mb-0{margin-bottom:2px}.ant-modal .ant-modal-content .modal-form_desc{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color)}.ant-modal .ant-modal-content .modal-form_desc.italic{font-style:italic}.ant-modal .ant-modal-content .modal-form_desc.mb{margin-bottom:16px}.ant-modal .ant-modal-content .sub-text{font-size:12px;line-height:16px;color:#a0aec0}.ant-modal .ant-modal-content .payments{margin-top:8px;padding-top:24px;border-top:1px solid var(--body-color)}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body{display:flex;flex-wrap:wrap}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .tt{font-size:16px;font-weight:500;line-height:normal;margin-bottom:16px}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .detail{width:45%;display:grid;grid-auto-columns:1fr;grid-template-rows:1fr auto}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .detail .frame,.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .detail .upload-img{padding:24px}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .detail .upload-img{border-bottom:1px solid #f0f2f5}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .detail .frame img{width:100%;height:auto}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .show{width:55%;padding:24px;border-left:1px solid #f0f2f5}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .show .iphone-frame{width:100%;height:568px;position:relative}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .show .iphone-frame img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .show .iphone-frame .img-front{z-index:3}.ant-modal .ant-modal-content .ant-modal-body .ant-form .story-body .show .iphone-frame .img-back{padding:12px;z-index:1}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps{padding:24px 24px 12px;border-bottom:1px solid #f0f2f5;display:grid;grid-template-columns:repeat(3,1fr)}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item{padding:0!important;-webkit-padding-start:0!important;padding-inline-start:0!important}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item .ant-steps-item-container{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon{background-color:var(--main-color);border-color:var(--main-color)}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon{color:#fff}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-icon{background-color:var(--main-color);border-color:var(--main-color)}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-icon .ant-steps-icon{color:#fff}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-title{color:var(--main-color);font-weight:700}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item .ant-steps-item-icon{background-color:#fff;border:1px solid var(--main-color)}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item .ant-steps-item-icon .ant-steps-icon{color:var(--main-color)}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item .ant-steps-item-content{margin-top:12px}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item .ant-steps-item-content .ant-steps-item-title{font-size:14px;line-height:normal;padding:0}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-steps .ant-steps-item .ant-steps-item-content .ant-steps-item-title:after{display:none}.ant-modal .ant-modal-content .ant-modal-body .ant-form .form-body{padding:24px}.ant-modal .ant-modal-content .ant-modal-body .ant-form .form-body .warning-body{background-color:#fffcf5;padding:8px 16px;border:1px solid #fec84b;border-radius:8px;margin-bottom:16px}.ant-modal .ant-modal-content .ant-modal-body .ant-form .form-body .warning-body p{font-size:14px;color:#b54708}.ant-modal .ant-modal-content .ant-modal-body .ant-form .form-body .warning-body p a{color:#b54708;font-weight:500;position:relative;cursor:pointer}.ant-modal .ant-modal-content .ant-modal-body .ant-form .form-body .warning-body p a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background-color:#b54708}.ant-modal .ant-modal-content .ant-modal-body .ant-form .form-footer{background-color:var(--body-color);display:flex;justify-content:flex-end;padding:16px 24px;gap:16px;border-radius:0 0 16px 16px}.ant-modal .ant-modal-content .form-card.border-top{border-top:1px solid #f0f2f5;padding-top:14px}.ant-modal .ant-modal-content .form-card .form-card_tt{font-size:16px;font-weight:500;color:var(--text-color)}.ant-modal .ant-modal-content .form-card .bank-con .bank-list{display:flex;flex-wrap:wrap;border:1px solid #d0d5dd;padding:4px;border-radius:8px;gap:4px;width:100%;max-width:max-content}.ant-modal .ant-modal-content .form-card .bank-con .bank-list .bank-list_item{width:62px;height:62px;border-radius:4px;padding:4px;border:2px solid transparent;background-color:transparent;transition:.3s ease;cursor:pointer}.ant-modal .ant-modal-content .form-card .bank-con .bank-list .bank-list_item.active,.ant-modal .ant-modal-content .form-card .bank-con .bank-list .bank-list_item:hover{border:2px solid #52b694;background-color:hsla(88,36%,57%,.102)}.ant-modal .ant-modal-content .form-card .bank-con .bank-list .bank-list_item img{width:100%;height:100%;object-fit:contain}.ant-modal .ant-modal-content .form-card .bank-con .bank-warn{border:1px solid #d0d5dd;border-radius:4px;background-color:#f7f9fa;padding:16px;margin-top:16px}.ant-modal .ant-modal-content .form-card .bank-con .bank-warn svg{width:20px;height:20px;margin-bottom:12px}.ant-modal .ant-modal-content .form-card .bank-con .bank-warn p{font-size:12px;line-height:normal;color:var(--text-color);margin-bottom:12px}.ant-modal .ant-modal-content .form-card .bank-con .bank-warn a{font-size:14px;font-weight:500;color:var(--main-color);line-height:normal}.ant-modal .ant-modal-content .form-card .bank-con .coming-soon{border:1px solid #d0d5dd;border-radius:4px;background-color:#f7f9fa;padding:16px;margin-top:16px}.ant-modal .ant-modal-content .form-card .bank-con .coming-soon p{text-align:center;font-size:16px;font-weight:500;color:var(--text-color)}.ant-modal .ant-modal-content .form-card .bank-con .bank-body{margin-top:24px;padding-top:24px;border-top:1px solid #f0f2f5}.ant-modal .ant-modal-content .form-card .bank-con .bank-body .tt{font-size:16px;line-height:normal;font-weight:500;color:var(--text-color);margin-bottom:16px}.ant-modal .ant-modal-content .form-card .search-con{margin:0 24px 0 auto}.ant-modal .ant-modal-content .form-card .search-con .search-input{display:flex;position:relative}.ant-modal .ant-modal-content .form-card .search-con .search-input .ico{position:absolute;width:20px;height:20px;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;top:50%;transform:translateY(-50%);left:12px}.ant-modal .ant-modal-content .form-card .search-con .search-input .ico svg{width:100%;height:100%;object-fit:contain}.ant-modal .ant-modal-content .form-card .search-con .search-input input{width:100%;font-size:14px;line-height:20px;font-weight:500;color:var(--text-color);padding:7px 20px 7px 40px}.ant-modal .ant-modal-content .form-card .find-user{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--body-color)}.ant-modal .ant-modal-content .form-card .find-user .find-user_img{width:48px;height:48px;border-radius:500px;background-color:var(--main-color);display:flex;align-items:center;justify-content:center;margin-right:16px}.ant-modal .ant-modal-content .form-card .find-user .find-user_img p{font-size:20px;line-height:28px;font-weight:500}.ant-modal .ant-modal-content .form-card .find-user .find-user_body{width:calc(100% - 64px)}.ant-modal .ant-modal-content .form-card .find-user .find-user_body .find-user_body__tt{font-size:20px;line-height:28px;font-weight:700}.ant-modal .ant-modal-content .form-card .find-user .find-user_body .find-user_body__sub{font-size:12px;line-height:16px;color:var(--text-color)}.ant-modal .ant-modal-content .form-card .find-user .find-user_body .find-user_body__sub span{color:#a0aec0}.ant-modal .ant-modal-content .form-card .custom-checkbox{position:relative;display:flex;border:1px solid #d0d5dd;width:max-content;border-radius:8px;padding:1px}.ant-modal .ant-modal-content .form-card .custom-checkbox .ant-switch{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%}.ant-modal .ant-modal-content .form-card .custom-checkbox.checked:after{transform:translateX(110px)}.ant-modal .ant-modal-content .form-card .custom-checkbox:after{content:"";position:absolute;left:1px;width:110px;top:1px;bottom:1px;border-radius:6px;background-color:var(--main-color);z-index:1;transform:translateX(0);transition:.3s ease}.ant-modal .ant-modal-content .form-card .custom-checkbox .custom-checkbox_text{font-size:14px;line-height:20px;font-weight:500;text-align:center;padding:6px 12px;min-width:110px;position:relative;color:var(--color-white);z-index:2;transition:.3s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.ant-modal .ant-modal-content .form-card .custom-checkbox .custom-checkbox_text.active{color:var(--text-color)}.ant-modal .ant-modal-content .form-card .grid{display:grid}.ant-modal .ant-modal-content .form-card .grid.grid-auto_170{grid-template-columns:auto 170px;gap:16px}.ant-modal .ant-modal-content .form-card .grid.col-2{grid-template-columns:1fr 1fr;gap:16px}.ant-modal .ant-modal-content .form-card .grid.col-1-3{grid-template-columns:140px auto;gap:16px}.ant-modal .ant-modal-content .form-card .grid.col-3{grid-template-columns:repeat(3,1fr);gap:16px}.ant-modal .ant-modal-content .form-card .grid.col-3-1{grid-template-columns:1fr 1fr 1fr 36px;gap:16px;align-items:flex-end}.ant-modal .ant-modal-content .form-card .grid.col-3-1-1-1{grid-template-columns:1fr auto auto auto;gap:16px}.ant-modal .ant-modal-content .form-card .filter-data{margin-top:20px;padding-top:20px;border-top:1px solid #f0f2f5}.ant-modal .ant-modal-content .form-card .filter-data .list-search{margin-bottom:16px}.ant-modal .ant-modal-content .form-card .filter-data .list-search .ant-input-affix-wrapper{padding:3px 4px 3px 12px}.ant-modal .ant-modal-content .form-card .filter-data .list-search .ant-input-affix-wrapper .ant-input-prefix{width:20px;height:20px;padding:1px;margin:auto 8px auto 0}.ant-modal .ant-modal-content .form-card .filter-data .list-search .ant-input-affix-wrapper .ant-input-prefix svg{width:100%;height:100%;color:var(--text-color)}.ant-modal .ant-modal-content .form-card .filter-data .list-search .ant-input-affix-wrapper .ant-input{font-size:14px;line-height:20px;font-weight:500;margin:auto 0}.ant-modal .ant-modal-content .form-card .filter-data .listed-data{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.ant-modal .ant-modal-content .form-card .filter-data .listed-data.col-2{display:grid;grid-template-columns:repeat(2,1fr)}.ant-modal .ant-modal-content .form-card .filter-data .listed-data.col-2 .listed-data_item{grid-template-columns:1fr;border:1px solid #ececec}.ant-modal .ant-modal-content .form-card .filter-data .listed-data.col-2 .listed-data_item div{text-align:center;justify-content:center;align-items:center}.ant-modal .ant-modal-content .form-card .filter-data .listed-data .listed-data_item{display:grid;grid-template-columns:repeat(3,1fr);padding:12px;border:1px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;transition:.3s ease}.ant-modal .ant-modal-content .form-card .filter-data .listed-data .listed-data_item.selected,.ant-modal .ant-modal-content .form-card .filter-data .listed-data .listed-data_item:hover{border:1px solid #52b694;background-color:hsla(88,36%,57%,.102)}.ant-modal .ant-modal-content .form-card .filter-data .listed-data .listed-data_item div{display:flex;flex-direction:column}.ant-modal .ant-modal-content .form-card .filter-data .listed-data .listed-data_item div:nth-child(2){text-align:center}.ant-modal .ant-modal-content .form-card .filter-data .listed-data .listed-data_item div:last-child{text-align:right}.ant-modal .ant-modal-content .form-card .filter-data .listed-data .listed-data_item div p{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color)}.ant-modal .ant-modal-content .form-card .filter-data .listed-data .listed-data_item div span{font-size:12px;line-height:16px;color:#a0aec0}.ant-modal .ant-modal-content .form-card .disabled-item{border-radius:8px}.ant-modal .ant-modal-content .form-card .disabled-item p,.ant-modal .ant-modal-content .form-card .disabled-item span{font-size:14px;line-height:normal;display:block;color:var(--text-color)}.ant-modal .ant-modal-content .form-card .disabled-item p{margin-top:8px;font-weight:700;color:var(--text-color);background-color:#f0f2f5;padding:8px 12px;border-radius:8px}.ant-modal .ant-modal-content .form-card .read-only p{font-size:14px;line-height:20px;color:var(--text-color)}.ant-modal .ant-modal-content .form-card .read-only p.disabled{margin-top:8px;padding:8px 12px;background-color:var(--body-color);border-radius:8px}.ant-modal .ant-modal-content .form-card .read-only p.bold{font-weight:700}.ant-modal .ant-modal-content .form-card .pay-group{display:flex;flex-wrap:wrap;justify-content:space-between}.ant-modal .ant-modal-content .form-card .total-amount{padding:8px 12px;border-radius:8px;border:1px solid #d0d5dd;display:flex;align-items:center}.ant-modal .ant-modal-content .form-card .total-amount p{font-size:14px;font-weight:500}.ant-modal .ant-modal-content .form-card .total-amount p span{font-weight:700}.ant-modal .ant-modal-content .form-card .lines-list{display:grid;grid-template-columns:170px 170px 170px 32px;grid-gap:16px;gap:16px;margin-bottom:16px}.ant-modal .ant-modal-content .form-card .lines-list .ant-form-item{margin-bottom:0}.ant-modal .ant-modal-content .form-card .lines-list .ant-form-item .ant-input-number{height:32px}.ant-modal .ant-modal-content .form-card .lines-list .ant-form-item .ant-input-number .ant-input-number-input-wrap,.ant-modal .ant-modal-content .form-card .lines-list .ant-form-item .ant-input-number .ant-input-number-input-wrap input{height:100%}.ant-modal .ant-modal-content .form-card .lines-list .ant-form-item .ant-form-item-control-input{height:32px}.ant-modal .ant-modal-content .form-card .lines-list .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content,.ant-modal .ant-modal-content .form-card .lines-list .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content input{height:100%}.ant-modal .ant-modal-content .form-card .lines-list .icon-remove{background-color:rgba(226,76,30,.102);border:1px solid rgba(226,76,30,.102);color:var(--color-red);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:auto 0 0;cursor:pointer}.ant-modal .ant-modal-content .form-card .ant-form-item label{font-size:14px;line-height:20px;font-weight:400;color:var(--text-color)}.delete-confirm .form-card{padding:24px}.delete-confirm .form-card .modal-form_tt{margin-bottom:4px}.delete-confirm .icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px}.delete-confirm .icon-box.danger:before{background:#fef3f2}.delete-confirm .icon-box.danger:after{background:#fee4e2}.delete-confirm .icon-box.danger .ico{color:#e24c1e}.delete-confirm .icon-box:after,.delete-confirm .icon-box:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:500px}.delete-confirm .icon-box:before{z-index:1;width:130%;height:130%;animation:circleAnime 2s infinite}@keyframes circleAnime{0%,to{width:90%;height:90%}50%{width:130%;height:130%}}.delete-confirm .icon-box:after{z-index:2;width:90%;height:90%}.delete-confirm .icon-box .ico{width:20px;height:20px;position:relative;z-index:4}.delete-confirm .icon-box .ico svg{width:100%;height:100%;object-fit:contain}.delete-confirm .form-footer{background-color:var(--body-color);display:flex;justify-content:flex-end;padding:16px 24px;gap:16px;border-radius:0 0 16px 16px}.payment-modal .form-card{display:flex;flex-direction:column;align-items:center;padding:24px}.payment-modal .form-card .custom-checkbox{margin-bottom:8px;width:334px!important}.payment-modal .form-card .custom-checkbox.checked:after{transform:translateX(165px)!important}.payment-modal .form-card .custom-checkbox:after{width:165px!important}.payment-modal .form-card .custom-checkbox .custom-checkbox_text{width:165px}.payment-modal .form-card .detail{margin-top:16px;margin-bottom:24px}.payment-modal .form-card .detail .text{padding:8px 0;margin-bottom:8px}.payment-modal .form-card .detail .text p,.payment-modal .form-card .detail .text span{font-size:14px;line-height:20px;color:var(--text-color)}.payment-modal .form-card .detail .text span{font-weight:700}.payment-modal .form-card .detail .price{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.payment-modal .form-card .detail .price p{font-size:14px;line-height:20px;color:var(--text-color)}.payment-modal .form-card .detail .price span{display:block;font-size:24px;line-height:normal;font-weight:700;color:var(--text-color)}.payment-modal .form-card .body{width:100%;display:flex;flex-direction:column;align-items:center}.payment-modal .form-card .body .qr-image{width:334px;height:334px;border:1px solid var(--main-color);padding:20px}.payment-modal .form-card .body .dans-list{width:100%}.payment-modal .form-card .body .dans-list .bank-list{display:flex;padding:4px;border:1px solid #d0d5dd;border-radius:8px;width:max-content;margin:0 auto 8px}.payment-modal .form-card .body .dans-list .bank-list .bank-list_item{border:2px solid transparent;border-radius:4px;padding:6px;display:flex}.payment-modal .form-card .body .dans-list .bank-list .bank-list_item.active{border:2px solid var(--main-color);background-color:hsla(88,36%,57%,.102)}.payment-modal .form-card .body .dans-list .bank-list .bank-list_item img{width:48px;height:48px}.payment-modal .form-card .body .dans-list .list{width:100%;display:flex;flex-direction:column;gap:8px}.payment-modal .form-card .body .dans-list .list .item .item-label{font-size:14px;line-height:20px;color:var(--text-color);margin-bottom:8px}.payment-modal .form-card .body .dans-list .list .item .item-body{display:flex;flex-wrap:wrap;justify-content:space-between;padding:8px 12px;background-color:#f0f2f5;border-radius:8px}.payment-modal .form-card .body .dans-list .list .item .item-body .text{font-weight:500;font-size:14px;line-height:20px;color:var(--text-color)}.payment-modal .form-card .body .dans-list .list .item .item-body .copy{width:20px;height:20px;cursor:pointer}.payment-modal .form-footer{max-width:334px;margin:0 auto;padding-bottom:24px}.payment-modal .form-footer .desc{text-align:center;margin-bottom:24px;font-size:12px;line-height:16px;color:var(--text-color)}.payment-modal .form-footer button{width:100%}.message-modal{padding:24px}.message-modal .title{font-size:16px;line-height:normal;font-weight:500;color:var(--text-color)}.message-modal .desc{font-size:12px;line-height:16px;color:#a0aec0;margin-bottom:16px}.message-modal .list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.message-modal .list .item{background-color:#f7f9fa;border-radius:16px;padding:16px}.message-modal .list .item .tt{font-size:16px;font-weight:500;color:var(--text-color);line-height:normal;margin-bottom:16px}.message-modal .list .item .price{margin-bottom:16px}.message-modal .list .item .price .sm{font-size:12px;line-height:16px;color:var(--text-color)}.message-modal .list .item .price .sm.middle{text-decoration:line-through;color:#a0aec0;margin-bottom:4px}.message-modal .list .item .price .bg{margin-bottom:8px;font-size:24px;font-weight:700;line-height:normal}.message-modal .list .item button{width:100%}#main{display:flex;flex-wrap:wrap;justify-content:space-between;height:100vh}#main .sidebar{width:212px;background-color:var(--color-white);padding:16px;border-radius:0 8px 8px 0;height:100%;overflow-y:scroll;position:relative;z-index:999;box-shadow:0 1px 3px rgba(16,24,40,.1)}@media(min-width:320px)and (max-width:767px){#main .sidebar{position:fixed;transform:translateX(-120%);transition:transform .4s ease}}#main .sidebar.open{transform:translateX(0);z-index:999}#main .sidebar .sidebar-content{display:flex;height:100%;flex-direction:column;justify-content:space-between}#main .sidebar-back{position:fixed;inset:0;display:none;background-color:rgba(0,0,0,.4);z-index:998;opacity:0;transition:allow-discrete .4s}#main .sidebar-back.open{opacity:1;display:flex}#main .layout{width:calc(100% - 236px);display:flex;flex-direction:column;gap:20px;overflow-y:scroll;height:100%;padding-right:20px;padding-top:120px}@media(min-width:320px)and (max-width:767px){#main .layout{width:100%;padding-right:8px;padding-left:8px;padding-top:60px}}#main .layout header{background-color:var(--color-white);padding:24px;border-radius:0;position:fixed;z-index:99;left:212px;right:0;top:0}@media(min-width:320px)and (max-width:767px){#main .layout header{padding:8px 12px;display:flex;flex-wrap:wrap;justify-content:space-between;left:0;right:0;top:0}}#main .layout header .sidebar-toggle-button{display:none;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid #ececec;background-color:var(--color-white);cursor:pointer;font-size:20px;border-radius:6px}@media(min-width:320px)and (max-width:767px){#main .layout header .sidebar-toggle-button{display:flex}}#main .layout header .header-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media(min-width:320px)and (max-width:767px){#main .layout header .header-content{width:calc(100% - 42px)}}#main .layout footer .footer-content{display:flex;flex-direction:row;justify-content:flex-end;padding-bottom:24px}.statistic-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:30px;gap:30px;margin-top:40px}@media(min-width:320px)and (max-width:767px){.statistic-list{gap:8px}}.statistic-list .statistic-list_item{border-radius:8px;background-color:#f2f5fb;padding:16px;cursor:pointer;border:1px solid transparent;transition:border .3s ease;position:relative}@media(min-width:320px)and (max-width:767px){.statistic-list .statistic-list_item{padding:12px}}.statistic-list .statistic-list_item.flex{display:flex;flex-direction:column;justify-content:space-between}.statistic-list .statistic-list_item.selected{border:1px solid var(--main-color)}.statistic-list .statistic-list_item.horizontal{display:grid;grid-template-columns:auto 40px;grid-gap:14px 4px;gap:14px 4px;align-items:center;height:100%;border-radius:16px;background-color:#f7f9fa}.statistic-list .statistic-list_item.horizontal .icon{grid-column:2/3;grid-row:2;margin-bottom:0;background-color:var(--color-white)}.statistic-list .statistic-list_item.horizontal .data,.statistic-list .statistic-list_item.horizontal .name{width:100%;display:flex}.statistic-list .statistic-list_item.horizontal .data{grid-column:1/2;grid-row:2;margin-bottom:0}.statistic-list .statistic-list_item.horizontal .name{grid-column:1/3;grid-row:1}.statistic-list .statistic-list_item .icon,.statistic-list .statistic-list_item .iconBottom{width:40px;height:40px;border-radius:500px;background-color:var(--nav-hover);padding:10px;margin-bottom:16px}.statistic-list .statistic-list_item .icon svg,.statistic-list .statistic-list_item .iconBottom svg{width:100%;height:100%}@media(min-width:320px)and (max-width:767px){.statistic-list .statistic-list_item .icon,.statistic-list .statistic-list_item .iconBottom{width:32px;height:32px;padding:8px;margin-bottom:10px}}.statistic-list .statistic-list_item .data{font-size:24px;line-height:32px;font-weight:600;color:#151d48;margin-bottom:8px}@media(min-width:320px)and (max-width:767px){.statistic-list .statistic-list_item .data{font-size:16px;line-height:normal;margin-bottom:4px}}.statistic-list .statistic-list_item .data span{font-size:12px;line-height:16px;font-weight:400;color:var(--text-color);margin:auto 0 6px 4px}.statistic-list .statistic-list_item .name{font-family:var(--font-2);font-size:16px;line-height:24px;font-weight:500;color:#425166}@media(min-width:320px)and (max-width:767px){.statistic-list .statistic-list_item .name{font-size:12px;line-height:normal}}.statistic-list .statistic-list_item .warn{position:absolute;bottom:20px;right:16px;background-color:rgba(226,76,30,.102);color:#e24c1e;font-size:12px;padding:1px 8px;border-radius:16px}.statistic-list .statistic-list_item .zarlal-row{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;align-items:flex-end}.statistic-list .statistic-list_item .zarlal-row .zarlal-col.flex{display:flex;flex-wrap:wrap;align-items:center}.statistic-list .statistic-list_item .zarlal-row .zarlal-col p,.statistic-list .statistic-list_item .zarlal-row .zarlal-col span{color:var(--text-color)}.statistic-list .statistic-list_item .zarlal-row .zarlal-col p{font-size:24px;font-weight:700;line-height:normal}.statistic-list .statistic-list_item .zarlal-row .zarlal-col span{font-size:12px;line-height:16px}.unit-card .unit-detial{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;border-bottom:1px solid #f0f2f5}.unit-card .unit-detial .det p{font-size:14px;line-height:20px;color:#a0aec0;font-weight:500}.unit-card .unit-detial .det p.bold{color:var(--text-color);font-weight:700;margin-top:8px}.unit-card .user-list{padding:24px;display:flex;flex-direction:column;gap:4px;max-height:364px;overflow-y:scroll}.unit-card .user-list .user-item{padding:12px 0}.unit-card .user-list .user-item .user-item_body .user-item_name{font-weight:500;font-size:14px;line-height:20px;color:var(--text-color);margin-bottom:4px}.unit-card .user-list .user-item .user-item_body .user-item_detail{display:flex;flex-wrap:wrap;gap:12px}.unit-card .user-list .user-item .user-item_body .user-item_detail p{font-size:12px;line-height:16px;color:#a0aec0}.unit-card .user-list .user-item .user-item_body .user-item_detail p span{color:var(--text-color)}.notify-modal{padding:24px;display:flex;flex-direction:column;gap:16px}.notify-modal .images,.notify-modal .row{display:flex;flex-wrap:wrap;gap:24px}.notify-modal .text p{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0}.notify-modal .text p.bold{margin-top:8px;color:var(--text-color);font-weight:700}.pages .notify-list{background-color:#fff;border-radius:8px}.pages .notify-list .notify-head{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:24px}.pages .notify-list .notify-head .title{font-size:20px;line-height:28px;font-weight:700;color:var(--text-color)}.pages .notify-list .notify-head .total{font-size:14px;line-height:20px;color:#a0aec0;font-weight:500}.pages .notify-list .notify-head .total span{color:var(--text-color);font-weight:700}.pages .notify-list .notify-head .action{margin-left:auto}.pages .notify-list .notify-items .item{border-top:2px solid var(--body-color);padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:24px;gap:24px;position:relative}.pages .notify-list .notify-items .item:before{content:"";position:absolute;left:0;width:4px;height:56px;top:50%;transform:translateY(-50%);background-color:#f0f2f5}.pages .notify-list .notify-items .item.active:before{background-color:var(--main-color)}.pages .notify-list .notify-items .item .img{width:48px;height:48px}.pages .notify-list .notify-items .item .img img{width:100%;height:100%;object-fit:cover}.pages .notify-list .notify-items .item .detail .detail-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:4px}.pages .notify-list .notify-items .item .detail .detail-head .tt{font-size:20px;line-height:28px;font-weight:700;color:var(--text-color)}.pages .notify-list .notify-items .item .detail .detail-head .tag{padding:1px 8px;font-size:12px;line-height:16px;color:var(--text-color);border-radius:500px;background-color:#f0f2f5}.pages .notify-list .notify-items .item .detail .detail-head .date{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0}.pages .notify-list .notify-items .item .detail .detail-head .date span{font-weight:700;color:var(--text-color)}.pages .notify-list .notify-items .item .detail .desc p{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.pages .notify-list .notify-items .item .action{display:flex;flex-wrap:wrap;gap:24px}.pages .document-page .document-list{border-radius:8px;background-color:#fff;padding:24px;margin-bottom:16px}.pages .document-page .document-list .document-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:24px}.pages .document-page .document-list .document-head .title{font-size:20px;font-weight:700;line-height:28px;color:var(--text-color);margin-right:12px}.pages .document-page .document-list .document-head .tags{display:flex;flex-direction:row;gap:16px}.pages .document-page .document-list .document-head .tags .tag-item{font-size:12px;line-height:normal;padding:1px 8px;border:1px solid var(--main-color);border-radius:500px;background-color:#fff;color:var(--text-color);transition:.3s ease;cursor:pointer}.pages .document-page .document-list .document-head .tags .tag-item.active,.pages .document-page .document-list .document-head .tags .tag-item:hover{background-color:var(--main-color);color:#fff}.pages .document-page .document-list .document-head .action{margin:0 0 0 auto}.pages .document-page .document-list .document-files{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.pages .document-page .document-list .document-files .file-item{border-radius:8px;background-color:#f2f4f6;padding:8px 14px;position:relative;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:78px}.pages .document-page .document-list .document-files .file-item .file-item_box{width:48px;height:48px;color:var(--main-color);position:relative}.pages .document-page .document-list .document-files .file-item .file-item_box svg{width:100%;height:100%;object-fit:contain}.pages .document-page .document-list .document-files .file-item .file-item_box:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-12px;width:1px;height:62px;background-color:#d0d5dd}.pages .document-page .document-list .document-files .file-item .file-item_body{width:calc(100% - 72px)}.pages .document-page .document-list .document-files .file-item .file-item_body .file-item_body__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.pages .document-page .document-list .document-files .file-item .file-item_body .file-item_body__head .cat,.pages .document-page .document-list .document-files .file-item .file-item_body .file-item_body__head .tag{font-size:12px;line-height:normal}.pages .document-page .document-list .document-files .file-item .file-item_body .file-item_body__head .tag{color:#fff;background-color:#a0aec0;padding:1px 8px;border-radius:500px;text-transform:uppercase}.pages .document-page .document-list .document-files .file-item .file-item_body .file-item_body__head .cat{color:#a0aec0}.pages .document-page .document-list .document-files .file-item .file-item_body .tt{font-size:14px;line-height:normal;font-weight:500}.pages .document-page .document-list .document-files .file-item .btnIcon{position:absolute;bottom:8px;right:14px;width:20px;height:20px}.pages .document-page .document-list .document-files .file-item .btnIcon svg{width:100%;height:100%}.pages .document-page .document-check{border-radius:8px;background-color:#fff;padding:24px}.pages .document-page .document-check .tt{font-size:24px;font-weight:700;line-height:normal;color:var(--text-color)}.pages .document-page .document-check .desc{font-size:14px;line-height:20px;margin-bottom:16px;font-weight:500;color:#a0aec0}.pages .document-page .document-check .itemList{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.pages .document-page .document-check .itemList .itemCheck{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#f2f4f6;padding:16px 20px;border-radius:8px;position:relative}.pages .document-page .document-check .itemList .itemCheck:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:40px;border-radius:50px;background-color:var(--main-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.pages .document-page .document-check .itemList .itemCheck .id,.pages .document-page .document-check .itemList .itemCheck .name{font-size:14px;line-height:20px;color:var(--text-color);font-weight:500}.pages .document-page .document-check .itemList .itemCheck .id{min-width:24px;text-align:center}.pages .document-page .document-check .itemList .itemCheck .check{border:1px solid #a0aec0;border-radius:6px;width:24px;height:24px;margin:auto 8px auto 12px;display:flex;justify-content:center;align-items:center;background:#fff;transition:.3s ease}.pages .document-page .document-check .itemList .itemCheck .check.active{background:var(--main-color);border:1px solid var(--main-color)}.pages .document-page .document-check .itemList .itemCheck .check svg{color:#fff;width:16px;height:16px;object-fit:contain}.pages .document-page .document-check .itemList .itemCheck .action{margin:auto 0 auto auto;display:flex;flex-wrap:wrap;align-items:center;gap:48px}.pages .document-page .document-check .itemList .itemCheck .action .tag{background-color:#a0aec0;color:#fff;font-size:14px;line-height:20px;font-weight:500;padding:1px 8px;border-radius:500px;position:relative}.pages .document-page .document-check .itemList .itemCheck .action .tag:after{content:"";position:absolute;right:-24px;height:36px;width:1px;background-color:#a0aec0;top:50%;transform:translateY(-50%)}.pages .report-list{background-color:#fff;padding:24px;border-radius:8px}.pages .report-list .title{font-size:20px;line-height:32px;color:var(--text-color);margin-bottom:24px}.pages .report-list .card-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.pages .report-list .card-list .card-item{background-color:#f7f9fa;border-radius:16px;padding:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;cursor:pointer}.pages .report-list .card-list .card-item .body{width:calc(100% - 64px)}.pages .report-list .card-list .card-item .body .tt{color:var(--main-color);font-size:14px;font-weight:700;line-height:20px;margin-bottom:4px}.pages .report-list .card-list .card-item .body .desc{font-size:12px;line-height:16px;color:#525b62}.pages .report-list .card-list .card-item .icon{width:48px;height:48px;border-radius:500px;background-color:#f0f2f5;display:flex;align-items:center;justify-content:center}.pages .report-list .card-list .card-item .icon .svg-icon{width:24px;height:24px}.pages .report-table{margin-top:24px;padding:24px;background-color:#fff;border-radius:8px}.pages .contract-detail .ant-tabs .ant-tabs-tab+.ant-tabs-tab,.pages .contract-list .ant-tabs .ant-tabs-tab+.ant-tabs-tab{margin:0 0 0 16px}.pages .contract-detail .ant-tabs .ant-tabs-nav,.pages .contract-list .ant-tabs .ant-tabs-nav{background-color:var(--color-white);margin-bottom:20px;border-radius:8px;padding:0 24px;gap:16px;border:none}.pages .contract-detail .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,.pages .contract-list .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--text-color)}.pages .contract-detail .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn,.pages .contract-list .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn{padding:0 4px;color:#a0aec0;font-size:14px;line-height:20px;font-weight:600;border:none;font-family:var(--font-1)}.pages .contract-detail .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar,.pages .contract-list .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar{background:var(--main-color)}.pages .contract-detail .ant-tabs .ant-tabs-nav{border-radius:0 0 8px 8px}.pages .contract-detail .tab-custom__header{background-color:var(--color-white);padding:24px 24px 16px;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.pages .contract-detail .tab-custom__header .title{font-size:24px;line-height:36px;color:var(--text-color);font-weight:700}.pages .contract-detail .tab-custom__header .action{margin-left:auto;display:flex;gap:8px}.pages .contract-detail .contractDetail-list{background-color:var(--color-white);border-radius:8px}.pages .contract-detail .contractDetail-list.gap-y-12{margin-bottom:24px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__head{display:flex;flex-wrap:wrap;gap:24px;padding:24px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__head .action,.pages .contract-detail .contractDetail-list .contractDetail-list_item__head .name-con,.pages .contract-detail .contractDetail-list .contractDetail-list_item__head .search-con,.pages .contract-detail .contractDetail-list .contractDetail-list_item__head .tags{display:flex;flex-wrap:wrap;align-items:center}.pages .contract-detail .contractDetail-list .contractDetail-list_item__head .name-con{gap:16px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__head .name-con .name{color:var(--text-color);font-size:20px;line-height:28px;font-weight:700}.pages .contract-detail .contractDetail-list .contractDetail-list_item__head .name-con .tags{gap:8px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__head .name-con .tags p{padding:1px 8px;background-color:var(--body-color);border-radius:500px;font-size:12px;line-height:16px;color:var(--text-color)}.pages .contract-detail .contractDetail-list .contractDetail-list_item__head .search-con{gap:8px;margin-left:auto}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body{padding:24px;border-top:2px solid var(--body-color);display:flex;flex-wrap:wrap;align-items:center}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .code{font-size:20px;line-height:28px;font-weight:700}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .code.mr{margin-right:16px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyImage{width:48px;height:48px;border-radius:500px;background-color:var(--main-color);margin-right:16px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyImage img{width:100%;height:100%;object-fit:cover}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent.mb-12{margin-bottom:24px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent .contractDetail-list_item__bodyHeaad{display:flex;align-items:center;gap:16px;margin-bottom:4px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent .contractDetail-list_item__bodyHeaad .tags{display:flex;gap:16px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent .contractDetail-list_item__bodyHeaad .tags .count-flex{display:flex;gap:8px;align-items:center}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent .contractDetail-list_item__bodyHeaad .tags .count-flex .count{font-size:14px;font-weight:700}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent .contractDetail-list_item__bodyHeaad .tags .tag-item{background-color:var(--body-color);padding:1px 8px;border-radius:16px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent .contractDetail-list_item__bodyHeaad .tags .tag-item p{font-size:12px;line-height:16px;color:var(--text-color)}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent .contractDetail-list_item__bodyDetail{display:flex;gap:24px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent .contractDetail-list_item__bodyDetail p{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyContent .contractDetail-list_item__bodyDetail p span{margin-left:8px;font-weight:700;color:var(--text-color)}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyAction{display:flex;gap:8px;margin-left:auto;align-items:center}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .contractDetail-list_item__bodyAction .priceZogsool{font-size:20px;line-height:28px;color:var(--text-color);font-weight:700;margin-right:16px}.pages .contract-detail .contractDetail-list .contractDetail-list_item__body .button-group{display:flex;justify-content:center;gap:8px}.pages .contract-list.bank-history .bank-panel_item__body{padding:24px;background-color:#fff;border-radius:8px}.pages .contract-list.bank-history .bank-panel_item__body .page-list_item .item-data_header{display:flex;flex-wrap:wrap;align-items:center;padding:0;background-color:#fff}.pages .contract-list.bank-history .bank-panel_item__body .page-list_item .item-data_header .item-data_header__tt{font-size:20px;line-height:28px;color:var(--text-color);margin-right:16px}.pages .contract-list.bank-history .bank-panel_item__body .page-list_item .item-data_header .item-data_header__sub{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0}.pages .contract-list.bank-history .bank-panel_item__body .page-list_item .item-data_header .item-data_header__sub span{font-weight:700;color:var(--text-color);margin-left:6px}.pages .contract-list.bank-history .bank-panel_item__body .page-list_item .item-data_header .search-con{gap:8px;margin:0 0 0 auto;display:flex}.pages .contract-list.bank-history .bank-panel_item__body .page-list_item .item-data_header .action{margin-left:24px}.pages .contract-list.bank-history .ant-collapse{border:none;background-color:#fff}.pages .contract-list.bank-history .ant-collapse .ant-collapse-item{border:none;border-radius:0}.pages .contract-list.bank-history .ant-collapse .ant-collapse-item:last-child.ant-collapse-item-active .ant-collapse-header{border-bottom:2px solid var(--body-color)}.pages .contract-list.bank-history .ant-collapse .ant-collapse-item:last-child .ant-collapse-header{border-bottom:2px solid transparent}.pages .contract-list.bank-history .ant-collapse .ant-collapse-item .ant-collapse-header{border-bottom:2px solid var(--body-color);border-radius:0;padding:20px 0;cursor:pointer;align-items:center}.pages .contract-list.bank-history .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text{font-size:16px;line-height:24px;font-weight:600;color:var(--text-color)}.pages .contract-list.bank-history .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon{width:36px;height:36px;border:1px solid #d0d5dd;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0}.pages .contract-list.bank-history .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg{width:20px;height:20px;object-fit:contain;transform:rotate(180deg);transition:.3s ease}.pages .contract-list.bank-history .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg.active{transform:rotate(0deg)}.pages .contract-list.bank-history .ant-collapse .ant-collapse-item .ant-collapse-content-box{padding:20px 0 0}.pages .contract-list .bank-list{background-color:var(--color-white);border-radius:8px;overflow:hidden}.pages .contract-list .bank-list .bank-panel_item__head{display:flex;flex-wrap:wrap;gap:24px;padding:24px;border-bottom:2px solid var(--body-color)}.pages .contract-list .bank-list .bank-panel_item__head .action,.pages .contract-list .bank-list .bank-panel_item__head .name-con,.pages .contract-list .bank-list .bank-panel_item__head .search-con,.pages .contract-list .bank-list .bank-panel_item__head .tags{display:flex;flex-wrap:wrap;align-items:center}.pages .contract-list .bank-list .bank-panel_item__head .name-con{gap:16px}.pages .contract-list .bank-list .bank-panel_item__head .name-con .name{color:var(--text-color);font-size:20px;line-height:28px;font-weight:700}.pages .contract-list .bank-list .bank-panel_item__head .name-con .sub{font-size:14px;font-weight:500;line-height:20px;color:#a0aec0}.pages .contract-list .bank-list .bank-panel_item__head .name-con .sub span{font-weight:700;color:var(--text-color);margin-left:8px}.pages .contract-list .bank-list .bank-panel_item__head .name-con .tags{gap:8px}.pages .contract-list .bank-list .bank-panel_item__head .name-con .tags p{padding:1px 8px;background-color:var(--body-color);border-radius:500px;font-size:12px;line-height:16px;color:var(--text-color)}.pages .contract-list .bank-list .bank-panel_item__head .search-con{gap:8px;margin-left:auto}.pages .contract-list .bank-list .bank-panel_item__body{padding:24px}.pages .contract-list .bank-list .bank-panel_item__body .ant-table{border:1px solid #f0f0f0;border-radius:8px}.pages .contract-list .bank-list .bank-panel_item__body .ant-table .ant-table-tbody{border-radius:8px}.pages .contract-list .bank-list .bank-panel_item__body .ant-table .ant-table-tbody tr:last-child td{border:none}.pages .contract-list .bank-list .bank-panel_item__body .ant-table .ant-table-tbody tr .text-main{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color)}.pages .contract-list .bank-list .bank-panel_item__body .ant-table .ant-table-tbody tr .text-sub{font-size:12px;line-height:16px;color:#a0aec0}.pages .contract-list .list-contract{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.pages .contract-list .list-contract .list-contract_item{border-radius:8px;background-color:var(--color-white);display:grid;grid-template-columns:1fr auto;position:relative;padding:24px}.pages .contract-list .list-contract .list-contract_item.active:after{background-color:var(--main-color)}.pages .contract-list .list-contract .list-contract_item.ended:after{background-color:#e24c1e}.pages .contract-list .list-contract .list-contract_item:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:4px;height:56px;background-color:#a0aec0}.pages .contract-list .list-contract .list-contract_item .list-contract_item__body .list-contract_item__bodyHeaad{display:flex;align-items:center;gap:16px;margin-bottom:4px}.pages .contract-list .list-contract .list-contract_item .list-contract_item__body .list-contract_item__bodyHeaad .code{font-size:20px;line-height:28px;font-weight:700}.pages .contract-list .list-contract .list-contract_item .list-contract_item__body .list-contract_item__bodyHeaad .tags{display:flex;gap:16px}.pages .contract-list .list-contract .list-contract_item .list-contract_item__body .list-contract_item__bodyHeaad .tags .tag-item{background-color:var(--body-color);padding:1px 8px;border-radius:16px}.pages .contract-list .list-contract .list-contract_item .list-contract_item__body .list-contract_item__bodyHeaad .tags .tag-item p{font-size:12px;line-height:16px;color:var(--text-color)}.pages .contract-list .list-contract .list-contract_item .list-contract_item__body .list-contract_item__bodyDetail{display:flex;gap:24px}.pages .contract-list .list-contract .list-contract_item .list-contract_item__body .list-contract_item__bodyDetail p{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0}.pages .contract-list .list-contract .list-contract_item .list-contract_item__body .list-contract_item__bodyDetail p span{margin-left:8px;font-weight:700;color:var(--text-color)}.pages .contract-list .list-contract .list-contract_item .list-contract_item__action{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.pages .contract-list .list-contract .list-contract_item .list-contract_item__action .action-icons{display:flex;align-items:center;gap:8px}.pages .search-con{margin:0 24px 0 auto;display:flex;gap:8px}.pages .search-con .search-input{display:flex;position:relative}.pages .search-con .search-input .ico{position:absolute;width:20px;height:20px;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;top:50%;transform:translateY(-50%);left:12px}.pages .search-con .search-input .ico svg{width:100%;height:100%;object-fit:contain}.pages .search-con .search-input input{width:280px;font-size:14px;line-height:20px;font-weight:500;color:var(--text-color);padding:7px 20px 7px 40px}.pages .switch-search{width:36px;height:36px;border:1px solid #d0d5dd;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pages .switch-search.animate svg{transform:rotate(180deg)}.pages .switch-search svg{width:18px;height:18px;color:var(--text-color);transform:rotate(0);transition:.3s ease}.pages .filter-box{padding:16px 24px;background-color:#fff;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.pages .box{background-color:var(--color-white);border-radius:8px;padding:24px;box-shadow:0 4px 20px 0 #eee}@media(min-width:320px)and (max-width:767px){.pages .box{padding:10px}}.pages .box .box-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:16px}.pages .box .box-head.report{justify-content:normal;align-items:center;gap:24px}.pages .box .box-head.report .action{margin:auto 0 auto auto}@media(min-width:320px)and (max-width:767px){.pages .box .box-head .detail{width:calc(100% - 142px)}}.pages .box .box-head .detail .title{font-size:20px;line-height:30px;font-weight:600;color:var(--text-color)}@media(min-width:320px)and (max-width:767px){.pages .box .box-head .detail .title{font-size:16px;line-height:normal}}.pages .box .box-head .detail .sub-title{margin-top:4px;font-size:16px;line-height:24px;font-weight:500;color:#737791}.pages .box .box-head .detail .sub-title.black{color:var(--text-color)}@media(min-width:320px)and (max-width:767px){.pages .box .box-head .detail .sub-title{font-size:12px;line-height:normal}}.pages .box .box-head .filter-date input{display:flex;border:1px solid #c3d3e2;border-radius:8px;padding:8px 40px 8px 10px;font-size:15px;font-weight:500;line-height:20px;color:var(--text-color);width:132px}.pages .box .box-head .filter-date input::placeholder{color:#0f3659}@media(min-width:320px)and (max-width:767px){.pages .box .box-head .filter-date input{font-size:12px;line-height:normal}}.pages .box .box-head .filter-date .p-datepicker-input-icon-container{top:50%;transform:translateY(-50%);margin-top:0}.pages .box .box-head .filter-date .p-datepicker-input-icon-container .icon{width:20px;height:20px;padding:1px;color:var(--text-color)}@media(min-width:320px)and (max-width:767px){.pages .box .box-head .filter-date .p-datepicker-input-icon-container .icon{width:18px;height:18px}}.pages .box .box-head .action{margin:auto 0;display:flex;gap:8px}.pages .box .box-filter{margin-top:24px}.pages .box .box-filter .tt{margin-bottom:16px;font-size:16px;font-weight:500;line-height:normal}.pages .box .box-filter .filter-flex{display:flex;flex-wrap:wrap;justify-content:space-between}.pages .box .box-filter .filter-flex .filter-list{display:flex;flex-wrap:wrap;gap:20px}.pages .box .box-filter .filter-flex .action{display:flex}.pages .table{width:100%;border-spacing:0}@media(min-width:320px)and (max-width:767px){.pages .table{width:max-content}}.pages .table tr{background-color:transparent;transition:background-color .3s ease}.pages .table tr:hover{background-color:#fcfcfc}.pages .table tr:last-child td,.pages .table tr:last-child th{border-bottom:0}.pages .table tr td,.pages .table tr th{padding:18px 14px;border-bottom:1px solid #edf2f6}.pages .table tr th{color:#96a5b8;font-size:13px;font-weight:400;line-height:16px;text-align:left}.pages .table tr td{color:#444a6d;font-size:14px;line-height:20px}.pages .resident-list{display:flex;align-items:center}.pages .resident-list .resident-list_item{width:32px;height:32px;background-color:var(--color-white);border-radius:500px;font-size:14px;font-weight:500;line-height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-color);position:relative;box-shadow:0 0 4px transparent;transition:.3s ease}@keyframes fronte{0%{z-index:0;opacity:.5}to{z-index:1;opacity:1}}.pages .resident-list .resident-list_item:hover{animation:fronte .3s linear forwards}.pages .resident-list .resident-list_item:nth-child(1n+2){margin-left:-8px}.pages .resident-list .resident-list_item:nth-child(odd){background-color:#a0aec0}.pages .resident-list .resident-list_item:nth-child(3n+1){background-color:var(--main-color)}.pages .resident-list .resident-list_item.more{background-color:var(--color-white);border:1px solid var(--text-color)}.pages .settings-form .form-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:24px}.pages .settings-form .form-head .title{font-size:20px;line-height:28px;color:var(--text-color);font-weight:700}.pages .settings-form .form-head .sub-title{font-size:16px;font-weight:500;line-height:normal;color:var(--text-color)}.pages .settings-form .form-body .grid{display:grid}.pages .settings-form .form-body .grid.end{justify-content:end}.pages .settings-form .form-body .grid.col-2{grid-template-columns:1fr 1fr;gap:16px}.pages .settings-form .form-body .grid.col-3{grid-template-columns:repeat(3,1fr);gap:16px}.pages .settings-form .form-body .grid.col-4{grid-template-columns:repeat(4,1fr);gap:16px}.pages .settings-form .form-body .grid.col-5{grid-template-columns:repeat(5,1fr);gap:16px}.pages .settings-form .form-body .custom-checkbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pages .settings-form .form-body .custom-checkbox.checked .ant-switch.ant-switch-checked{background:#52b694}.pages .settings-form .form-body .custom-checkbox .custom-checkbox_text{font-size:16px;font-weight:500;color:var(--text-color)}.ant-pagination .ant-pagination-item.ant-pagination-item-active{border-color:var(--main-color)}.ant-pagination .ant-pagination-item.ant-pagination-item-active a{color:var(--main-color)}.invoice-template{border-radius:8px;background-color:var(--color-white)}.invoice-template .invoice-head{display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px}.invoice-template .invoice-head.zarlal{justify-content:flex-start;align-items:center;gap:16px}.invoice-template .invoice-head.zarlal .sub{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0}.invoice-template .invoice-head .tt,.invoice-template .invoice-head.zarlal .sub span{font-weight:700;color:var(--text-color)}.invoice-template .invoice-head .tt{font-size:20px;line-height:28px}.invoice-template .invoice-pagi{padding:24px;border-top:2px solid var(--body-color)}.invoice-template .invoice-item{border-top:2px solid var(--body-color);padding:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.invoice-template .invoice-item .body{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.invoice-template .invoice-item .body .tt{font-size:16px;line-height:24px;font-weight:600;color:var(--text-color)}.invoice-template .invoice-item .body .type{font-size:12px;line-height:16px;color:var(--text-color);padding:1px 8px;background-color:#f0f2f5;border-radius:500px}.invoice-template .invoice-item .body .text{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0}.invoice-template .invoice-item .body .text span{font-weight:700;color:var(--text-color)}.invoice-template .invoice-item .action{display:flex;gap:8px;align-items:center}.invoice-template .invoice-item .action .action-price{text-align:right;margin-right:16px;font-size:20px;line-height:28px;font-weight:600;color:var(--text-color)}.page-list{margin-top:24px;border-radius:8px;overflow:hidden}.page-list.mt-0{margin-top:0}.page-list .page-list_item .item-data_body__head,.page-list .page-list_item .item-data_header{display:flex;flex-wrap:wrap;align-items:center;padding:24px;background-color:#fff}.page-list .page-list_item .item-data_body__head .item-data_header__tt,.page-list .page-list_item .item-data_header .item-data_header__tt{font-size:20px;line-height:28px;color:var(--text-color);margin-right:16px}.page-list .page-list_item .item-data_body__head .item-data_header__sub,.page-list .page-list_item .item-data_header .item-data_header__sub{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0}.page-list .page-list_item .item-data_body__head .item-data_header__sub span,.page-list .page-list_item .item-data_header .item-data_header__sub span{font-weight:700;color:var(--text-color);margin-left:6px}.page-list .page-list_item .item-data_body__head .search-con,.page-list .page-list_item .item-data_header .search-con{gap:8px;margin-left:auto;display:flex}.page-list .page-list_item .item-data_body__head .action,.page-list .page-list_item .item-data_header .action{margin-left:24px}.page-list .page-list_item .item-data_body{border-top:2px solid var(--body-color);background-color:var(--color-white);padding-bottom:24px}.page-list .page-list_item .item-data_body .table{padding:0 24px}.page-list .page-list_item .item-data_body .table .button-group{display:flex;justify-content:center;gap:8px}.page-list .page-list_item .item-data_body .table .overflow-text{min-height:40px;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;cursor:pointer;transition:height .3s ease,-webkit-line-clamp 4s ease 1s}.page-list .page-list_item .item-data_body .table .overflow-text:hover{height:auto;-webkit-line-clamp:unset;display:block;overflow:visible;white-space:normal}.page-list .page-list_item .item-data_body .active-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;padding:24px 24px 0;border-top:2px solid var(--body-color)}.page-list .page-list_item .item-data_body .active-list .item{background-color:#f7f9fa;padding:24px;border-radius:16px}.page-list .page-list_item .item-data_body .active-list .item .item-head{display:flex;align-items:center;margin-bottom:16px}.page-list .page-list_item .item-data_body .active-list .item .item-head .item-head_body .tt{font-size:16px;font-weight:600;color:var(--text-color);line-height:normal}.page-list .page-list_item .item-data_body .active-list .item .item-head .item-head_body .desc{font-size:12px;color:#a0aec0}.page-list .page-list_item .item-data_body .active-list .item .item-head .item-head_action{margin-left:auto}.page-list .page-list_item .item-data_body .active-list .item .item-desc{margin-bottom:16px}.page-list .page-list_item .item-data_body .active-list .item .item-desc p{font-size:14px;line-height:normal;color:var(--text-color)}.page-list .page-list_item .item-data_body .active-list .item .item-progress_list{margin-bottom:16px;display:flex;flex-direction:column;gap:16px}.page-list .page-list_item .item-data_body .active-list .item .item-progress_list .item-progress_item{display:flex;align-items:center;gap:8px;padding:20px;border:1px solid #d0d5dd;border-radius:8px}.page-list .page-list_item .item-data_body .active-list .item .item-progress_list .item-progress_item .circle{width:20px;height:20px;border:2px solid #a0aec0;border-radius:50%}.page-list .page-list_item .item-data_body .active-list .item .item-progress_list .item-progress_item .text{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color)}.page-list .page-list_item .item-data_body .active-list .item .item-progress_list .item-progress_item .result{font-size:12px;line-height:16px;color:#a0aec0}.page-list .page-list_item .item-data_body .active-list .item .date{display:flex;gap:16px;margin-bottom:24px}.page-list .page-list_item .item-data_body .active-list .item .date p{font-size:14px;line-height:20px}.page-list .page-list_item .item-data_body .active-list .item .date p span{font-weight:700;margin-left:8px}.page-list .page-list_item .item-data_body .active-list .item .item-button button{width:100%}.check_building{display:grid;grid-template-columns:59% 41%;height:60vh}.check_building .check-body{padding:24px;overflow-y:scroll}.check_building .check-body .ant-collapse{background:#fff}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header{background-color:#fff;padding:12px 0;align-items:center}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon{border:1px solid #d0d5dd;width:28px;height:28px;-webkit-padding-start:0;padding-inline-start:0;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-left:8px}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg{width:18px;height:auto;transform:rotate(180deg);transition:.3s ease}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg.active{transform:rotate(0deg)}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .check-head{display:flex;height:20px;align-items:center;gap:8px}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .check-head svg{width:16px;height:16px;object-fit:contain}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .check-head p{font-size:14px;line-height:normal;font-weight:700;color:var(--text-color)}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-extra .extra{display:flex;align-items:center;gap:8px}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-extra .extra p{font-size:14px;line-height:normal;font-weight:500;color:#a0aec0}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-extra .extra p.bold{font-weight:700;color:var(--text-color)}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content{padding-bottom:12px}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{background-color:#fff;padding:0}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check{display:grid;grid-template-columns:1fr;grid-gap:4px;gap:4px}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper:after{display:none}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper .ant-checkbox{display:flex;width:24px}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--main-color);border:1px solid var(--main-color)}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{width:24px;height:24px;border-radius:6px;border:1px solid #a0aec0}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner:after{width:8px;height:14px;top:10px}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper .ant-checkbox-label{display:flex;align-items:center;justify-content:space-between;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;width:calc(100% - 36px)}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper .ant-checkbox-label .id{font-size:14px;line-height:normal;font-weight:500;color:var(--text-color)}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper .ant-checkbox-label .items{display:flex;align-items:center;gap:12px}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper .ant-checkbox-label .items p{font-size:12px;line-height:normal;color:#a0aec0}.check_building .check-body .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .list-check .item-check .ant-checkbox-wrapper .ant-checkbox-label .items p span{color:var(--text-color)}.check_building .check-result{padding:24px;border-left:1px solid #f0f2f5;overflow-y:scroll}.check_building .check-result .result-tt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:16px}.check_building .check-result .result-tt p{font-size:16px;line-height:normal;color:var(--text-color);font-weight:500}.check_building .check-result .result-tt p.bold{font-weight:600}.check_building .check-result .list{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.check_building .check-result .list .item .item-head{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}.check_building .check-result .list .item .item-head .tt{display:flex;gap:8px}.check_building .check-result .list .item .item-head .tt svg{width:16px;height:16px;object-fit:contain}.check_building .check-result .list .item .item-head p{font-size:14px;line-height:normal;color:var(--text-color);font-weight:700}.check_building .check-result .list .item .item-head p span{font-weight:500;color:#a0aec0;margin-right:8px}.check_building .check-result .list .item .tags{display:flex;flex-wrap:wrap;gap:4px 8px}.check_building .check-result .list .item .tags .ant-tag{font-size:12px;line-height:normal;font-weight:400;color:var(--text-color);border:none;background-color:#f0f2f5;border-radius:500px;padding:1px 4px;display:flex}.check_building .check-result .list .item .tags .ant-tag .ant-tag-close-icon{-webkit-margin-start:4px;margin-inline-start:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:1px}.check_building .check-result .list .item .tags .ant-tag .ant-tag-close-icon svg{width:100%;height:100%;object-fit:contain}.role-list{margin-bottom:24px}.role-list .role-item{padding:24px;background-color:#fff;border-top:2px solid var(--body-color);display:flex;flex-wrap:wrap;justify-content:space-between}.role-list .role-item:last-child{border-radius:0 0 8px 8px}.role-list .role-item .name{font-size:16px;line-height:normal;font-weight:600;color:var(--text-color)}.role-list .role-item .user_name{display:flex;align-items:center}.role-list .role-item .user_name .user_name__img{width:32px;height:32px;border-radius:500px;display:flex;margin:auto 8px auto 0}.role-list .role-item .user_name .user_name__img img{width:100%;height:100%;object-fit:cover}.role-list .role-item .user_name .user_name__body p{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color)}.role-list .role-item .user_name .user_name__body span{font-size:12px;line-height:16px;color:#a0aec0}.role-list .role-item .action{display:flex;align-items:center;gap:8px}.role-list .role-item .action .total{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0;margin-right:8px}.role-list .role-item .action .total span{font-weight:700;color:var(--text-color)}.role-list .role-item .action .tag{padding:2px 8px;background-color:#f0f2f5;border-radius:500px;font-size:14px;line-height:normal;font-weight:500;color:var(--text-color)}.ant-avatar-group .ant-avatar{background:#f0f2f5}.ant-avatar-group .ant-avatar:nth-child(odd){background:#a0aec0}.ant-avatar-group .ant-avatar:nth-child(3n+1){background:var(--main-color)}.ant-avatar-group .ant-avatar .ant-avatar-string{color:var(--text-color);font-size:14px;font-weight:500}.role-form{height:70vh;overflow-y:scroll}.rec-list .pagi,.role-form{padding:24px}.rec-list .list-item{display:grid;grid-template-columns:1fr auto;align-items:center;padding:24px;border-bottom:2px solid var(--body-color)}.rec-list .list-item:last-child{border-bottom:none}.rec-list .list-item .list-detail .list-item_head{margin-bottom:12px}.rec-list .list-item .list-detail .list-item_head,.rec-list .list-item .list-detail .list-item_head .user{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.rec-list .list-item .list-detail .list-item_head .user .user-profile{width:24px;height:24px;background-color:#52b694;border-radius:500px;overflow:hidden;display:flex;align-items:center;justify-content:center}.rec-list .list-item .list-detail .list-item_head .user .user-profile span{font-size:12px;line-height:16px;color:var(--text-color)}.rec-list .list-item .list-detail .list-item_head .user .user-name{font-size:16px;line-height:24px;font-weight:600;color:var(--text-color)}.rec-list .list-item .list-detail .list-item_head .sub{font-size:14px;font-weight:500;line-height:20px;color:#a0aec0}.rec-list .list-item .list-detail .list-item_head .sub span{font-weight:700;color:var(--text-color);margin-left:8px}.rec-list .list-item .list-detail .list-item_head .tag .tag-item{font-size:12px;line-height:16px;padding:1px 8px;border-radius:500px;background-color:var(--body-color)}.rec-list .list-item .list-detail .list-body .date-list{display:flex;flex-wrap:wrap;gap:8px}.rec-list .list-item .list-detail .list-body .date-list .date-item{font-size:12px;line-height:16px;padding:1px 8px;border-radius:500px;background-color:var(--body-color)}.rec-list .list-item .total-price p{font-size:20px;line-height:28px;font-weight:700;color:var(--text-color)}.zarlal-box{display:flex;flex-wrap:wrap}.zarlal-box .zarlal-body{width:calc(100% - 340px)}.zarlal-box .zarlal-body .zarlal-form{padding:24px;border-top:1px solid var(--body-color)}.zarlal-box .zarlal-body .zarlal-form:first-child{border-top:none}.zarlal-box .zarlal-body .zarlal-form .tt{font-size:16px;line-height:24px;font-weight:500;margin-bottom:16px}.zarlal-box .zarlal-body .zarlal-form .custom-check .ant-form-item-control-input-content{display:flex;align-items:center;justify-content:space-between}.zarlal-box .zarlal-body .zarlal-form .custom-check .ant-form-item-control-input-content .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after{border:2px solid var(--main-color);border-top:0;-webkit-border-start:0;border-inline-start:0;width:7px;height:12px;top:45%}.zarlal-box .zarlal-body .zarlal-form .custom-check .ant-form-item-control-input-content .ant-checkbox .ant-checkbox-inner{width:24px;height:24px;border:1.5px solid var(--main-color);background-color:transparent!important}.zarlal-box .zarlal-body .zarlal-form .custom-check .check-det{width:calc(100% - 36px)}.zarlal-box .zarlal-body .zarlal-form .custom-check .check-det .tt{font-size:14px;line-height:20px;color:var(--text-color);margin:0}.zarlal-box .zarlal-body .zarlal-form .custom-check .check-det .sub-tt{font-size:12px;line-height:16px;color:#a0aec0}.zarlal-box .zarlal-body .zarlal-form .ant-form-item:last-child{margin-bottom:0}.zarlal-box .zarlal-body .zarlal-form .ant-form-item .ant-form-item-label label{font-size:14px;line-height:20px;font-weight:400;color:var(--text-color)}.zarlal-box .zarlal-body .zarlal-form .ant-form-item input,.zarlal-box .zarlal-body .zarlal-form .ant-form-item textarea{border-radius:8px;color:var(--text-color);font-size:14px;line-height:20px;font-weight:500;border:1px solid #d0d5dd;padding:8px 12px}.zarlal-box .zarlal-show{width:340px;padding:24px;border-left:1px solid var(--body-color)}.zarlal-box .zarlal-show .tt{text-align:center;margin-bottom:16px;font-size:16px;line-height:24px;font-weight:500}.zarlal-box .zarlal-show .iphone-box{position:relative;width:282px;height:580px;margin:0 auto}.zarlal-box .zarlal-show .iphone-box .next-btn,.zarlal-box .zarlal-show .iphone-box .prev-btn{position:absolute;width:36px;height:36px;background-color:var(--main-color);z-index:7;top:50%;transform:translateY(-50%);border-radius:8px;display:flex;cursor:pointer}.zarlal-box .zarlal-show .iphone-box .next-btn svg,.zarlal-box .zarlal-show .iphone-box .prev-btn svg{margin:auto;width:16px;height:auto;color:#fff;transform:rotate(0)}.zarlal-box .zarlal-show .iphone-box .prev-btn{left:-14px}.zarlal-box .zarlal-show .iphone-box .next-btn{right:-14px}.zarlal-box .zarlal-show .iphone-box .iphone,.zarlal-box .zarlal-show .iphone-box .iphoneBack{position:absolute;width:100%;height:100%;object-fit:contain}.zarlal-box .zarlal-show .iphone-box .iphone{z-index:4}.zarlal-box .zarlal-show .iphone-box .iphoneBack{z-index:2;padding:16px;filter:drop-shadow(0 0 18px rgba(0,0,0,.4))}.zarlal-box .zarlal-show .iphone-box .sms-box{position:absolute;z-index:5;bottom:84px;left:24px;background-color:#e9e9eb;border-radius:14px;padding:8px 12px;max-width:200px;max-height:376px;overflow-y:scroll}.zarlal-box .zarlal-show .iphone-box .sms-box p{font-size:12px;line-height:14px}.ant-table-summary{background:#f7f9fa!important}.breadcrumb ul{list-style:none;padding:0 0 5px;margin:0;display:flex;gap:16px}@media(min-width:320px)and (max-width:767px){.breadcrumb ul{display:none}}.breadcrumb ul li{position:relative}.breadcrumb ul li:last-child:after{display:none}.breadcrumb ul li:after{content:"/";position:absolute;top:50%;transform:translateY(-50%);right:-11px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.breadcrumb ul li.active p{color:var(--text-color)}.breadcrumb ul li p{color:#a0aec0;font-size:12px;line-height:18px}.breadcrumb h4{font-size:14px;line-height:19.6px;font-weight:700;color:var(--text-color)}.header-menu{display:flex;flex-direction:row;gap:16px;position:relative}.header-menu .header-menu_button{width:48px;height:48px;padding:12px;background-color:var(--nav-hover);border-radius:500px;position:relative;cursor:pointer}.header-menu .header-menu_button svg{width:100%;height:100%;object-fit:contain}@media(min-width:320px)and (max-width:767px){.header-menu .header-menu_button{width:32px;height:32px;padding:8px}}.header-menu .header-menu_button.dot .dot-count{position:absolute;background-color:#eb5757;width:18px;height:18px;top:0;right:0;border-radius:500px;font-size:12px;line-height:normal;color:#fff;display:flex;align-items:center;justify-content:center}.header-menu .header-menu_user{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.header-menu .header-menu_user .avatar{width:48px;height:48px;overflow:hidden;border-radius:500px}@media(min-width:320px)and (max-width:767px){.header-menu .header-menu_user .avatar{width:32px;height:32px}}.header-menu .header-menu_user .avatar img{width:100%;height:100%;object-fit:cover}.header-menu .header-menu_user .detail span{font-size:12px;line-height:16px;color:var(--text-color);display:block;margin-bottom:4px}.header-menu .header-menu_user .detail p{font-weight:700;font-size:14px;line-height:20px;color:var(--text-color)}.header-menu .header-menu_user .icon{width:24px;height:24px;transform:rotate(90deg);display:flex;align-items:center;justify-content:center}.dropMenu{background-color:#fff;border:1px solid #d0d5dd;border-radius:8px;width:232px}.dropMenu .dropMenu-box{padding:0 16px}.dropMenu .dropMenu-box .tt{font-size:12px;line-height:16px;color:var(--text-color);padding:6px 0}.dropMenu .dropMenu-box .list{margin-bottom:6px}.dropMenu .dropMenu-box .list .item{padding:4px 0;position:relative;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.dropMenu .dropMenu-box .list .item.active .checked{opacity:1}.dropMenu .dropMenu-box .list .item .detail span{font-size:12px;line-height:16px;color:var(--text-color)}.dropMenu .dropMenu-box .list .item .detail p{font-weight:500;font-size:14px;line-height:20px;color:var(--text-color)}.dropMenu .dropMenu-box .list .item .checked{margin-left:8px;width:20px;height:20px;padding:2px;opacity:0;transition:.3s ease}.dropMenu .dropMenu-box .list .item .checked svg{width:100%;height:100%;object-fit:contain}.dropMenu .link-btn{display:flex;flex-wrap:wrap;border-top:1px solid #d0d5dd;padding:8px 16px;gap:8px;cursor:pointer}.dropMenu .link-btn.logout .icon,.dropMenu .link-btn.logout p{color:#e24c1e}.dropMenu .link-btn .icon{width:20px;height:20px;padding:2px}.dropMenu .link-btn p{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color)}.auth{width:100vw;height:100vh;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:var(--color-white);padding:24px;gap:24px}.auth .auth-back{position:absolute;inset:0;display:flex;z-index:0}.auth .auth-back img{width:100%;height:100%;object-fit:cover}.auth .login-form{width:490px;border-radius:8px;padding-top:80px;display:flex;flex-direction:column;align-items:center;margin:0 auto;position:relative;z-index:2;background-color:#fff}.auth .login-form .login-form_footer{margin-top:80px;padding:24px 0;border-top:1px solid rgba(122,134,153,.2);width:100%}.auth .login-form .login-form_footer p{font-size:14px;text-align:center;color:#7a8699}.auth .login-form .login-form_body{max-width:320px;width:100%}.auth .login-form .login-form_body .logo-icon{width:60px;height:auto;display:flex;margin:0 auto 24px;color:var(--main-color)}.auth .login-form .login-form_body .logo-icon svg{width:100%;height:auto}.auth .login-form .login-form_body .desc{font-size:28px;line-height:normal;font-weight:600;text-align:center;text-transform:uppercase;margin-bottom:24px}.auth .login-form .login-form_body h2{color:var(--text-color);font-size:36px;line-height:20px;letter-spacing:1px;font-weight:700;text-align:center;margin-bottom:48px}.auth .login-form .login-form_body .ant-form .ant-form-item input,.auth .login-form .login-form_body .ant-form .ant-form-item label{font-size:14px;line-height:20px;font-weight:500}.auth .login-form .login-form_body .ant-form .ant-form-item .ant-input-outlined:focus,.auth .login-form .login-form_body .ant-form .ant-form-item .ant-input-outlined:focus-within{border-color:var(--main-color)!important;box-shadow:none;background-color:#fff}.auth .login-form .login-form_body .ant-form .ant-form-item .ant-form-item-label{padding:0 0 4px}.auth .login-form .login-form_body .ant-form .ant-form-item .ant-input-affix-wrapper{padding:6px 14px}.auth .login-form .login-form_body .ant-form .ant-form-item .ant-input-affix-wrapper input{padding:0}.auth .login-form .login-form_body .ant-form .ant-form-item input{background-color:#fff!important;padding:6px 14px}.auth .login-form .login-form_body .ant-form .ant-btn{font-size:20px;font-weight:500;line-height:20px;padding:18px;border:0;background-color:var(--main-color);border-radius:8px;color:var(--color-white);cursor:pointer;box-shadow:none;height:auto;width:100%}.auth .login-back{width:48.889vw;padding:24px;display:flex;position:relative;z-index:1;overflow:hidden}.auth .login-back .login-back_body{position:relative;z-index:6;display:flex;flex-direction:column}.auth .login-back .login-back_body h1,.auth .login-back .login-back_body p{color:#fff;text-align:center}.auth .login-back .login-back_body .title{font-size:70px;line-height:normal;font-weight:700;margin-bottom:24px}.auth .login-back .login-back_body .desc{font-size:16px;line-height:normal}.auth .login-back .login-back_body .animate{display:flex;justify-content:center;gap:20px;margin-top:auto}.auth .login-back .login-back_body .animate .left{width:170px}.auth .login-back .login-back_body .animate .right{width:272px}.bottom-nav .nav-logo,.top-nav .nav-logo{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 9px 22px}.bottom-nav .nav-logo .logo,.top-nav .nav-logo .logo{width:65px;height:65px;object-fit:cover;color:var(--main-color)}.bottom-nav .nav-logo .logo svg,.top-nav .nav-logo .logo svg{width:100%;height:100%;object-fit:contain}.bottom-nav .nav-logo .logo-text,.top-nav .nav-logo .logo-text{width:calc(100% - 75px)}.bottom-nav .nav-logo .logo-text p,.top-nav .nav-logo .logo-text p{color:#1f2a37;font-size:14px;line-height:20px}.bottom-nav .nav-logo .logo-text p.bold,.top-nav .nav-logo .logo-text p.bold{font-weight:700;font-size:16px}.bottom-nav .nav-list,.top-nav .nav-list{list-style:none;padding:12px 0;margin:0;display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.bottom-nav .nav-list li .logout-btn,.bottom-nav .nav-list li .nav-link,.top-nav .nav-list li .logout-btn,.top-nav .nav-list li .nav-link{display:flex;flex-wrap:wrap;align-items:center;background-color:transparent;padding:15px 12px;border-radius:6px;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out;color:var(--text-color);gap:8px}.bottom-nav .nav-list li .logout-btn.active,.bottom-nav .nav-list li .logout-btn:hover,.bottom-nav .nav-list li .nav-link.active,.bottom-nav .nav-list li .nav-link:hover,.top-nav .nav-list li .logout-btn.active,.top-nav .nav-list li .logout-btn:hover,.top-nav .nav-list li .nav-link.active,.top-nav .nav-list li .nav-link:hover{background-color:var(--main-color);color:var(--color-white)}.bottom-nav .nav-list li .logout-btn .icon,.bottom-nav .nav-list li .nav-link .icon,.top-nav .nav-list li .logout-btn .icon,.top-nav .nav-list li .nav-link .icon{width:16px;height:16px}.bottom-nav .nav-list li .logout-btn p,.bottom-nav .nav-list li .nav-link p,.top-nav .nav-list li .logout-btn p,.top-nav .nav-list li .nav-link p{width:calc(100% - 48px);font-size:14px;font-weight:500;line-height:22px}.bottom-nav .nav-list li .logout-btn.child,.bottom-nav .nav-list li .nav-link.child,.top-nav .nav-list li .logout-btn.child,.top-nav .nav-list li .nav-link.child{display:flex}.bottom-nav .nav-list li .logout-btn.child.childActive .arrow,.bottom-nav .nav-list li .nav-link.child.childActive .arrow,.top-nav .nav-list li .logout-btn.child.childActive .arrow,.top-nav .nav-list li .nav-link.child.childActive .arrow{transform:rotate(0)}.bottom-nav .nav-list li .logout-btn.child .arrow,.bottom-nav .nav-list li .nav-link.child .arrow,.top-nav .nav-list li .logout-btn.child .arrow,.top-nav .nav-list li .nav-link.child .arrow{width:16px;height:16px;display:flex;transform:rotate(180deg);transition:transform .3s ease}.bottom-nav .nav-list li .dropdown-menu,.top-nav .nav-list li .dropdown-menu{display:flex;flex-direction:column}.bottom-nav .nav-list li .dropdown-menu a,.top-nav .nav-list li .dropdown-menu a{display:flex;width:100%;font-size:14px;line-height:20px;font-weight:500;color:var(--text-color);padding:12px 12px 12px 40px;background-color:transparent;transition:background-color .3s ease-in-out,color .3s ease-in-out;border-radius:6px;position:relative}.bottom-nav .nav-list li .dropdown-menu a.active,.bottom-nav .nav-list li .dropdown-menu a:hover,.top-nav .nav-list li .dropdown-menu a.active,.top-nav .nav-list li .dropdown-menu a:hover{background-color:var(--main-color);color:var(--color-white)}.bottom-nav .nav-list li .dropdown-menu a.active:after,.bottom-nav .nav-list li .dropdown-menu a:hover:after,.top-nav .nav-list li .dropdown-menu a.active:after,.top-nav .nav-list li .dropdown-menu a:hover:after{background-color:var(--color-white)}.bottom-nav .nav-list li .dropdown-menu a:after,.top-nav .nav-list li .dropdown-menu a:after{content:"";position:absolute;left:22px;top:0;bottom:0;width:1px;background-color:#a0aec0;transition:background-color .3s ease-in-out}.bottom-nav .nav-list li .logout-btn,.top-nav .nav-list li .logout-btn{color:var(--color-red)}.pages{display:flex;flex-direction:column;gap:20px}.pages .flex-row{display:flex;flex-wrap:wrap;gap:20px}.pages .flex-row .col-4,.pages .flex-row .col-6{flex-grow:1}@media(min-width:320px)and (max-width:767px){.pages .flex-row .col-4,.pages .flex-row .col-6{width:100%}}.work-panel_list .object-panel_item{background-color:var(--color-white);border-radius:8px;overflow:hidden}.work-panel_list .object-panel_item .object-panel_item__head{display:flex;flex-wrap:wrap;gap:24px;padding:24px;border-bottom:2px solid var(--body-color)}.work-panel_list .object-panel_item .object-panel_item__head .action,.work-panel_list .object-panel_item .object-panel_item__head .name-con,.work-panel_list .object-panel_item .object-panel_item__head .search-con,.work-panel_list .object-panel_item .object-panel_item__head .tags{display:flex;flex-wrap:wrap;align-items:center}.work-panel_list .object-panel_item .object-panel_item__head .name-con{gap:16px}.work-panel_list .object-panel_item .object-panel_item__head .name-con .name{color:var(--text-color);font-size:20px;line-height:28px;font-weight:700}.work-panel_list .object-panel_item .object-panel_item__head .name-con .sub{font-size:14px;font-weight:500;line-height:20px;color:#a0aec0}.work-panel_list .object-panel_item .object-panel_item__head .name-con .sub span{font-weight:700;color:var(--text-color);margin-left:8px}.work-panel_list .object-panel_item .object-panel_item__head .name-con .tags{gap:8px}.work-panel_list .object-panel_item .object-panel_item__head .name-con .tags p{padding:1px 8px;background-color:var(--body-color);border-radius:500px;font-size:12px;line-height:16px;color:var(--text-color)}.work-panel_list .object-panel_item .object-panel_item__head .search-con{gap:8px;margin-left:auto}.work-panel_list .object-panel_item .accordion .ant-collapse{border:none;background-color:#fff}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item{border:none;border-radius:0}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-header{border-bottom:2px solid var(--body-color);border-radius:0;padding:24px;align-items:center}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .accordion-head{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .accordion-head .title{font-size:16px;line-height:24px;font-weight:600;color:var(--text-color)}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .accordion-head .sub{font-size:14px;font-weight:500;line-height:20px;color:#a0aec0}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text .accordion-head .sub span{font-weight:700;color:var(--text-color);margin-left:8px}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon{width:36px;height:36px;border:1px solid #d0d5dd;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg{width:20px;height:20px;object-fit:contain;transform:rotate(180deg);transition:.3s ease}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon svg.active{transform:rotate(0deg)}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content{border:none;border-radius:0}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .galleria-list{position:relative;width:64px;height:64px}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .galleria-list .ant-image{position:absolute;width:60px;height:60px;z-index:1;display:none}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .galleria-list .ant-image:first-child{z-index:3;top:0;left:0;bottom:auto;right:auto;display:flex}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .galleria-list .ant-image:nth-child(2){z-index:2;bottom:0;right:0;display:flex}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .galleria-list .ant-image img{width:100%;height:100%;object-fit:cover}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .galleria-list .ant-image .ant-image-mask{display:none}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .text-main{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color)}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .text-sub{font-size:12px;line-height:16px;color:#a0aec0}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .text-center{text-align:center}.work-panel_list .object-panel_item .accordion .ant-collapse .ant-collapse-item .ant-collapse-content .ant-table .ant-table-tbody .ant-table-cell .status{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color);background-color:var(--body-color);border-radius:500px;padding:1px 8px;width:max-content;margin:0 auto}.product-container{display:flex;flex-direction:column;max-width:1200px;margin:0 auto;font-family:Arial,sans-serif;color:#333}.product-navigation{padding:20px 0}.product-navigation .back-button{display:flex;align-items:center;background:none;border:1px solid #e0e0e0;border-radius:20px;padding:8px 16px;cursor:pointer;font-size:14px}.product-navigation .back-button .back-icon{margin-right:5px}.product-content{display:flex;gap:40px}@media(max-width:768px){.product-content{flex-direction:column}}.product-gallery{flex:1 1}.product-gallery .main-image{position:relative;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.product-gallery .main-image img{width:100%;height:auto;object-fit:contain}.product-gallery .main-image .dimension{position:absolute;background:hsla(0,0%,100%,.8);padding:2px 5px;font-size:12px}.product-gallery .main-image .dimension.width{top:50%;left:50%;transform:translate(-50%,-100px)}.product-gallery .main-image .dimension.height{right:20%;top:50%;transform:rotate(90deg)}.product-gallery .thumbnail-container{display:flex;gap:10px}.product-gallery .thumbnail-container .thumbnail{border:1px solid #e0e0e0;border-radius:8px;padding:5px;width:100px;height:100px;cursor:pointer}.product-gallery .thumbnail-container .thumbnail img{width:100%;height:100%;object-fit:cover}.product-gallery .thumbnail-container .thumbnail:hover{border-color:#3eb489}.product-details{flex:1 1}.product-details .product-title{font-size:24px;font-weight:700;margin:0 0 5px}.product-details .product-subtitle{color:#888;font-size:14px;margin-bottom:15px}.product-details .product-description{color:#888;font-size:14px;line-height:1.5;margin-bottom:20px}.product-details .product-info{margin:20px 0}.product-details .product-info .info-item{display:flex;align-items:center;margin-bottom:10px}.product-details .product-info .info-item .info-icon{margin-right:10px;font-size:16px}.product-details .product-info .info-item .info-label{color:#888;margin-right:5px}.product-details .product-info .info-item .info-value{font-weight:700}.product-details .product-price-section{margin:25px 0}.product-details .product-price-section .price-label{color:#888;font-size:14px;margin-bottom:5px}.product-details .product-price-section .price-amount{font-size:28px;font-weight:700}.product-details .product-price-section .price-info{color:#888;font-size:14px;margin-top:5px}.product-details .product-size{margin:25px 0}.product-details .product-size .size-label{color:#888;font-size:14px;margin-bottom:10px}.product-details .product-size .size-selector{display:flex;align-items:center;margin-bottom:15px}.product-details .product-size .size-selector .size-input{width:100px;padding:8px;border:1px solid #e0e0e0;border-radius:4px;text-align:center}.product-details .product-size .size-selector .size-controls{display:flex;flex-direction:column;margin-left:-1px}.product-details .product-size .size-selector .size-controls button{border:1px solid #e0e0e0;background:#fff;font-size:10px;padding:2px 5px;cursor:pointer}.product-details .product-size .size-selector .size-controls button:first-child{border-radius:0 4px 0 0}.product-details .product-size .size-selector .size-controls button:last-child{border-radius:0 0 4px 0;border-top:none}.product-details .product-size .size-selector .size-controls button:hover{background:#f5f5f5}.product-details .product-size .size-slider{display:flex;align-items:center}.product-details .product-size .size-slider .slider{flex:1 1;-webkit-appearance:none;height:4px;background:#ddd;border-radius:2px;margin-right:15px}.product-details .product-size .size-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#3eb489;cursor:pointer}.product-details .product-size .size-slider .size-value{width:30px;text-align:right}.product-details .product-info-box{background-color:#f5f6f7;border-radius:8px;padding:15px;margin-bottom:15px}.product-details .product-info-box .info-box-header{display:flex;align-items:center;margin-bottom:10px}.product-details .product-info-box .info-box-header .info-box-icon{margin-right:10px;font-size:16px}.product-details .product-info-box .info-box-header .info-box-title{font-weight:700}.product-details .product-info-box .info-box-content{font-size:14px;line-height:1.5}.product-details .product-actions{display:flex;gap:15px;margin-top:30px}.product-details .product-actions button{padding:12px 20px;border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s}.product-details .product-actions .wishlist-button{flex:1 1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e0e0}.product-details .product-actions .wishlist-button .wishlist-icon{margin-right:5px}.product-details .product-actions .wishlist-button:hover{background:#f5f5f5}.product-details .product-actions .buy-button{flex:1 1;background:#3eb489;color:#fff;border:none}.product-details .product-actions .buy-button:hover{background:#37a17b}.profile-page{border-radius:8px;background-color:#fff;padding:24px}.profile-page .profile-form{display:flex;flex-wrap:wrap;justify-content:space-between}.profile-page .profile-form .profile-upload{width:168px}.profile-page .profile-form .profile-upload p{font-size:14px;line-height:20px;color:var(--text-color);text-align:center}.profile-page .profile-form .profile-upload .ant-upload{width:168px;height:168px;background-color:transparent}.profile-page .profile-form .profile-upload .ant-upload:hover{border-color:var(--main-color)!important}.profile-page .profile-form .profile-upload .ant-upload .upload-detail .sub-tt,.profile-page .profile-form .profile-upload .ant-upload .upload-detail .tt{text-align:center}.profile-page .profile-form .profile-upload .ant-upload .upload-detail .tt{font-size:14px;line-height:20px;color:var(--main-color);margin-bottom:4px}.profile-page .profile-form .profile-upload .ant-upload .upload-detail .sub-tt{font-size:12px;line-height:14px;color:#475467}.profile-page .profile-form .profile-upload .ant-upload .upload-detail .circle-anime{margin:16px auto 0;position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.profile-page .profile-form .profile-upload .ant-upload .upload-detail .circle-anime:after,.profile-page .profile-form .profile-upload .ant-upload .upload-detail .circle-anime:before{content:"";position:absolute;border-radius:500px}.profile-page .profile-form .profile-upload .ant-upload .upload-detail .circle-anime:before{width:32px;height:32px;background-color:#f0f2f5;z-index:1}.profile-page .profile-form .profile-upload .ant-upload .upload-detail .circle-anime:after{width:40px;height:40px;background-color:#f7f9fa;z-index:0;animation:growBox 1.2s ease infinite alternate}@keyframes growBox{0%{width:32px;height:32px}to{width:42px;height:42px}}.profile-page .profile-form .profile-upload .ant-upload .upload-detail .circle-anime svg{width:18px;height:auto;margin:auto auto 7px;color:var(--main-color);position:relative;z-index:2}.profile-page .profile-form .profile-form_body{width:calc(100% - 192px)}.profile-page .profile-form .profile-form_body .profile-form_tt{font-size:16px;font-weight:600;color:var(--text-color)}.profile-page .profile-form .profile-form_body .profile-form_row .col-0{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(0,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-1{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(1,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-2{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(2,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-3{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-4{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(4,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-5{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(5,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-6{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(6,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-7{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(7,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-8{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(8,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-9{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(9,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-10{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(10,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-11{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(11,1fr)}.profile-page .profile-form .profile-form_body .profile-form_row .col-12{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(12,1fr)}.profile-page .profile-form .profile-form_button{width:100%;display:flex;flex-direction:column;align-items:flex-end}