@import"https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&family=Nunito:wght@300;600&display=swap";@font-face{font-family:copperplate-gothic-bold;src:url(/build/assets/copperplategothic_bold-DNHNLVEB.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:copperplate-gothic-light;src:url(/build/assets/Copperplate%20Gothic%20Regular-dhxE87vM.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:copperplate-gothic-reg;src:url(/build/assets/Copperplate%20Gothic%20Regular-dhxE87vM.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"HvDTrial Niveau Serif";src:url(/build/assets/HvDTrial_NiveauSerifRegular-CM9oOUva.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}.regular-font{font-family:Darker Grotesque,sans-serif}.heading-font-bold{font-family:copperplate-gothic-bold,sans-serif}.heading-font-light{font-family:copperplate-gothic-light,sans-serif}.heading-font-reg{font-family:copperplate-gothic-reg,sans-serif}button{outline:none;border:none}button:focus{outline:none}a{text-decoration:none!important}a:hover{text-decoration:none;color:transparent}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}.header{align-self:stretch;display:flex;height:74px;padding:30px 20px;justify-content:space-between;align-items:center;gap:10px;background:#fff;box-shadow:#00000026 0 4px 6px -1px}.header .left{display:flex;align-items:center;gap:8px}.header .left .backbtn{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.header .left .backbtn:hover{transform:scale(1.02);cursor:pointer}.header .left h3{color:#686868;font-family:copperplate-gothic-reg;font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.54px;text-transform:capitalize;margin-bottom:0}.header .right .action-wrapper{display:flex;align-items:center;gap:15px}.header .right .action-wrapper button{display:flex;height:44px;padding:4px 15px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:10px;width:200px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.header .right .action-wrapper button:hover{transform:scale(1.02);cursor:pointer}.header .right .action-wrapper button.primary{border-radius:10px;background:linear-gradient(90deg,#715482 .13%,#af80b8 81.29%);color:#fff;font-family:copperplate-gothic-bold;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.header .right .action-wrapper button.light{font-family:copperplate-gothic-light!important;font-weight:400}.header .right .action-wrapper button.cancel-btn{color:#e63737;font-family:copperplate-gothic-light;font-size:16px;font-style:normal;font-weight:400;line-height:normal;border:.5px solid #E63737;background-color:transparent}.header .right .notification{position:relative}.header .right .notification .notification-num{position:absolute;top:0;right:0;display:flex;width:12px;height:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:24px;border:1px solid #F6F6F6;background:#e63737;color:#fff;font-family:Lexend;font-size:8px;font-style:normal;font-weight:400;line-height:normal}.header .right .line{height:24px;width:1px;background:#dde1e1}.header .right .profile{display:flex;gap:10px;align-items:center}.header .right .profile img{width:26px;height:26px;flex-shrink:0;border-radius:93.6px;background:url(layouts/<path-to-image>) #d3d3d3 50%/cover no-repeat,#fff}.header .right .profile h5{color:#715482;font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}.header .right .profile h6{color:#a8a8a8;font-family:"HvDTrial Niveau Serif";font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.14px;text-transform:lowercase;margin-bottom:0}.header .right .logout-btn{display:flex;padding:5px 6px;justify-content:center;align-items:center;gap:8px;border-radius:6px;background:#af80b8}.customer-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:13.333px;background:transparent}.customer-header.bg-white{background:#fff}.customer-header .left{display:flex;align-items:center}.customer-header .left h3{color:#fff;font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}.customer-header .left h3 span{font-family:copperplate-gothic-light}.customer-header .left h3.purple{color:#715482;text-align:center;font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal}@media screen and (min-width:1029px){.customer-header{padding:20px 100px}.customer-header.bg-white{border-radius:6px;background:#fff;box-shadow:0 4px 4px #0000000d}}.sidebar{position:fixed;display:flex;width:280px;height:100vh;flex-direction:column;align-items:center;background:linear-gradient(180deg,#715482,#af80b8 85%)}.sidebar-logo{display:flex;width:280px;padding:25px 20px;justify-content:center;align-items:center;gap:10px;background:#715482;box-shadow:0 4px 4px #0000001a}.sidebar-logo h2{color:#fff;font-size:22px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}.sidebar .menu-wrapper{align-self:stretch;padding:40px 15px 0}.sidebar .menu-wrapper label{color:#fff;font-size:14px;font-style:normal;line-height:normal;text-transform:capitalize}.sidebar .gap-10{gap:10px}.sidebar .menu-item{display:flex;padding:10px 12px;align-items:center;gap:8px;align-self:stretch;border-radius:6px;height:40px;color:#dde1e1;font-family:copperplate-gothic-light;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.sidebar .menu-item span{flex:1 0 0}.sidebar .menu-item .icon-active{display:none}.sidebar .menu-item .badge{display:flex;padding:4px 6px;justify-content:center;align-items:center;gap:2px;border-radius:5px;background:#fcf2f2;color:#ca3a31;font-family:copperplate-gothic-reg;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.56px;opacity:0;transition:opacity .3s ease-in-out}.sidebar .menu-item:hover .icon-active,.sidebar .menu-item.active .icon-active{display:block}.sidebar .menu-item:hover .icon-inactive,.sidebar .menu-item.active .icon-inactive{display:none}.sidebar .menu-item:hover,.sidebar .menu-item.active{border-radius:6px;background:#ffffff4d;font-family:copperplate-gothic-bold;font-size:14px}.sidebar .menu-item:hover .badge,.sidebar .menu-item.active .badge{opacity:1}.form-group .item{position:relative;width:100%}.form-group .item label{color:#000;font-family:Darker Grotesque;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:5px}.form-group .item textarea{width:100%;display:flex;padding:10px 15px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;background:#f6f5f8;box-shadow:0 -2px 80px #ececf914,0 -.25px 10.017px #ececf90a;color:#715482;font-size:16px;border:none}.form-group .item textarea::placeholder{color:var(--Gray-500, #9F9F9F);font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.form-group .item textarea:focus{outline:none;border:.75px solid #715482}.form-group .item input::-webkit-outer-spin-button,.form-group .item input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group .item input[type=number]{-moz-appearance:textfield}.form-group .item input{width:100%;display:flex;height:55px;padding:10px 15px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;background:#f6f5f8;box-shadow:0 -2px 80px #ececf914,0 -.25px 10.017px #ececf90a;color:#715482;font-size:16px;border:none}.form-group .item input::placeholder{color:var(--Gray-500, #9F9F9F);font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.form-group .item input:focus{outline:none;border:.75px solid #715482}.form-group .item input[type=date]{padding-left:45px}.form-group .item input[type=date]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M12.5625 2.67V1.5C12.5625 1.1925 12.3075 0.9375 12 0.9375C11.6925 0.9375 11.4375 1.1925 11.4375 1.5V2.625H6.56255V1.5C6.56255 1.1925 6.30755 0.9375 6.00005 0.9375C5.69255 0.9375 5.43755 1.1925 5.43755 1.5V2.67C3.41255 2.8575 2.43005 4.065 2.28005 5.8575C2.26505 6.075 2.44505 6.255 2.65505 6.255H15.345C15.5625 6.255 15.7425 6.0675 15.72 5.8575C15.57 4.065 14.5875 2.8575 12.5625 2.67Z" fill="%23715482"/><path d="M15 7.38H3C2.5875 7.38 2.25 7.7175 2.25 8.13V12.75C2.25 15 3.375 16.5 6 16.5H12C14.625 16.5 15.75 15 15.75 12.75V8.13C15.75 7.7175 15.4125 7.38 15 7.38ZM6.9075 13.6575C6.8325 13.725 6.75 13.7775 6.66 13.815C6.57 13.8525 6.4725 13.875 6.375 13.875C6.2775 13.875 6.18 13.8525 6.09 13.815C6 13.7775 5.9175 13.725 5.8425 13.6575C5.7075 13.515 5.625 13.32 5.625 13.125C5.625 12.93 5.7075 12.735 5.8425 12.5925C5.9175 12.525 6 12.4725 6.09 12.435C6.27 12.36 6.48 12.36 6.66 12.435C6.75 12.4725 6.8325 12.525 6.9075 12.5925C7.0425 12.735 7.125 12.93 7.125 13.125C7.125 13.32 7.0425 13.515 6.9075 13.6575ZM7.065 10.785C7.0275 10.875 6.975 10.9575 6.9075 11.0325C6.8325 11.1 6.75 11.1525 6.66 11.19C6.57 11.2275 6.4725 11.25 6.375 11.25C6.2775 11.25 6.18 11.2275 6.09 11.19C6 11.1525 5.9175 11.1 5.8425 11.0325C5.775 10.9575 5.7225 10.875 5.685 10.785C5.6475 10.695 5.625 10.5975 5.625 10.5C5.625 10.4025 5.6475 10.305 5.685 10.215C5.7225 10.125 5.775 10.0425 5.8425 9.9675C5.9175 9.9 6 9.8475 6.09 9.81C6.27 9.735 6.48 9.735 6.66 9.81C6.75 9.8475 6.8325 9.9 6.9075 9.9675C6.975 10.0425 7.0275 10.125 7.065 10.215C7.1025 10.305 7.125 10.4025 7.125 10.5C7.125 10.5975 7.1025 10.695 7.065 10.785ZM9.5325 11.0325C9.4575 11.1 9.375 11.1525 9.285 11.19C9.195 11.2275 9.0975 11.25 9 11.25C8.9025 11.25 8.805 11.2275 8.715 11.19C8.625 11.1525 8.5425 11.1 8.4675 11.0325C8.3325 10.89 8.25 10.695 8.25 10.5C8.25 10.305 8.3325 10.11 8.4675 9.9675C8.5425 9.9 8.625 9.8475 8.715 9.81C8.895 9.7275 9.105 9.7275 9.285 9.81C9.375 9.8475 9.4575 9.9 9.5325 9.9675C9.6675 10.11 9.75 10.305 9.75 10.5C9.75 10.695 9.6675 10.89 9.5325 11.0325Z" fill="%23715482"/></svg>');width:22px;height:22px;position:absolute;left:12px;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.form-group .item .toggle-password{position:absolute;top:68%;right:15px;transform:translateY(-50%);cursor:pointer;color:#999}.form-group .item .text-span{position:absolute;top:68%;right:15px;transform:translateY(-50%);color:var(--Gray-500, #9F9F9F);font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.form-group .select-wrapper{position:relative}.form-group .select-wrapper:before{content:"";position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825" stroke="%23334A34" stroke-width="1.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:20px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;right:15px;top:30%}.form-group .select-wrapper select{appearance:none;width:100%;display:flex;height:55px;padding:10px 15px;align-items:center;gap:10px;font-family:copperplate-gothic-reg;font-style:normal;font-weight:500;line-height:normal;border-radius:10px;background:#f6f5f8;box-shadow:0 -2px 80px #ececf914,0 -.25px 10.017px #ececf90a;color:#715482;font-size:16px;border:none}.form-group .select-wrapper select::placeholder{color:var(--Gray-500, #9F9F9F);font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.form-group .select-wrapper select:focus{outline:none;border:.75px solid #715482}.form-group button{width:100%;display:flex;height:55px;padding:10px 15px;align-items:center;justify-content:center;gap:10px;background-color:transparent;border-radius:10px;border:.25px solid #715482;box-shadow:0 -2px 80px #ececf914,0 -.25px 10.017px #ececf90a;color:#715482;font-family:copperplate-gothic-bold;font-size:16px;font-style:normal;font-weight:400;line-height:normal;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.form-group button.sm{display:flex;width:100px;height:44px;padding:4px 15px;justify-content:center;align-items:center;gap:10px;font-size:14px}.form-group button:hover{transform:scale(1.01);cursor:pointer}.form-switch .form-check-input{width:46.283px!important;height:24px!important;flex-shrink:0}.form-check-input:checked{background-color:#5cba8a!important;border-color:#5cba8a!important}.form-check-input:checked{box-shadow:none!important}.modal-dialog.modal-sm{max-width:395px}.modal-dialog.modal-md{max-width:620px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal .spin{animation:spin 2s linear infinite}.modal .modal-content{border-radius:20px;background:var(--White, #FFF);box-shadow:0 13px 30px #af80b81a;padding:24px}.modal .modal-header{padding:0 0 15px}.modal .modal-header .icon-box{display:flex;height:44px;width:44px;padding:4px 10px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:#9577741a}.modal .modal-header .modal-title{width:100%;color:#000;text-align:center;font-size:28px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-1px}.modal .modal-header .btn-close{font-family:copperplate-gothic-bold}.modal .modal-header .btn-close:hover{transform:scale(1.02);cursor:pointer}.modal .modal-body{padding:15px 0 0}.modal .modal-body .form-group .item label{color:#000;font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.modal .modal-body .form-group .item input{font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.modal .modal-body .form-group .select-wrapper select{color:#373229;font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.modal .modal-body .wrapper-modal{display:flex;flex-direction:column;gap:10px;align-items:center}.modal .modal-body .wrapper-modal p{text-align:center;color:#686868;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.modal .modal-footer{border-top:none;padding:25px 0 0;display:flex;gap:15px}.modal .modal-footer button{margin:0;display:flex;height:44px;padding:4px 15px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:10px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);font-family:copperplate-gothic-bold}.modal .modal-footer button:hover{transform:scale(1.02);cursor:pointer}.modal .modal-footer button.secondary{background-color:#fff;border:.5px solid #715482;color:#715482;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.modal .modal-footer button.primary{background:linear-gradient(90deg,#715482 .13%,#af80b8 81.29%);color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.card-header{border-radius:6px!important;background:linear-gradient(90deg,#715482,#af80b8 71%);display:flex;padding:20px!important;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;align-self:stretch}.card-header h3{color:#fff;font-family:copperplate-gothic-bold;font-size:24px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}.card-header span{color:#ffffffb3;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.16px;text-transform:capitalize}.card-header.white-bg{background:#fff}.information-card{display:flex;padding:15px 24px;align-items:flex-start;gap:24px;flex:1 0 0;align-items:center;justify-content:space-between;border-radius:12px;background:#fff}.information-card .icon-box{display:flex;height:44px;padding:4px 10px;justify-content:center;align-items:center;gap:10px;border-radius:10px;background:#9577741a}.information-card .icon-box.green-bg{background:#def1e8}.information-card .icon-box.red-bg{background:#fcf2f2}.information-card .icon-box.md{width:44px;height:44px}.information-card p{color:#686868b3;font-family:"HvDTrial Niveau Serif";font-size:18px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.18px;text-transform:capitalize;margin-bottom:8px}.information-card h6{color:#000;font-family:copperplate-gothic-bold;font-size:20px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:8px}.information-card h6.md{font-size:16px}.information-card span{color:#686868b3;font-family:"HvDTrial Niveau Serif";font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.14px;text-transform:capitalize}.information-card span b{color:#295e48b3}.information-card .link-btn{color:#295e48;font-family:copperplate-gothic-reg;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.56px;cursor:pointer}.card-datatable table{width:100%;border-collapse:separate!important;border-spacing:0;opacity:0}.card-datatable .dataTables_wrapper{width:100%}.card-datatable .dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar{height:6px}.card-datatable .dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.card-datatable .dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb{background-color:#af80b8;border-radius:10px;border:2px solid #f0f0f0}.card-datatable .dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb:hover{background-color:#af80b8}.card-datatable .dataTables_wrapper table{width:100%;margin:0!important;opacity:1}.card-datatable .dataTables_wrapper thead th{height:60px;padding:0 15px;justify-content:space-between;align-items:center;align-self:stretch;border-right:.5px solid var(--Light-200, #E3E3E3);border-bottom:1px solid var(--Light-200, #E3E3E3);border-left:.5px solid var(--Light-200, #E3E3E3);background:#f6f5f8;color:var(--Base-Dark, #171717);font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.7px;white-space:nowrap}.card-datatable .dataTables_wrapper tbody td{height:60px;padding:0 15px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;align-self:stretch;border-right:.5px solid var(--Light-200, #E3E3E3);border-bottom:1px solid var(--Light-200, #E3E3E3);border-left:.5px solid var(--Light-200, #E3E3E3);background:var(--Base-White, #FFF);color:var(--Gray-100, #6C6B6B);font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal;white-space:nowrap}.card-datatable .dataTables_wrapper td .with-icon{display:flex;align-items:center;gap:8px}.card-datatable .dataTables_wrapper td .with-icon img.product{width:24px;height:24px}.card-datatable .dataTables_wrapper td .with-icon img.icon{width:18px;height:18px}.card-datatable .dataTables_wrapper td .with-status .uname-status{display:flex;padding:4px 6px;justify-content:center;align-items:center;gap:2px;border-radius:5px;background:#fcf2f2;color:#ca3a31;font-family:copperplate-gothic-reg;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.56px}.card-datatable .dataTables_wrapper td .status{display:flex;height:25px;padding:4px 10px;justify-content:center;align-items:center;gap:3px;flex-shrink:0;border-radius:90000px;background:#fcf2f2;color:#ca3a31;font-family:copperplate-gothic-reg;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.56px}.card-datatable .dataTables_wrapper td .status .dot{width:6px;height:6px;flex-direction:column;border-radius:12px;background:#ca3a31}.card-datatable .dataTables_wrapper td .status.done{border-radius:5px;background:#5cba8a1a;color:#295e4880}.card-datatable .dataTables_wrapper td .status.delivered .dot,.card-datatable .dataTables_wrapper td .status.active .dot{background:#295e48}.card-datatable .dataTables_wrapper td .status.delivered,.card-datatable .dataTables_wrapper td .status.active{background:#5cba8a33;color:#295e48}.card-datatable .dataTables_wrapper td .status.shipped .dot{background:#957774}.card-datatable .dataTables_wrapper td .status.shipped{color:#957774;background:#cfc1c033}.card-datatable .dataTables_wrapper td .action-btn{margin:0 auto;cursor:pointer;display:flex;padding:4px 6px;justify-content:center;align-items:center;gap:2px;border-radius:5px;background:#f6f5f8;color:#6c6b6b;font-family:copperplate-gothic-reg;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.56px}.card-datatable .dataTables_wrapper td .action-btn a{color:#6c6b6b}.card-datatable .dataTables_wrapper td .action-btn.add-poin{border-radius:5px;background:#af80b81a;color:#af80b8}.card-datatable .dataTables_wrapper td .action-btn{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card-datatable .dataTables_wrapper td .action-btn:hover{transform:scale(1.02);cursor:pointer}.card-datatable .dataTables_wrapper td .link{cursor:pointer;color:#715482;font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.card-datatable .dataTables_wrapper .bottom{display:flex;border-bottom:1px solid var(--Light-200, #E3E3E3);background:#f6f5f8;height:60px;padding:10px 15px;justify-content:space-between;align-items:center;align-self:stretch}.card-datatable .dataTables_length{color:#171717;font-family:copperplate-gothic-reg;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.card-datatable .dataTables_length select{border:none;background:transparent}.card-datatable .dataTables_info{padding-top:0!important;color:var(--Base-Dark, #171717);font-family:copperplate-gothic-reg;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.card-datatable .dataTables_paginate{display:flex;align-items:center;height:24px}.card-datatable .dataTables_paginate .paginate_button{height:24px;display:flex;align-items:center;color:var(--Base-White, #FFF);font-family:copperplate-gothic-reg;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.card-datatable .dataTables_paginate .paginate_button.first,.card-datatable .dataTables_paginate .paginate_button.last,.card-datatable .dataTables_paginate .paginate_button.previous,.card-datatable .dataTables_paginate .paginate_button.next{width:auto!important;padding:0 8px!important}.card-datatable .dataTables_paginate .paginate_button.first .page-link,.card-datatable .dataTables_paginate .paginate_button.last .page-link,.card-datatable .dataTables_paginate .paginate_button.previous .page-link,.card-datatable .dataTables_paginate .paginate_button.next .page-link{height:24px;display:flex;align-items:center;gap:8px;background-color:#fff}.card-datatable .dataTables_paginate .paginate_button .active>.page-link,.card-datatable .dataTables_paginate .paginate_button .page-link.active{background-color:#af80b8}.card-datatable .dataTables_paginate .paginate_button:not(.first):not(.last):not(.previous):not(.next){width:24px;height:24px;padding:0!important;justify-content:center}.card-datatable .dataTables_paginate .paginate_button:not(.first):not(.last):not(.previous):not(.next) .page-link{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.card-datatable .dataTables_paginate .paginate_button:not(.first):not(.last):not(.previous):not(.next) .page-link.active{background-color:#af80b8}.card-datatable .dataTables_paginate .active>.page-link,.card-datatable .dataTables_paginate .page-link.active{background-color:#af80b8!important;border:1px solid #AF80B8!important}.status{width:fit-content;display:flex;height:25px;padding:4px 10px;justify-content:center;align-items:center;gap:3px;flex-shrink:0;border-radius:90000px;background:#fcf2f2;color:#ca3a31;font-family:copperplate-gothic-reg;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.56px}.status .dot{width:6px;height:6px;flex-direction:column;border-radius:12px;background:#ca3a31}.status.done{border-radius:5px;background:#5cba8a1a;color:#295e4880}.status.delivered .dot,.status.active .dot{background:#295e48}.status.delivered,.status.active{background:#5cba8a33;color:#295e48}.status.shipped .dot{background:#957774}.status.shipped{color:#957774;background:#cfc1c033}.wrapper-main{position:relative;height:100vh;margin-left:280px;display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;transition:ease 20ms}.wrapper-main .gap-24{gap:24px}.wrapper-main .content{background:#f8f8f8;height:100%;display:flex;align-self:stretch;padding:30px 20px;flex-direction:column;align-items:flex-start;overflow-y:scroll}.wrapper-main .nav-tabs{display:flex;flex-direction:row;flex-wrap:nowrap}.wrapper-main .nav-tabs .nav-link{display:flex;align-items:center;gap:10px;justify-content:center;width:100%;margin-bottom:unset;border:none;border-top-left-radius:.25rem;border-top-right-radius:.25r;background-color:transparent;border-radius:0;padding:12px 20px;color:#6c6b6b;text-align:center;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:500;line-height:normal;border-bottom:1px solid transparent}.wrapper-main .nav-tabs .nav-link .icon-active{display:none}.wrapper-main .nav-tabs .nav-link.active{background-color:transparent;border-bottom:#715482 1px solid;color:#715482;text-align:center;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:500;line-height:normal}.wrapper-main .nav-tabs .nav-link.active .icon-active{display:flex}.wrapper-main .nav-tabs .nav-link.active .icon-inactive{display:none}.wrapper-main .bg-wrapper{display:flex;padding:24px;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch;border-radius:12px;background:#fff}.wrapper-main .bg-wrapper.h-fit-content{height:fit-content}.wrapper-main .bg-wrapper .title{color:#000;font-family:copperplate-gothic-bold;font-size:18px;font-weight:400;line-height:normal;margin-bottom:5px}.wrapper-main .bg-wrapper .sub-title{color:#686868b3;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.16px;text-transform:capitalize;margin-bottom:0}.wrapper-main .bg-wrapper .form-group{display:flex;gap:12px}.wrapper-main .card-datatable{display:flex;padding:30px 24px 24px;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch;border-radius:12px;background:#fff}.wrapper-main .card-datatable .title{color:#000;font-family:copperplate-gothic-bold;font-size:18px;font-weight:400;line-height:normal;margin-bottom:5px}.wrapper-main .card-datatable .sub-title{color:#686868b3;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.16px;text-transform:capitalize;margin-bottom:0}.wrapper-main .card-datatable .form-group{display:flex;gap:12px}.wrapper-main button{display:flex;height:55px;padding:4px 15px;justify-content:center;align-items:center;gap:10px;border-radius:10px}.wrapper-main button.light{font-family:copperplate-gothic-light!important;font-weight:400;height:44px}.wrapper-main button.primary{background:linear-gradient(90deg,#715482 .13%,#af80b8 81.29%);color:#fff;font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.wrapper-main button.secondary{background-color:transparent;border-radius:10px;border:.5px solid #715482;color:#715482;font-family:copperplate-gothic-light;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.wrapper-main button.with-shadow{box-shadow:0 4px 4px #0000001a}.wrapper-main button{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.wrapper-main button:hover{transform:scale(1.02);cursor:pointer}.p-login{background:linear-gradient(137deg,#715482 1.13%,#af80b8 75.72%);min-height:100vh}.p-login .wrapper{gap:125px}.p-login .login-form{width:595px;display:flex;padding:40px 30px;flex-direction:column;gap:30px;flex:1 0 0;border-radius:20px;background:var(--White, #FFF);box-shadow:0 13px 30px #af80b81a}.p-login .login-form p{font-size:22px;font-style:normal;font-weight:600;line-height:normal;color:#686868}.p-login .login-form p span{color:#715482;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.p-login .login-form .form-check{padding-left:0;display:flex;gap:6px}.p-login .login-form .form-check label{margin-bottom:0;font-size:18px;font-style:normal;font-weight:500;line-height:18px}.p-login .login-form a{text-decoration:underline;color:#715482;font-size:18px;font-style:normal;font-weight:600;line-height:normal;text-decoration-line:underline!important;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.p-login .login-form button{display:flex;padding:15px 0;justify-content:center;align-items:center;gap:15px;align-self:stretch;margin-top:35px;border-radius:10px;background:linear-gradient(90deg,#715482,#af80b8 45%);color:#fff;font-size:18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.p-login .login-form button:hover{transform:scale(1.02);cursor:pointer}.p-login .logo h1{font-size:64px;color:#fff}@media(max-width:1300px){.p-login .wrapper{gap:50px}.p-login .login-form{width:100%;padding:30px 20px}.p-login .logo h1{font-size:48px}}.two-row{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.two-row .bg-wrapper{align-self:stretch}.two-row .form-group .item label{color:#373229;font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.two-row .upload-box{width:100%;height:340px;border:2px dashed #cfcfcf;border-radius:15px;display:flex;justify-content:center;align-items:center;background:#fff;cursor:pointer;overflow:hidden;position:relative}.two-row .upload-box span{color:#373229;text-align:center;font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.two-row .format{color:#9f9f9f;font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.two-row .upload-placeholder{text-align:center;color:#444}.two-row .upload-placeholder .upload-icon{width:50px;opacity:.6;margin-bottom:8px}.two-row .preview-image{width:100%;height:100%;object-fit:contain}.two-row .choice-box label{color:#373229;font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:8px}.two-row .choice-box .choice-wrapper{display:flex;gap:10px}.two-row .choice-box .item{cursor:pointer;display:flex;padding:10px 15px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;flex:1 0 0;border-radius:10px;box-shadow:0 -2px 80px #ececf914,0 -.25px 10.017px #ececf90a;color:#373229;font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal;position:relative;border:.5px solid transparent;background:#f6f5f8}.two-row .choice-box .item:before{content:"";position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6.36665 11.9996L2.56665 8.19958L3.51665 7.24958L6.36665 10.0996L12.4833 3.98291L13.4333 4.93291L6.36665 11.9996Z" fill="%23295E48" fill-opacity="0.5"/></svg>');background-size:20px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;right:10px;opacity:0;transition:.3ms}.two-row .choice-box .item.active{border-radius:10px;border:.5px solid #715482;background:#f6f5f8;box-shadow:0 -2px 80px #ececf914,0 -.25px 10.017px #ececf90a}.two-row .choice-box .item.active:before{content:"";position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6.36665 11.9996L2.56665 8.19958L3.51665 7.24958L6.36665 10.0996L12.4833 3.98291L13.4333 4.93291L6.36665 11.9996Z" fill="%23295E48" fill-opacity="0.5"/></svg>');background-size:20px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;right:10px;opacity:1}.btn-wrapper button{height:50px}.detail-wrapper{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;gap:15px;flex:1 0 0}.detail-wrapper .item-box{align-self:stretch;display:flex;align-items:flex-start;gap:15px}.detail-wrapper .item{display:flex;flex-direction:column;padding-bottom:10px;align-items:start;gap:8px;flex:1 0 0;align-self:stretch;border-bottom:.5px dashed rgba(194,186,206,.47)}.detail-wrapper .item p{color:#575757;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.detail-wrapper .item p.value{color:#686868b3;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.16px;text-transform:capitalize}.detail-wrapper .item p.badge{display:flex;height:25px;padding:4px 10px;justify-content:center;align-items:center;gap:3px;border-radius:90000px;background:#fefbed;color:#cc7c2e;font-family:copperplate-gothic-reg;font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.64px}.detail-wrapper ul li,.detail-wrapper ol li{color:#686868b3;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:300;line-height:25px;letter-spacing:-.16px;text-transform:capitalize}.with-image{width:100%;display:grid;gap:30px;grid-template-columns:356px auto}.with-image img{width:100%;height:auto;object-fit:contain;border-radius:7.799px}.with-image.profile{grid-template-columns:204px auto}.with-image.profile img{width:100%;height:204px;border-radius:5px}.timeline{position:relative}.timeline-group{position:relative;padding-bottom:10px}.timeline-group:after{content:"";position:absolute;left:7px;top:20px;width:2px;height:calc(100% - 20px);background:#d9d9d9}.timeline-group:last-child:after{display:none}.timeline-date{display:flex;align-items:center;margin-bottom:20px;color:#686868;font-family:copperplate-gothic-reg;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.42px;text-transform:capitalize}.timeline-date .dot{margin-right:15px}.timeline-items{margin-left:30px}.timeline-items .item-card{background:#fafafa;padding:10px 15px;border-radius:8px;border:1px solid #eee;margin-bottom:15px}.timeline-items .item-card p{color:#686868;font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:6px}.timeline-items .item-card p span{color:#ca3a31}.timeline-items .item-card p.note{color:#000;margin-bottom:0;font-weight:500}.timeline-items .item-card .item-profile{display:flex;align-items:center;gap:8px;margin-top:10px}.timeline-items .item-card .item-profile img{width:24px;height:24px;border-radius:50%}.timeline-items .item-card .item-profile span{color:#686868;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.14px;text-transform:capitalize}.nav-bottom{width:100%;position:fixed;bottom:0;display:flex;padding:24px 36px;justify-content:space-between;align-items:center;border-top:.5px solid rgba(194,186,206,.7);background:#fff;z-index:2}.nav-bottom .nav-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#c2baceb3;font-family:copperplate-gothic-light;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}@media screen and (max-width:365px){.nav-bottom .nav-item{font-size:12px}.nav-bottom .nav-item svg{width:18px;height:18px}}.nav-bottom .nav-item.active{color:#715482;font-family:copperplate-gothic-bold}@media screen and (min-width:700px){.nav-bottom{background:#fff;display:flex;padding:24px 36px;justify-content:center;align-items:center;gap:80px;align-self:stretch}}@media screen and (min-width:1029px){.nav-bottom{top:0;bottom:unset;position:unset;justify-content:space-around;border-radius:6px;background:#fff;box-shadow:0 4px 4px #0000000d}.nav-bottom .nav-item{flex-direction:row;font-size:18px}}.customer-form-group{align-self:stretch}.customer-form-group.gap-15{gap:15px}.customer-form-group .item{display:flex;flex-direction:column;align-self:stretch;position:relative}.customer-form-group .item.code-inputs{flex-direction:row;justify-content:space-between;gap:15px}.customer-form-group .item.code-inputs input{height:70px;color:#000;text-align:center;font-family:copperplate-gothic-bold;font-size:22px;font-style:normal;font-weight:400;line-height:normal}.customer-form-group .icon-prefix{position:absolute;top:50%;left:15px;transform:translateY(-50%)}.customer-form-group label{color:#686868;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:6px}.customer-form-group label span{color:#ca3a31}.customer-form-group input[type=search]{background:#fff}.customer-form-group input{width:100%;display:flex;height:50px;padding:7.037px 10.556px;align-items:center;gap:10px;align-self:stretch;font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal;border:none;color:#715482}.customer-form-group input.prefix-icon{padding-left:40px}.customer-form-group input.prefix-icon.country-code{padding-left:60px}.customer-form-group input::placeholder{color:var(--Gray-500, #9F9F9F)}.customer-form-group input{border-radius:7.037px;background:#f6f5f8;box-shadow:0 -1.407px 56.296px #ececf914,0 -.176px 7.049px #ececf90a}.customer-form-group input:focus{outline:none;border:.75px solid #715482}.customer-form-group input[type=date]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M12.5625 2.67V1.5C12.5625 1.1925 12.3075 0.9375 12 0.9375C11.6925 0.9375 11.4375 1.1925 11.4375 1.5V2.625H6.56255V1.5C6.56255 1.1925 6.30755 0.9375 6.00005 0.9375C5.69255 0.9375 5.43755 1.1925 5.43755 1.5V2.67C3.41255 2.8575 2.43005 4.065 2.28005 5.8575C2.26505 6.075 2.44505 6.255 2.65505 6.255H15.345C15.5625 6.255 15.7425 6.0675 15.72 5.8575C15.57 4.065 14.5875 2.8575 12.5625 2.67Z" fill="%23715482"/><path d="M15 7.38H3C2.5875 7.38 2.25 7.7175 2.25 8.13V12.75C2.25 15 3.375 16.5 6 16.5H12C14.625 16.5 15.75 15 15.75 12.75V8.13C15.75 7.7175 15.4125 7.38 15 7.38ZM6.9075 13.6575C6.8325 13.725 6.75 13.7775 6.66 13.815C6.57 13.8525 6.4725 13.875 6.375 13.875C6.2775 13.875 6.18 13.8525 6.09 13.815C6 13.7775 5.9175 13.725 5.8425 13.6575C5.7075 13.515 5.625 13.32 5.625 13.125C5.625 12.93 5.7075 12.735 5.8425 12.5925C5.9175 12.525 6 12.4725 6.09 12.435C6.27 12.36 6.48 12.36 6.66 12.435C6.75 12.4725 6.8325 12.525 6.9075 12.5925C7.0425 12.735 7.125 12.93 7.125 13.125C7.125 13.32 7.0425 13.515 6.9075 13.6575ZM7.065 10.785C7.0275 10.875 6.975 10.9575 6.9075 11.0325C6.8325 11.1 6.75 11.1525 6.66 11.19C6.57 11.2275 6.4725 11.25 6.375 11.25C6.2775 11.25 6.18 11.2275 6.09 11.19C6 11.1525 5.9175 11.1 5.8425 11.0325C5.775 10.9575 5.7225 10.875 5.685 10.785C5.6475 10.695 5.625 10.5975 5.625 10.5C5.625 10.4025 5.6475 10.305 5.685 10.215C5.7225 10.125 5.775 10.0425 5.8425 9.9675C5.9175 9.9 6 9.8475 6.09 9.81C6.27 9.735 6.48 9.735 6.66 9.81C6.75 9.8475 6.8325 9.9 6.9075 9.9675C6.975 10.0425 7.0275 10.125 7.065 10.215C7.1025 10.305 7.125 10.4025 7.125 10.5C7.125 10.5975 7.1025 10.695 7.065 10.785ZM9.5325 11.0325C9.4575 11.1 9.375 11.1525 9.285 11.19C9.195 11.2275 9.0975 11.25 9 11.25C8.9025 11.25 8.805 11.2275 8.715 11.19C8.625 11.1525 8.5425 11.1 8.4675 11.0325C8.3325 10.89 8.25 10.695 8.25 10.5C8.25 10.305 8.3325 10.11 8.4675 9.9675C8.5425 9.9 8.625 9.8475 8.715 9.81C8.895 9.7275 9.105 9.7275 9.285 9.81C9.375 9.8475 9.4575 9.9 9.5325 9.9675C9.6675 10.11 9.75 10.305 9.75 10.5C9.75 10.695 9.6675 10.89 9.5325 11.0325Z" fill="%23715482"/></svg>');width:22px;height:22px;position:absolute;right:12px;top:50%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.customer-form-group select.country-code{background-color:transparent;top:unset;bottom:-24px;height:50px;left:0;border:none;color:#715482;font-size:16px}.customer-form-group select.country-code:focus{outline:none;border:none}.customer-form-group .icon-suffix{position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer}.customer-form-group button{width:100%;display:flex;height:44px;padding:10.556px 0;justify-content:center;align-items:center;gap:10.556px;align-self:stretch;border-radius:10px;background:linear-gradient(90deg,#715482,#af80b8 68.11%);color:#fff;text-align:center;font-family:copperplate-gothic-bold;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.customer-form-group button.secondary{background:#fff;color:#715482;border:1px solid #715482}.customer-form-group .checkbox-box{display:flex;padding:14px 10.556px;align-items:center;gap:7.037px;flex:1 0 0;align-self:stretch;border-radius:7.037px;background:#f6f5f8;box-shadow:0 -1.407px 56.296px #ececf914,0 -.176px 7.049px #ececf90a}.customer-form-group .checkbox-box input[type=radio]{margin-top:3px;width:16px;height:16px;border-radius:4px;border:none;background:#fff;accent-color:#715482;border:.5px solid #715482}.customer-form-group .checkbox-box label{margin-bottom:0}.checkbox-wrapper{width:100%;display:flex;align-self:center;gap:6px}.checkbox-wrapper input{position:relative;width:16px;height:16px;margin-top:2px}.checkbox-wrapper input:checked{background-color:none;border:none}.checkbox-wrapper input:checked:before{content:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="3.55556" fill="url(%23paint0_linear_34_4090)"/><path d="M11.7333 5.43335L6.59994 10.5667L4.2666 8.23335" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_34_4090" x1="8" y1="0" x2="8" y2="16" gradientUnits="userSpaceOnUse"><stop stop-color="%23715482"/><stop offset="1" stop-color="%23AF80B8"/></linearGradient></defs></svg>');position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px}.checkbox-wrapper label{color:#686868;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.checkbox-wrapper label a{font-weight:700;color:#715482}.upload-box-wrapper{margin-bottom:16px}.upload-box-wrapper .label-upload{color:#686868;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:6px}.upload-box-wrapper .label-upload span{color:#ca3a31}.upload-box-wrapper .upload-box{display:flex;padding:12px 10.556px;align-items:center;justify-content:space-between;gap:7.037px;align-self:stretch;border-radius:7.037px;background:#f6f5f8;box-shadow:0 -1.407px 56.296px #ececf914,0 -.176px 7.049px #ececf90a}.upload-box-wrapper .upload-box span{color:#686868;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.upload-box-wrapper .upload-box .upload-btn{cursor:pointer}.upload-box-wrapper .upload-box .upload-btn .upload-icon{font-size:20px;color:#7d4eac}.upload-box-wrapper .uploaded-list{overflow:auto;width:100%;display:flex;gap:10px;margin-top:10px}.upload-box-wrapper .uploaded-list .upload-item{width:100%;display:flex;padding:12px 7.04px;align-items:center;justify-content:space-between;gap:5px;flex:1 0 0;border-radius:7.037px;background:#f6f5f8;box-shadow:0 -1.407px 56.296px #ececf914,0 -.176px 7.049px #ececf90a}.upload-box-wrapper .uploaded-list .upload-item .icon{color:#7d4eac}.upload-box-wrapper .uploaded-list .upload-item .name{max-width:120px;white-space:nowrap;overflow:hidden;color:#686868;text-overflow:ellipsis;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.upload-box-wrapper .uploaded-list .upload-item .delete{color:red;cursor:pointer;font-weight:700}@media screen and (min-width:1029px){.customer-form-group .item input{font-size:18px}}.customer-card{display:flex;padding-bottom:10px;justify-content:start;align-items:center;gap:10px;align-self:stretch;border-bottom:1px solid #F6F5F8;background:#fff}.customer-card.no-border{border-bottom:none;display:flex;padding:10px 15px;align-items:center;gap:16px;align-self:stretch;border-radius:10px;background:#fff}.customer-card .flex-1{flex:1 0 0}.customer-card .gap-8{gap:8px}.customer-card .img-box{display:flex;padding:4.038px;justify-content:center;align-items:center;gap:2.491px;border-radius:7.212px;background:#f6f5f8;box-shadow:0 -.498px 19.93px #ececf914,0 -.062px 2.496px #ececf90a}.customer-card .img-box img{height:100%;width:100%}.customer-card img.platform-icon{width:10px;height:10px;aspect-ratio:1/1}.customer-card span{gap:8px;display:flex;align-items:center;color:#9f9f9f;font-family:copperplate-gothic-reg;font-size:11px;font-style:normal;font-weight:500;line-height:normal}.customer-card span.point{color:#295e48;font-family:copperplate-gothic-bold;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.48px}.customer-card h6{max-width:200px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:#373229;text-overflow:ellipsis;font-family:copperplate-gothic-bold;font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}@media screen and (min-width:1029px){.customer-card{padding:13.158px 19.737px}.customer-card .img-box{height:76px;width:76px}.customer-card span{font-size:14.474px}.customer-card span.point,.customer-card h6{font-size:15.789px}}.reward-card{background:#fff;border-radius:5px 5px 0 0;margin-bottom:12px}.reward-card .gap-12{gap:12px}.reward-card .img-box{position:relative;display:flex;width:96px;height:90px;flex-direction:column;align-items:flex-start;gap:8.408px;border-radius:10.606px 0 0 10.606px}.reward-card .img-box .bullet-wrapper{position:absolute;bottom:10px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.reward-card .img-box .bullet-wrapper .bullet{display:flex;width:15px;height:15px;padding:10px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:900000px;background:#f8f8f8}.reward-card .text-box{flex:1 0 0;position:relative;display:flex;flex-direction:column;justify-content:center}.reward-card .text-box .bullet-wrapper-outside{right:-20px;position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.reward-card .text-box .bullet-wrapper-outside .bullet{display:flex;width:15px;height:15px;padding:10px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:900000px;background:#f8f8f8}.reward-card .text-box h6{color:#373229;font-family:copperplate-gothic-bold;font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-transform:capitalize}.reward-card .text-box p{color:#af80b8;font-family:copperplate-gothic-bold;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.24px}.reward-card .bottom{display:flex;padding:8px 10px;align-items:center;justify-content:space-between;gap:6px;flex:1 0 0;border-radius:0 0 5px 5px;background:#fff}.reward-card .bottom span{color:#c2bace;font-family:copperplate-gothic-reg;font-size:11px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.22px}.reward-card .bottom span.expired{color:#715482}.reward-card .bottom span.claimed{color:#71548280;text-align:center;font-family:copperplate-gothic-light;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.6px}@media screen and (min-width:1029px){.reward-card .text-box h6,.reward-card .text-box p{font-size:15.789px}.reward-card .bottom span{font-size:14.474px}.reward-card .bottom span.claimed{font-size:15.789px}}#content-area{height:100dvh;overflow:auto;background:#f8f8f8}#content-area.bg-white{background:#fff}.customer-container{padding-bottom:100px}.customer-container.bg-grey{background:#f8f8f8}.customer-container .nav-tabs{display:flex;flex-direction:row;flex-wrap:nowrap}.customer-container .nav-tabs .nav-link{display:flex;align-items:center;gap:10px;justify-content:center;width:100%;margin-bottom:unset;border:none;border-top-left-radius:.25rem;border-top-right-radius:.25r;background-color:transparent;border-radius:0;padding:12px 20px;color:#6c6b6b;text-align:center;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:500;line-height:normal;border-bottom:1px solid transparent}.customer-container .nav-tabs .nav-link .icon-active{display:none}.customer-container .nav-tabs .nav-link.active{background-color:transparent;border-bottom:#715482 1px solid;color:#715482;text-align:center;font-family:"HvDTrial Niveau Serif";font-size:16px;font-style:normal;font-weight:500;line-height:normal}.customer-container .nav-tabs .nav-link.active .icon-active{display:flex}.customer-container .nav-tabs .nav-link.active .icon-inactive{display:none}@media screen and (min-width:1029px){.customer-container .nav-tabs .nav-link,.customer-container .nav-tabs .nav-link.active{font-size:18px}}.content{padding:36px 30px;display:flex;flex-direction:column}.content h3{color:#000;font-family:copperplate-gothic-bold;font-size:22px;font-style:normal;font-weight:400;line-height:normal}.content p{color:#9f9f9f;font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.content p.fs-16{font-size:16px}.content p.text-center{text-align:center}.content h6.section-title{color:#000;text-align:center;font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.content h6.purple{color:#715482;text-align:center;font-family:copperplate-gothic-bold;font-size:16px;font-style:normal;font-weight:400;line-height:18px;text-transform:capitalize}.content a.link-all{color:#715482;font-family:copperplate-gothic-reg;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.content .inner-wrapper{display:flex;padding:28.148px 21.111px;flex-direction:column;align-items:center;gap:21.111px;align-self:stretch;border-radius:14.074px;background:#f6f5f8}.content .inner-wrapper h6{overflow:hidden;color:#373229;text-overflow:ellipsis;font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch}.content .inner-wrapper p{color:#9f9f9f;font-feature-settings:"liga" off,"clig" off;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.content .mt-40{margin-top:40px}.content .mt-154{margin-top:154px}.content .mt-88{margin-top:88px}.content .p-20{padding:0 20px}.content .pall-20{padding:20px}.content .top-header{height:309px;background:linear-gradient(90deg,#715482 .06%,#af80b8 99.93%);padding:0 23px}.content .top-header.h-fit-content{height:fit-content;padding-bottom:20px}.content .top-header.h-173{height:173px}.content .top-header .customer-header{padding:20px 0}.content .top-header span.title{color:#fffc;font-family:Darker Grotesque;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.content .top-header p.value{color:#fff;font-family:copperplate-gothic-bold;font-size:18px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}.content .top-header .top-card{position:relative;margin-top:25px;padding:20px 0 0;overflow:hidden}.content .top-header .top-card .vector-1{top:-20px;position:absolute;left:-34px;width:147px;height:140px}.content .top-header .top-card .vector-2{position:absolute;right:-20px;bottom:-23px;width:147px;height:140px}.content .top-header .top-card.reward{padding:15px 21.111px;gap:10px}.content .top-header .top-card.reward span{color:#715482b3;text-align:right;font-family:copperplate-gothic-reg;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.content .top-header .top-card.profile{display:flex;padding:10px 15px;align-items:center;gap:16px;border-radius:10px}.content .top-header .top-card.profile .img-box{position:relative;width:80px;height:80px;border-radius:288px;border:.5px solid rgba(194,186,206,.7)}.content .top-header .top-card.profile .img-box img.profile-img{height:100%;width:100%;border-radius:288px}.content .top-header .top-card.profile .edit{position:absolute;bottom:0;right:0;width:24px;height:24px}.content .top-header .top-card.profile h6{color:#af80b8;font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.content .top-header .top-card.profile h6 span{font-family:copperplate-gothic-reg;color:#373229}.content .top-header .top-card.profile p{color:#9f9f9f;text-align:right;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.content .top-header .top-card{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:14.074px;background:#fff;box-shadow:0 9.148px 21.111px #af80b81a}.content .top-header .top-card .p-21{padding:0 21px}.content .top-header .top-card p{text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.content .top-header .top-card p.text-start{text-align:left}.content .top-header .top-card p.points{color:#715482;font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.content .top-header .top-card h6.value{color:#000;font-family:copperplate-gothic-bold;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.content .top-header .top-card span.membership{display:flex;align-items:center;gap:5px;color:#373229;text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:copperplate-gothic-bold;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.content .top-header .top-card .bottom-card{position:relative;z-index:2;display:flex;height:33px;padding:7.037px 20px 7.037px 30px;align-items:center;justify-content:space-between;gap:7.037px;align-self:stretch;border-radius:0 0 14.07px 14.07px;background:linear-gradient(90deg,#715482,#af80b8);box-shadow:0 -1.407px 56.296px #ececf914,0 -.176px 7.049px #ececf90a}.content .top-header .top-card .bottom-card.white{border-radius:0 0 14.07px 14.07px;border-top:1px solid rgba(194,186,206,.2);background:#fff;box-shadow:0 -1.407px 56.296px #ececf914,0 -.176px 7.049px #ececf90a}.content .top-header .top-card .bottom-card.white p{color:#715482;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:normal;font-family:copperplate-gothic-bold}.content .top-header .top-card .bottom-card p{display:flex;align-items:center;color:#fffc;font-family:copperplate-gothic-light;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.content .top-header .top-card .bottom-card p span{font-family:copperplate-gothic-bold}.content .transaction-wrapper{border-radius:10px;background:#fff;display:flex;padding:15px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;align-self:stretch;gap:15px}.content .transaction-wrapper.bg-transparent{background:transparent}.content .membershipSwiper{position:relative}.content .membershipSwiper .middle-pagination{z-index:2;position:absolute;top:26.5%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:6px}.content .membershipSwiper .middle-pagination .swiper-pagination{display:flex}.content .membershipSwiper .middle-pagination .swiper-pagination-bullet{width:100%;height:6px;background:#d6d6d6;border-radius:4px;opacity:1;margin:0 4px!important}.content .membershipSwiper .middle-pagination .swiper-pagination-bullet-active{background:#957774;width:100%}.content .membership-card{overflow:hidden;position:relative;display:flex;padding:15px 30px;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;flex:1 0 0;align-self:stretch}.content .membership-card .vector-1{width:131px;height:125px;position:absolute;left:-61px;top:-12px}.content .membership-card .vector-2{width:131px;height:125px;position:absolute;right:-25px;bottom:-37.558px}.content .membership-card .vector-3{position:absolute;left:0;bottom:0}.content .membership-card .vector-4{position:absolute;right:0;top:0}.content .membership-card,.content .membership-card.silver{border-radius:10px;background:linear-gradient(180deg,#f2f2f2,#ececec)}.content .membership-card.silver h4{color:#000}.content .membership-card.silver span{color:#715482}.content .membership-card.gold{border-radius:10px;background:linear-gradient(180deg,#946218,#b8860b99)}.content .membership-card.black{border-radius:10px;background:linear-gradient(180deg,#373229,#000)}.content .membership-card.black h3,.content .membership-card.black h3 span,.content .membership-card.black p{color:#fff}.content .membership-card .icon-box{position:relative;z-index:2;border-radius:900000px;background:#fff;display:flex;align-items:center;justify-content:center;width:40px;height:40px;box-shadow:0 4px 4px #af80b81a}.content .membership-card span{color:#fff;text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.content .membership-card h4{color:#fff;text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:copperplate-gothic-bold;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.content .membership-card p{color:#373229;text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:copperplate-gothic-light;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.content .membership-card h3{color:#000;text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:copperplate-gothic-bold;font-size:24px;font-style:normal;font-weight:400;line-height:normal}.content .membership-card h3 span{color:#000;font-size:14px}.content .profile-action .item{cursor:pointer;border-radius:10px;background:#fff;display:flex;padding:10px 15px;align-items:center;align-self:stretch;gap:4px}.content .profile-action .item .flex-1{flex:1 0 0}.content .profile-action .item .img-box{margin-right:5px;width:32px;height:32px;border-radius:8px;background:#f6f5f8;display:flex;align-items:center;justify-content:center}.content .profile-action .item span{color:#9f9f9f;text-align:right;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.content .profile-action .item p{overflow:hidden;color:#373229;text-overflow:ellipsis;font-family:copperplate-gothic-reg;font-size:12px;font-style:normal;font-weight:500;line-height:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;margin-bottom:0}@media screen and (min-width:700px){.content{padding:36px 100px}.content.login{padding:100px 100px 36px}.content .top-header{padding:0 60px}.content .p-20{padding:0 60px 36px}.content .pall-20{padding:30px 60px}}@media screen and (min-width:1029px){.content{padding:36px 100px}.content.login{padding:100px 100px 36px}.content .top-header{padding:0 125px;height:216px}.content .p-20{padding:0 125px 36px}.content .pall-20{padding:30px 125px}.content .top-header .top-card p,.content .top-header .top-card span.membership{font-size:18px}.content .top-header .top-card p.points{font-size:22px}.content .top-header .top-card h6.value{font-size:24px}.content .top-header .top-card.mt-lg-5{margin-top:80px!important}.content .top-header .top-card.mt-lg-6{margin-top:100px!important}.content .top-header .top-card .bottom-card{padding:12px 10.556px}.content .top-header .top-card .bottom-card.white p,.content .top-header .top-card .bottom-card p{font-size:16px}.content .top-header .top-card.profile .img-box{width:100px;height:100px}.content .top-header .top-card.profile h6,.content .top-header .top-card.profile p{font-size:20.588px}.content .profile-action .item span,.content .profile-action .item p{font-size:14px}}.button-wrapper-customer{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:15px 30px 30px;box-shadow:0 -4px 6px #0000001a}.login-wrapper{width:100%;height:100%;padding:36px 30px;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:25px}.login-wrapper.login{padding:100px 30px 36px}.login-wrapper h3{color:#000;font-family:copperplate-gothic-bold;font-size:22px;font-style:normal;font-weight:400;line-height:normal}.login-wrapper p{color:#9f9f9f;font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.login-wrapper .purple{color:#715482;font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.login-wrapper .link{color:#9f9f9f;font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.login-wrapper .link a{color:#715482;font-family:Darker Grotesque;font-size:18px;font-style:normal;font-weight:700;line-height:normal;text-decoration-line:underline!important;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.login-wrapper .account-wrapper{display:flex;flex-direction:column;gap:15px}.login-wrapper .account-wrapper button{background:none;display:flex;padding:10px 10.556px;align-items:center;gap:7.037px;align-self:stretch;border-radius:7.037px;border:.5px solid rgba(194,186,206,.7);box-shadow:0 -1.407px 56.296px #ececf914,0 -.176px 7.049px #ececf90a;color:#715482;font-family:copperplate-gothic-bold;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.login-wrapper .account-item{padding:10px 10.556px;align-items:center;gap:7.037px;align-self:stretch;border-radius:7.037px;border:.5px solid rgba(194,186,206,.7);box-shadow:0 -1.407px 56.296px #ececf914,0 -.176px 7.049px #ececf90a}.login-wrapper .center-content{display:flex;height:554px;padding:10px 15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;align-self:stretch}.login-wrapper .center-content h6{color:#715482;text-align:center;font-family:copperplate-gothic-bold;font-size:16px;font-style:normal;font-weight:400;line-height:18px;text-transform:capitalize}.login-wrapper .center-content p{color:#9f9f9f;text-align:center;font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.32px}@media screen and (min-width:700px){.login-wrapper{padding:36px 100px}.login-wrapper.login{justify-content:center;padding:100px 100px 36px}}@media screen and (min-width:700px){.login-wrapper{padding:100px 300px 80px}.login-wrapper.login{width:594.976px}.login-wrapper .top-header{padding:0 60px}.login-wrapper .p-20{padding:0 60px 36px}.login-wrapper .pall-20{padding:30px 60px}}.detail-wrapper-customer img.reward-img{width:100%;border-radius:10px}.detail-wrapper-customer .badge-point{width:fit-content;display:flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:90000px;background:#cfc1c033;color:#957774;font-family:copperplate-gothic-bold;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.48px}.detail-wrapper-customer h5.title{color:#373229;font-family:copperplate-gothic-bold;font-size:16px;font-style:normal;font-weight:400;line-height:22px;text-transform:capitalize;margin-bottom:0}.detail-wrapper-customer h6.title{color:#373229;font-family:copperplate-gothic-bold;font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-transform:capitalize;margin-bottom:0}.detail-wrapper-customer p,.detail-wrapper-customer ol,.detail-wrapper-customer ul,.detail-wrapper-customer li{color:#373229;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.detail-wrapper-customer span{color:#9f9f9f;font-family:Darker Grotesque;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.detail-wrapper-customer span.purple{color:#af80b8;font-weight:700}.detail-wrapper-customer span.cursive{color:#686868;font-family:copperplate-gothic-light;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.detail-wrapper-customer span.cursive-2{color:#373229;font-family:copperplate-gothic-light;font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-transform:capitalize}.detail-wrapper-customer .bg-white{display:flex;padding:10px;flex-direction:column;align-items:start;gap:10px;align-self:stretch;border-radius:10px;background:var(--White, #FFF)}.detail-transaction{display:flex;padding:20px 15px 30px;flex-direction:column;align-items:center;gap:10px;align-self:stretch;border-radius:14.074px;background:var(--White, #FFF)}.detail-transaction span{color:#686868;text-align:center;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.detail-transaction h6{color:#af80b8;text-align:center;font-family:copperplate-gothic-bold;font-size:16px;font-style:normal;font-weight:400;line-height:18px;text-transform:capitalize;margin-bottom:0}.detail-transaction span.title{color:#686868;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:600;line-height:normal}.detail-transaction span.value.bold{color:#295e48;text-align:right;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:600;line-height:normal}.detail-transaction hr.dashed{margin:0;width:100%}.detail-transaction .transaction-item{width:1005;display:flex;align-items:center;gap:10px;align-self:stretch}.detail-transaction .transaction-item h6{text-align:left;overflow:hidden;color:#373229;text-overflow:ellipsis;font-family:copperplate-gothic-bold;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.detail-transaction .transaction-item span{color:#686868;font-family:Darker Grotesque;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.detail-transaction .transaction-item span.bold{color:#295e48;font-family:copperplate-gothic-bold;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.48px}.detail-transaction .transaction-item .flex-1{flex:1 0 0}@media screen and (min-width:700px){.detail-transaction{width:502.635px}.detail-transaction span,.detail-transaction h6,.detail-transaction span.title,.detail-transaction span.value{font-size:20.263px}.detail-transaction span.value.bold{font-size:17.368px}.detail-transaction .transaction-item img{width:52px;height:52px}.detail-transaction .transaction-item h6,.detail-transaction .transaction-item span{font-size:16.211px}}