@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.cdnfonts.com/css/axiforma";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap";*{font-family:Lexend,sans-serif}.m-a{margin:auto!important}button{outline:none;border:none}button:focus{outline:none}a,a:hover{text-decoration:none}:focus{outline:none}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{padding:0 20px}@media (min-width: 576px){.container{max-width:none}}@media (min-width: 700px){.container{padding:0 32px}}@media (min-width: 1240px){.container{padding:0;max-width:1200px}}@media (min-width: 1650px){section>*,main>*{zoom:1.1}}@media (min-width: 1800px){section>*,main>*{zoom:1.25}}.primary-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 20px;gap:5px;min-width:73px;height:38px;background:#FFDF4D;border-radius:8px;white-space:nowrap;color:#000}.primary-button:hover{color:#fff}.primary-button.submit{padding:13px;border-radius:12px;font-weight:600;font-size:14px;line-height:17px;width:100%}.secondary-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 20px;gap:5px;min-width:73px;height:38px;background:#E9E9E9;border-radius:8px;white-space:nowrap;color:#000}.secondary-button:hover{color:#fff}.secondary-button.submit{padding:13px;border-radius:12px;font-weight:600;font-size:14px;line-height:17px;width:100%}.button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:13px 24px;gap:10px;width:156.5px;height:55px;background:white;border:1px solid #AB7A00;color:#ab7a00;font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:23px;text-align:center;border-radius:6px}.button.primary{font-weight:500;font-size:18px;line-height:23px;color:#fff;background:#AB7A00;box-shadow:0 5px 40px #a5a5a58a;border:none}.modal-dialog{margin:auto;position:fixed;left:50%;top:50%;z-index:9999;transform:translate(-50%,-50%)!important}.modal-dialog.modal-sm{max-width:343px}.modal-dialog.modal-md{max-width:481px}.modal-dialog.modal-lg{max-width:592px}.modal-header{align-items:center!important}.modal-header.modal-hapus-header{border-bottom:0;padding:1rem 1rem 0}.modal-content{box-shadow:0 20px 24px -4px #1018281a,0 8px 8px -4px #1018280a;border-radius:12px}.modal-content .modal-body{max-height:550px;overflow-y:scroll}.modal-content .modal-body::-webkit-scrollbar{display:none}.modal-content .riwayat-stok{display:flex;flex-direction:column;gap:15px}.modal-content .riwayat-stok-item{display:flex;justify-content:space-between;align-items:center;padding:10px 31px;border:1px solid #e4e4e4;border-radius:35px;min-width:554px}.modal-content .riwayat-stok-item h1{font-weight:300;font-size:12px;line-height:15px;color:#000}.modal-content .riwayat-stok-item p{font-weight:300;font-size:12px;line-height:15px;color:#8a8383}.modal-content .detail-produk .swiper{background:#e9f2ff}.modal-content .detail-produk .swiper:after{content:"";position:absolute;width:100%;height:100%;background:red;top:0;z-index:2;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,0) 65.33%,rgba(255,255,255,.53) 89.5%)}.modal-content .detail-produk .swiper .swiper-pagination-bullet{width:9px;height:9px;background:#f5f5f5}.modal-content .detail-produk .swiper .swiper-pagination-bullet-active{width:9px;height:9px;background:#3c7dd9}.modal-content .detail-produk .swiper .slider-image{width:467px;background:linear-gradient(180deg,rgba(255,255,255,0) 65.33%,rgba(255,255,255,.53) 89.5%);border-radius:8px;height:347px;display:flex;justify-content:center;align-items:center;position:relative}.modal-content .detail-produk .swiper .slider-image img{position:absolute;bottom:0;left:50%;transform:translate(-50%);margin:auto;width:168px;height:320px}.modal-content .detail-produk .text{margin:21px 0}.modal-content .detail-produk .text h1{color:#000;font-weight:500;font-size:24px;line-height:30px}.modal-content .detail-produk .text h1.deskripsi{font-size:16px}.modal-content .detail-produk .text .deskripsi{font-weight:300;font-size:14px;line-height:18px;color:#8a8383;text-align:justify}.modal-content .detail-produk .text h2{margin-top:10px;font-weight:500;font-size:24px;line-height:30px;color:#dfae1d;display:flex;align-items:end;margin-bottom:0}.modal-content .detail-produk .text h2 .rp{font-size:16px}.modal-content .detail-produk .text h2 .pcs{padding-top:3px;align-self:flex-start;font-weight:300;font-size:14px;line-height:18px;color:#4f5150}.modal-content .detail-produk .text .category-produk{margin-top:21px;display:flex;align-items:center;gap:15px}.modal-content .left-heading{display:flex;flex-direction:column;gap:5px}.modal-content h1{font-weight:500;font-size:16px;line-height:20px;color:#101828}.modal-content h5{margin-bottom:0;font-weight:500;font-size:16px;line-height:20px;color:#000}.modal-content p{font-weight:300;font-size:12px;line-height:15px;color:#4f5150;margin-bottom:0}.modal-content .content{display:flex;flex-direction:column;gap:20px}.modal-content .content.modal-hapus{gap:0}.modal-content .content .form-group{margin-bottom:0}.modal-content .content label{color:#000;font-weight:400;font-size:14px;line-height:18px}.modal-content .content label span{font-weight:400;font-size:14px;line-height:18px;color:#3c7dd9}.modal-content .content img{cursor:pointer;width:100%}.modal-content .content .input{position:relative}.modal-content .content .input input{padding:10px 15px;width:100%;height:50px;background:#ffffff;border:1px solid #e4e4e4;border-radius:8px}.modal-content .content .input input::placeholder{font-weight:300;font-size:14px;line-height:18px;color:#a2a2a2}.modal-content .content .input svg{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.modal-content .content .input svg path{fill:#a2a2a2}.modal-content .content .btn-input-dropdown{background:#f5f5f5!important}.modal-content .content .btn-input-dropdown:hover,.modal-content .content .btn-input-dropdown:active,.modal-content .content .btn-input-dropdown:focus{color:#000!important}.modal-content .content small{font-weight:300;font-size:14px;line-height:18px;text-align:right;color:#ff485a!important;margin-top:5px}.modal-content .title{margin:20px 20px 15px}.modal-content .title h1{color:#000;font-weight:400;font-size:16px;line-height:20px;text-align:center}.modal-content .title h2{font-weight:300;font-size:12px;line-height:15px;text-align:center;color:#a2a2a2;margin-bottom:0}.modal-content .detail{padding:10px 20px}.modal-content .detail .group-1,.modal-content .detail .group-2,.modal-content .detail .group-3,.modal-content .detail .group-4{display:flex;gap:15px;flex-direction:column}.modal-content .detail .group-1 .dot-line,.modal-content .detail .group-2 .dot-line,.modal-content .detail .group-3 .dot-line,.modal-content .detail .group-4 .dot-line{display:block;color:#e4e4e4;padding-top:15px!important}.modal-content .detail .group-1 .dot-line.dot-line-1,.modal-content .detail .group-2 .dot-line.dot-line-1,.modal-content .detail .group-3 .dot-line.dot-line-1,.modal-content .detail .group-4 .dot-line.dot-line-1{padding-top:0!important}.modal-content .detail .item{display:flex;justify-content:space-between;align-items:center}.modal-content .detail .item h3{margin-bottom:0;font-weight:300;font-size:12px;line-height:15px;color:#4f5150}.modal-content .detail .item h3.text-gray{color:#a2a2a2}.modal-content .detail .item p{margin-bottom:0;font-weight:300;font-size:12px;line-height:15px;color:#000}.modal-content .detail .item p.text-gray{color:#a2a2a2}.modal-footer{display:flex;align-items:center;gap:5px;justify-content:start}.modal-footer .form-check-modal-hapus{display:flex;justify-content:start;align-items:center;margin-bottom:10px!important}.modal-footer .form-check-modal-hapus label{font-weight:300;font-size:12px;line-height:15px;color:#4f5150;margin-bottom:0;margin-top:8px}.modal-footer button{padding:10px;height:44px;background:#3c7dd9;border-radius:8px;font-weight:500;font-size:16px;line-height:20px;color:#fff}.modal-footer button.btn-modal-simpan{width:33%}.modal-footer button.btn-modal-batal{color:#3c7dd9;width:62%;border:2px solid #3c7dd9;border-radius:8px;background-color:transparent}.modal-footer button.btn-modal-simpan-sm{width:60%}.modal-footer button.btn-modal-simpan-sm.modal-hapus-btn-hapus{background:#ff485a;border-radius:8px}.modal-footer button.btn-modal-simpan-sm.logout-btn{border-radius:8px;background:#3c7dd9}.modal-footer button.btn-modal-batal-sm{color:#3c7dd9;width:33%;border:2px solid #3c7dd9;border-radius:8px;background-color:transparent}.modal-footer button.btn-modal-batal-sm.modal-hapus-btn-batal{border:2px solid #ff485a;color:#ff485a}.modal-footer button.btn-modal-batal-sm.logout-btn{border:2px solid #3c7dd9;color:#3c7dd9}.filter-group{width:100%}.filter-group.smaller label{margin-bottom:4px}.filter-group.smaller .input-group input,.filter-group.smaller .input-group textarea{min-height:45px}.filter-group label{font-family:Outfit,sans-serif;font-style:normal;font-weight:500;font-size:13px;line-height:20px;letter-spacing:-.04em;color:#00f}.filter-group .input-group{width:100%}.filter-group .input-group-prefix{position:absolute;top:50%;transform:translate(-50%,-50%);left:24px;z-index:9}.filter-group .input-group-prefix+input{padding-left:46px!important}.filter-group .input-group input,.filter-group .input-group textarea{padding:10px 15px;background:#ffffff;border:1px solid #e4e4e4!important;border-radius:8px!important;min-width:100%;min-height:50px}.filter-group .input-group input:focus,.filter-group .input-group input:active,.filter-group .input-group textarea:focus,.filter-group .input-group textarea:active{border:1px solid black!important;box-shadow:none}.filter-group .input-group input::placeholder,.filter-group .input-group textarea::placeholder{font-weight:300;font-size:14px;line-height:18px;color:#a2a2a2}.filter-group .input-group input ::-webkit-input-placeholder,.filter-group .input-group textarea ::-webkit-input-placeholder{font-weight:300;font-size:14px;line-height:18px;color:#a2a2a2}.filter-group .input-group input :-ms-input-placeholder,.filter-group .input-group textarea :-ms-input-placeholder{font-weight:300;font-size:14px;line-height:18px;color:#a2a2a2}.filter-group .input-group input ::placeholder,.filter-group .input-group textarea ::placeholder{font-weight:300;font-size:14px;line-height:18px;color:#a2a2a2}.filter-group .input-group input:focus,.filter-group .input-group input:active,.filter-group .input-group textarea:focus,.filter-group .input-group textarea:active{border:2px solid #3c7dd9!important}.filter-group .input-group-suffix{position:absolute;top:50%;transform:translate(calc(-50% - 8px),-50%);right:0;z-index:9}.filter-group .input-group-suffix svg.disabled{display:none}.filter-group .input-group-suffix svg path{fill:#878585}.filter-group .form-filter{padding:10px 10px 10px 15px;height:48px;font-weight:400;font-size:12px;line-height:15px;color:#c5c1c1;display:flex;width:100%;appearance:none;border:none;background:white;border-radius:6px;border:1px solid #e1e1e1}.filter-group .select-wrapper{position:relative;width:100%}.filter-group .select-wrapper:before{content:"";display:block;position:absolute;background-image:url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.94 0.226685L4 3.28002L7.06 0.226685L8 1.16668L4 5.16668L0 1.16668L0.94 0.226685Z' fill='%23ACA6A6'/%3E%3C/svg%3E%0A");background-size:12px;background-repeat:no-repeat;background-position:center;width:15px;height:15px;top:50%;right:0px;transform:translate(calc(-50% - 8px),-50%)}.form-group{margin-bottom:16px;text-align:left}.form-group label{font-weight:500;font-size:13px;color:#000;margin-bottom:7px}.form-group label span{color:#000}.form-group .form-control{border:1px solid #c0cbe6;border-radius:12px;padding:10px 18px;height:45px;font-weight:400;font-size:13px;color:#878585;appearance:none}.form-group .select-wrapper{position:relative}.form-group .select-wrapper:before{content:"";display:block;position:absolute;background-image:url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.94 0.226685L4 3.28002L7.06 0.226685L8 1.16668L4 5.16668L0 1.16668L0.94 0.226685Z' fill='%23ACA6A6'/%3E%3C/svg%3E%0A");background-size:12px;background-repeat:no-repeat;background-position:center;width:15px;height:15px;top:50%;right:0px;transform:translate(calc(-50% - 8px),-50%)}.form-group .upload-file{width:100%;position:relative}.form-group .upload-file img{width:100%}.form-group .upload-file input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.custom-checkbox .custom-control-input:focus~.custom-control-label:before{box-shadow:none;border-color:#000}.custom-checkbox .custom-control-input:checked~.custom-control-label:before{width:18px;height:18px;background:#000000;border-color:#000}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{width:18px;height:18px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-label{padding-left:2px;font-weight:500;font-size:13px;color:#000;line-height:26px}.c-iklan-card{padding:10px;gap:10px;width:350px;background:#ffffff;border:1px solid #e4e4e4;box-shadow:3px 4px 16px 12px #eccbd126;border-radius:7px}.c-iklan-card .header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.c-iklan-card .header h1{color:#000;font-weight:400;font-size:14px;line-height:18px}.c-iklan-card img{width:100%;height:203px;object-fit:cover;margin:10px 0;overflow:hidden;background:#e9f2ff;border-radius:5px}.c-iklan-card .status-tautan{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.c-iklan-card .status-tautan button{padding:6px 18px;gap:2px;width:124px;height:26px;background:#e9f2ff;border:1px solid #3c7dd9;border-radius:35px;font-weight:300;font-size:12px;line-height:15px;text-align:center;color:#3c7dd9;display:flex;align-items:center;justify-content:center;white-space:nowrap}.sidebar{position:fixed;left:0;top:0;height:100vh;overflow-y:auto;width:250px;border-right:1px solid #e4e4e4;overflow-y:scroll;padding-bottom:50px;background-color:#fff}.sidebar .user-info{position:fixed;bottom:0;display:flex;justify-content:center;align-items:center;width:250px;color:#000;background-color:#e4e4e4;padding:20px;gap:8px}.sidebar .user-info img{width:35px;height:35px}.sidebar .user-info h3{margin-bottom:2px;font-size:14px;font-family:Lexend;font-weight:500;color:#000}.sidebar .user-info h4{margin-bottom:0;color:#4f5150;font-size:12px;font-family:Lexend;font-weight:300}.sidebar .user-info svg{cursor:pointer;margin-left:10px;margin-top:1px}.sidebar .circles{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:left bottom;z-index:-1}.sidebar-wrapper{z-index:2}.sidebar::-webkit-scrollbar{display:none}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar:hover::-webkit-scrollbar-track{background:#f1f1f1}.sidebar::-webkit-scrollbar-thumb{background:transparent}.sidebar:hover::-webkit-scrollbar-thumb{background:#888}.sidebar::-webkit-scrollbar-thumb:hover{background:#555}.sidebar-brand{padding:0 30px;text-align:center}.sidebar-brand .logo-brand{margin-top:18px}.sidebar-nav-group{display:flex;flex-direction:column;gap:16px;margin-top:17px}.sidebar-item{display:block;padding:0 30px}.sidebar-item h3{font-weight:400;font-size:14px;line-height:18px;color:#a2a2a2;margin-bottom:10px}.sidebar-item .sub-menu{list-style-type:none;gap:10px;display:flex;flex-direction:column}.sidebar-item .sub-menu a{width:100%;border-radius:5px;padding:11px 20px;margin-bottom:0;display:flex;align-items:center;gap:15px;font-weight:300;font-size:14px;line-height:18px;color:#4f5150}.sidebar-item .sub-menu a span{padding:2px 5px;width:24px;height:19px;background:#ff485a;border-radius:15px;color:#fff;font-weight:300;font-size:12px;line-height:15px}.sidebar-item .sub-menu a:hover,.sidebar-item .sub-menu a.active{background:#e9f2ff;font-weight:400;color:#3c7dd9}.sidebar-item .sub-menu a:hover svg path,.sidebar-item .sub-menu a.active svg path{stroke:#3c7dd9}@media (min-width: 1600px){.sidebar{width:275px}.sidebar>*{zoom:1.1}}@media (min-width: 1800px){.sidebar{width:312px}.sidebar>*{zoom:1.25}}.header-admin{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:40px 35px;gap:10px;background:white;position:fixed;top:0;width:84%;z-index:999}.header-admin .page-title{display:flex;gap:15px;align-items:center}.header-admin .page-title h4{margin-bottom:0;font-weight:500;font-size:16px;line-height:20px;color:#4f5150}.header-admin .page-title h4 span{color:#000}.header-admin .page-title p{margin:0;font-weight:400;font-size:19px;line-height:24px;color:#b7b7b7}.header-admin .nav-back{display:inline-block;padding:4px;width:32px;height:32px;background:#d9b953;border-radius:8.78049px;background-image:url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.22165 9.11198C4.00733 9.32629 4.00733 9.67376 4.22165 9.88807L7.14848 12.8149C7.36279 13.0292 7.71026 13.0292 7.92457 12.8149C8.13888 12.6006 8.13888 12.2531 7.92457 12.0388L5.93457 10.0488L13.3902 10.0488C13.6933 10.0488 13.939 9.80311 13.939 9.50002C13.939 9.19694 13.6933 8.95124 13.3902 8.95124L5.93457 8.95124L7.92457 6.96124C8.13888 6.74693 8.13888 6.39946 7.92457 6.18515C7.71026 5.97084 7.36279 5.97084 7.14848 6.18515L4.22165 9.11198Z' fill='white'/%3E%3C/svg%3E%0A");background-size:20px;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:all .2s ease-in;margin-right:1rem}.header-admin .nav-back:hover{transform:scale(1.1)}.header-admin .action-row{display:flex;align-items:center;gap:10px}.header-admin .action-row button{padding:10px 30px;font-weight:500;font-size:16px;line-height:20px;width:120px;background:#3c7dd9;border-radius:8px;color:#fff}.header-admin .action-row button.batal{background:transparent;color:#3c7dd9;border:1px solid #3c7dd9}.header-admin .dropdown-menu{padding:0}.header-admin .dropdown-menu .content{padding:16px}.header-admin .dropdown-menu hr{margin:0}.header-admin .dropdown-menu h6{font-weight:700;font-size:12px;line-height:15px;margin-bottom:0}.header-admin .dropdown-menu a{margin-top:14px;display:block;font-weight:600;font-size:12px;line-height:15px}.card-datatable{background:#ffffff;position:relative;border-radius:8px}.card-datatable.stok-produk-datatable .dataTables_wrapper{background-color:#fff;border-bottom:2px solid #E4E4E4}.card-datatable.stok-produk-datatable .dataTables_wrapper .dataTables_paginate ul{border:none}.card-datatable.stok-produk-datatable td{padding:20px 0}.card-datatable h1{font-weight:500;font-size:17px;line-height:20px;color:#414042}.card-datatable img.avatar{display:inline-block;width:30px;height:30px;margin-right:6px;border-radius:6px;object-fit:cover;position:relative}.card-datatable .dataTables_scroll{border-radius:8px}.card-datatable .dataTables_wrapper{padding-bottom:55px;background-color:#f5f5f5}.card-datatable .dataTables_wrapper div{position:static}.card-datatable .dataTables_wrapper .row:nth-child(2){margin-top:-8px}.card-datatable .dataTables_wrapper>.row:nth-child(1),.card-datatable .dataTables_wrapper>.row:nth-child(3){margin:0 20px}.card-datatable .dataTables_wrapper:nth-child(2){margin:0}.card-datatable .dataTables_wrapper:nth-child(2)>div{padding:0}.card-datatable .dataTables_wrapper table{min-width:100%;width:100%!important}.card-datatable .dataTables_wrapper thead{border-top-left-radius:8px;border-top-right-radius:8px;background-color:#f9f9f9}.card-datatable .dataTables_wrapper th{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:25px;font-weight:500;color:#252531;border-radius:1px!important;background-color:#fff;white-space:nowrap;font-weight:400;font-size:12px;line-height:15px;color:#a2a2a2;text-align:center}.card-datatable .dataTables_wrapper th.sorting:before,.card-datatable .dataTables_wrapper th.sorting:after{content:none}.card-datatable .dataTables_wrapper tbody tr{background:white;border-bottom:1px solid #e4e4e4}.card-datatable .dataTables_wrapper tbody tr:nth-child(odd){background:#f5f5f5}.card-datatable .dataTables_wrapper td{white-space:nowrap;font-weight:300;font-size:12px;line-height:15px;color:#4f5150;text-align:center;vertical-align:middle}.card-datatable .dataTables_wrapper td .image{display:inline-block;border-radius:50%;background:linear-gradient(160.75deg,#b1840f 25.85%,#c7ab26 37.53%,#e8d85f 46.2%,#ffca0d 57.12%,#e8d861 66.92%,#e7c239 75.96%,#8a4e00 98.19%),linear-gradient(180deg,#ffffff 23.44%,rgba(250,244,192,0) 100%)}.card-datatable .dataTables_wrapper td .image img{background:white;margin:1px;padding:1px}.card-datatable .dataTables_wrapper td .href{font-family:Poppins,sans-serif;color:#a08727}.card-datatable .dataTables_wrapper td .avatar{display:inline-block;width:30px;height:30px;margin-right:6px;object-fit:cover;position:relative}.card-datatable .dataTables_wrapper td .avatar.avatar-produk{background:#e4e4e4;border-radius:15px;padding:5px}.card-datatable .dataTables_wrapper td .avatar-datamaster{display:inline-block;width:30px;height:30px;margin-right:6px;border-radius:50%;object-fit:contain;position:relative;background:linear-gradient(180deg,#ffffff 23.44%,rgba(250,244,192,0) 100%)}.card-datatable .dataTables_wrapper td .action-btn{width:37px;height:37px;right:20.73px;top:0px;background:transparent;border-radius:10px;background-position:center;background-repeat:no-repeat;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='4' viewBox='0 0 12 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.76547 1.76559H6.23422M5.76547 2.23434H6.23422M1.39047 1.76559H1.85922M1.39047 2.23434H1.85922M10.1405 1.76559H10.6092M10.1405 2.23434H10.6092M6.625 2C6.625 2.34518 6.34518 2.625 6 2.625C5.65482 2.625 5.375 2.34518 5.375 2C5.375 1.65482 5.65482 1.375 6 1.375C6.34518 1.375 6.625 1.65482 6.625 2ZM2.25 2C2.25 2.34518 1.97018 2.625 1.625 2.625C1.27982 2.625 1 2.34518 1 2C1 1.65482 1.27982 1.375 1.625 1.375C1.97018 1.375 2.25 1.65482 2.25 2ZM11 2C11 2.34518 10.7202 2.625 10.375 2.625C10.0298 2.625 9.75 2.34518 9.75 2C9.75 1.65482 10.0298 1.375 10.375 1.375C10.7202 1.375 11 1.65482 11 2Z' stroke='%234F5150' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E%0A");transition:all .2s ease-in}.card-datatable .dataTables_wrapper td .action-btn:hover{transform:scale(1.1)}.card-datatable .dataTables_wrapper td .flag{width:27px;margin-right:9px}.card-datatable .dataTables_wrapper td .status{display:inline;padding:2px 14px;gap:9.86px;font-weight:300;font-size:14px;line-height:20px;margin:auto;border-radius:17px}.card-datatable .dataTables_wrapper td .status.aktif{background:#fafc89;color:#000}.card-datatable .dataTables_wrapper td .status.nonaktif{background:#000000;color:#fff}.card-datatable .dataTables_wrapper td .status.suitable{color:#000;background:#ffdf4c}.card-datatable .dataTables_wrapper td .status.pending{color:#fff;background:#414141}.card-datatable .dataTables_wrapper td .status.rejected{color:#000;background:#ffc6c9}.card-datatable .dataTables_wrapper td .reorder-icon{width:16px;height:16px}.card-datatable .dataTables_wrapper td .icon-button{margin:0 auto;text-align:center;border:none;background:transparent;border-radius:10px;font-size:18px;display:block;height:22px;display:flex;align-items:center;justify-content:center}.card-datatable .dataTables_wrapper td .dropdown{display:flex;justify-content:center;align-items:center;border:none}.card-datatable .dataTables_wrapper td .dropdown-menu{background:#ffffff;box-shadow:0 4.26829px 12.8049px #0003;border-radius:6px;padding:0;min-width:7rem;border:none}.card-datatable .dataTables_wrapper td .dropdown-menu.show{top:-23px!important;left:-40px!important}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item{margin:0;padding:7px 10px;min-height:29px;font-weight:300;font-size:12px;line-height:15px;color:#4f5150}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:hover{background:#e9f2ff;color:#3c7dd9}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:active{color:#878585}.card-datatable .dataTables_wrapper .dataTables_info{font-style:normal;font-weight:300;font-size:12px;line-height:15px;color:#4f5150;padding:0;order:1;position:absolute;margin-top:0;bottom:2px;line-height:30px;height:40px}.card-datatable .dataTables_wrapper .dataTables_length{height:40px;position:absolute;left:24px;bottom:2px;font-weight:400;font-size:13px;line-height:16px;color:#6a5959}.card-datatable .dataTables_wrapper .dataTables_length label{margin-bottom:0}.card-datatable .dataTables_wrapper .dataTables_length select{border:none;box-shadow:none!important;padding-top:0;padding-bottom:0;font-weight:400;font-size:13px;line-height:16px;color:#6a5959}.card-datatable .dataTables_wrapper .dataTables_filter{display:none}.card-datatable .dataTables_wrapper .dataTables_paginate{position:absolute;bottom:12px;right:24px;height:40px}.card-datatable .dataTables_wrapper .dataTables_paginate ul{border:1px solid #e4e4e4;padding:6px}.card-datatable .dataTables_wrapper .dataTables_paginate ul li a{cursor:pointer;font-weight:300;font-size:12px;line-height:15px;color:#000;border:1px solid #e4e4e4;background-color:#fff;margin:0}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous a,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next a{background-color:transparent;border:none;cursor:pointer}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.active a{border:none;background-color:#4f5150;padding:9px 15px;font-weight:300;font-size:12px;line-height:15px;color:#fff}.p-dashboard .dashboard-content-body .cartago-badge{padding:3px 14px 3px 15px;min-width:63px;min-height:21px;border-radius:26px;font-weight:300;font-size:12px;line-height:15px}.p-dashboard .dashboard-content-body .cartago-badge.badge-lunas{background:#E9F2FF;color:#3c7dd9}.p-dashboard .dashboard-content-body .cartago-badge.badge-kasbon{padding:3px 10px;background:#FFECED;color:#ff485a}.c-switch{display:flex;align-items:center;gap:5px}.c-switch h1{font-weight:400;font-size:14px;line-height:18px;color:#ff485a;transition:all .4s ease;margin-bottom:0}.c-switch .switch{display:inline-block;height:14px;margin-bottom:0}.c-switch .switch input{opacity:0;width:0;height:0}.c-switch .switch .slider{position:relative;display:inline-block;width:27px;height:14px;background-color:#ff485a;border-radius:15px;transition:.4s}.c-switch .switch .slider:before{position:absolute;content:"";height:10px;width:10px;top:50%;transform:translateY(-50%);left:3px;background-color:#fff;border-radius:50%;transition:.4s}.c-switch .switch input:checked+.slider{background-color:#3c7dd9}.c-switch .switch input:focus+.slider{box-shadow:0 0 1px #3c7dd9}.c-switch .switch input:checked+.slider:before{left:14px}.c-switch .switch .on{display:none}.c-switch .switch .off{display:inline-block;vertical-align:middle;margin-left:6px}.c-switch .switch input:checked+.slider .on{display:inline-block;vertical-align:middle;margin-left:6px}.c-switch .switch input:checked+.slider .off{display:none}.dropdown{display:flex;justify-content:center;align-items:center;border:none}.dropdown .action-btn{width:37px;height:20px;right:20.73px;top:0px;background:transparent;border-radius:10px;background-position:center;background-repeat:no-repeat;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='4' viewBox='0 0 12 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.76547 1.76559H6.23422M5.76547 2.23434H6.23422M1.39047 1.76559H1.85922M1.39047 2.23434H1.85922M10.1405 1.76559H10.6092M10.1405 2.23434H10.6092M6.625 2C6.625 2.34518 6.34518 2.625 6 2.625C5.65482 2.625 5.375 2.34518 5.375 2C5.375 1.65482 5.65482 1.375 6 1.375C6.34518 1.375 6.625 1.65482 6.625 2ZM2.25 2C2.25 2.34518 1.97018 2.625 1.625 2.625C1.27982 2.625 1 2.34518 1 2C1 1.65482 1.27982 1.375 1.625 1.375C1.97018 1.375 2.25 1.65482 2.25 2ZM11 2C11 2.34518 10.7202 2.625 10.375 2.625C10.0298 2.625 9.75 2.34518 9.75 2C9.75 1.65482 10.0298 1.375 10.375 1.375C10.7202 1.375 11 1.65482 11 2Z' stroke='%234F5150' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E%0A");transition:all .2s ease-in}.dropdown .action-btn:hover{transform:scale(1.1)}.dropdown-menu{background:#FFFFFF;box-shadow:0 4.26829px 12.8049px #0003;border-radius:6px;padding:0;min-width:5rem;border:none;overflow:hidden}.dropdown-menu.show{top:-17px!important;left:-40px!important}.dropdown-menu .dropdown-item{margin:0;padding:7px 10px;min-height:29px;font-weight:300;font-size:12px;line-height:15px;color:#4f5150}.dropdown-menu .dropdown-item:hover{background:#E9F2FF;color:#3c7dd9}.dropdown-menu .dropdown-item:active{color:#878585}.c-button-heading{padding:10px 30px;gap:10px;max-width:100%;height:50px;background:#3c7dd9;border-radius:8px;font-weight:500;font-size:16px;line-height:20px;color:#fff;margin-bottom:0;display:flex;justify-content:center;align-items:center;margin-top:5px;white-space:nowrap;cursor:pointer}.c-button-heading.filter-button{color:#000;font-weight:300;font-size:14px;line-height:18px;display:flex;justify-content:center;align-items:center;padding:10px 20px;cursor:pointer;gap:5px;max-width:100%;height:50px;background:#F5F5F5;border:1px solid #E4E4E4;border-radius:5px}.form-group{margin-bottom:0!important}.form-group label span{font-size:14px;font-family:Lexend;color:#3c7dd9}.form-group .label-upload{position:relative;display:block}.form-group .label-upload .reupload{display:none;position:absolute;bottom:0;right:0}.form-group .label-upload .reupload div{background-color:#3c7dd9!important}.form-group .label-upload img{object-fit:contain;height:100%;width:516px;display:block}.form-group .label-upload img.upload-foto-row-img{width:311px;height:100%}.form-group .filter-group-nomer .input-group{display:flex;align-items:center;flex-wrap:nowrap}.form-group .filter-group-nomer .input-group .select-wrapper{width:23%}.form-group .filter-group-nomer .input-group .select-wrapper select{height:45px;background-color:#f5f5f5;border-radius:12px 0 0 12px!important;color:#000}.form-group .filter-group-nomer .input-group input{border-radius:0 12px 12px 0!important;min-width:30%}.form-group small{font-weight:300;font-size:14px;line-height:18px;text-align:right;color:#ff485a!important;margin-top:5px}.form-group .input{position:relative}.form-group .input input,.form-group .input textarea{padding:10px 15px;min-width:100%;min-height:50px!important;background:#ffffff;border:1px solid #e4e4e4!important;border-radius:8px!important;box-shadow:none!important}.form-group .input input::placeholder,.form-group .input textarea::placeholder{font-weight:300;font-size:14px;line-height:18px;color:#a1a1a1}.form-group .input input:focus,.form-group .input input:active,.form-group .input textarea:focus,.form-group .input textarea:active{border:1px solid #3c7dd9!important}.form-group .input input:disabled,.form-group .input textarea:disabled{background:#e4e4e4}.form-group .input textarea{min-height:100px!important;min-width:100%!important}.form-group .input svg{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.form-group .input svg path{fill:#a2a2a2}.c-badge{display:flex;justify-content:center;align-items:center;padding:6px 18px;gap:6px;background:#e9f2ff;border:1px solid #b7dcff;border-radius:23px}.c-badge.badge-red{border:1px solid #FF485A;background:#FFECED}.c-badge.badge-red p{color:#ff485a}.c-badge .title-badge{font-weight:300;font-size:14px;line-height:18px;color:#3c7dd9;margin-bottom:0}.c-card-produk{padding:20px 20px 5px;background-color:#fff;border-radius:8px}.c-card-produk .swiper{background:#e9f2ff;border-radius:8px}.c-card-produk .swiper:after{content:"";position:absolute;width:100%;height:100%;background:red;top:0;z-index:2;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,0) 65.33%,rgba(255,255,255,.53) 89.5%)}.c-card-produk .swiper .swiper-pagination-bullet{width:9px;height:9px;background:#f5f5f5}.c-card-produk .swiper .swiper-pagination-bullet-active{width:9px;height:9px;background:#3c7dd9}.c-card-produk .swiper .slider-image{width:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 65.33%,rgba(255,255,255,.53) 89.5%);border-radius:8px;overflow:hidden;height:376px;display:flex;justify-content:center;align-items:center;position:relative}.c-card-produk .swiper .slider-image img{object-fit:contain;position:absolute;bottom:0;left:50%;transform:translate(-50%);margin:auto;width:168px;height:320px}.c-card-produk .image{position:relative;width:100%;height:376px;border-radius:8px;background-color:#e9f2ff}.c-card-produk .image div{display:flex;align-items:end;gap:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.c-card-produk .image img{width:115px;height:100%}.c-card-produk .text{margin:21px 0}.c-card-produk .text h1{color:#000;font-weight:500;font-size:24px;line-height:30px}.c-card-produk .text h1.deskripsi{font-size:16px}.c-card-produk .text .deskripsi{font-weight:300;font-size:14px;line-height:18px;color:#8a8383;text-align:justify}.c-card-produk .text h2{margin-top:10px;font-weight:500;font-size:24px;line-height:30px;color:#dfae1d;display:flex;align-items:end;margin-bottom:0}.c-card-produk .text h2 .rp{font-size:16px}.c-card-produk .text h2 .pcs{padding-top:3px;align-self:flex-start;font-weight:300;font-size:14px;line-height:18px;color:#4f5150}.c-card-produk .text .category-produk{margin-top:21px;display:flex;align-items:center;gap:15px;justify-content:space-between}.c-card-produk .text .category-produk .left{display:flex;gap:10px}.c-card-produk .text button{width:100%;height:65px;padding:10px;margin-top:20px;justify-content:center;align-items:center;border-radius:8px;background-color:#3c7dd9;color:#fff;font-size:16px;font-family:Lexend;font-weight:500}.c-card-produk-sm{padding:10px;width:254px;border:2px solid #B7DCFF;border-radius:7px;flex-grow:1;cursor:pointer}.c-card-produk-sm.card-white{background-color:#fff;border:none}.c-card-produk-sm.card-white .image div{background-color:#fff;color:#3c7dd9}.c-card-produk-sm.card-white .image div svg path{fill:#3c7dd9}.c-card-produk-sm .image{position:relative;width:100%;height:135px;border-radius:8px;background-color:#e9f2ff}.c-card-produk-sm .image div{padding:7px 6px;display:flex;justify-content:center;align-items:center;gap:5px;border-radius:6.774px;position:absolute;top:0;right:0;margin:9px;background-color:#3c7dd9;color:#fff;font-size:14px;font-family:Lexend}.c-card-produk-sm .image div svg path{fill:#fff}.c-card-produk-sm .image img{width:50px;height:103px;object-fit:contain;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.c-card-produk-sm .text{margin-top:10px}.c-card-produk-sm .text h1{color:#000;font-weight:500;font-size:16px;line-height:30px;margin-bottom:0}.c-card-produk-sm .text p{font-weight:300;font-size:12px;line-height:18px;color:#a1a1a1;margin:3px 0}.c-card-produk-sm .text h2{font-weight:500;font-size:22px;line-height:30px;color:#dfae1d;display:flex;align-items:end;margin-bottom:0}.c-card-produk-sm .text h2 .rp{font-size:14px}.c-card-produk-sm .text h2 .pcs{padding-top:3px;align-self:flex-start;font-weight:300;font-size:12px;line-height:18px;color:#4f5150}#chartjs-tooltip thead{display:none}#chartjs-tooltip .triangle{width:20px;height:20px;background:#3c7dd9;clip-path:polygon(0% 100%,50% 0%,100% 100%);transform:rotate(180deg);z-index:1}#chartjs-tooltip tbody{padding:10px;position:absolute;width:121px;height:40px;z-index:2;background:#3c7dd9;border-radius:5px}#chartjs-tooltip tbody tr{display:flex;justify-content:center;align-items:center}#chartjs-tooltip tbody tr td,#chartjs-tooltip tbody tr td span{text-align:center;font-weight:400;font-size:16px;line-height:20px;color:#fff;background:transparent!important}.p-dashboard{background:#f5f5f5;height:100vh;font-family:Poppins,sans-serif}.p-dashboard .dashboard-content{width:calc(100vw - 250px);margin-left:250px;height:100%;overflow-y:auto;overflow-x:hidden}.p-dashboard .dashboard-content .header-beranda{position:fixed;width:84%;z-index:10;padding:30px 35px;gap:15px;background:white;display:grid;grid-template-columns:9fr 2fr 1fr;align-items:center}.p-dashboard .dashboard-content .header-beranda input{background:#f5f5f5}.p-dashboard .dashboard-content .header-beranda .date-wrapper .date{display:flex;align-items:center;justify-content:center;gap:5px}.p-dashboard .dashboard-content .header-beranda .date-wrapper .date p{margin-bottom:0;color:#000;font-weight:300;font-size:14px;line-height:18px}.p-dashboard .dashboard-content-body{padding-top:6.7rem}.p-dashboard .dashboard-content-body.beranda-utama{padding-top:7.5rem}.p-dashboard .dashboard-content-body .stats{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;gap:20px;margin:20px 30px}.p-dashboard .dashboard-content-body .stats-item{padding:30px;flex-grow:1;background-color:#fff;border-radius:11px;display:flex;align-items:center;gap:10px;min-width:23.7%;min-height:110px;transition:.2s ease!important}.p-dashboard .dashboard-content-body .stats-item:hover{background:#3c7dd9}.p-dashboard .dashboard-content-body .stats-item:hover .icon{background-color:#fff}.p-dashboard .dashboard-content-body .stats-item:hover p{color:#f5f5f5}.p-dashboard .dashboard-content-body .stats-item:hover h3{color:#fff}.p-dashboard .dashboard-content-body .stats-item .icon{background:#e9f2ff;border-radius:25px;padding:10px;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.p-dashboard .dashboard-content-body .stats-item p{font-weight:300;font-size:14px;line-height:18px;color:#4f5150;margin-bottom:0}.p-dashboard .dashboard-content-body .stats-item h3{font-weight:600;font-size:24px;line-height:30px;color:#000;margin-bottom:0}.p-dashboard .dashboard-content-body .content-cards{background:#ffffff;border-radius:17px;margin:30px;padding:20px}.p-dashboard .dashboard-content-body .content-cards.content-cards-opsi-tambahan-detail{background-color:#fff;padding:20px;margin:0;border-radius:8px}.p-dashboard .dashboard-content-body .content-cards.content-cards-opsi-tambahan-detail .col-10{flex:1 0 82.333333%!important;max-width:82.333333%!important}.p-dashboard .dashboard-content-body .content-cards.content-cards-opsi-tambahan-detail .col-2{padding:0!important;flex:1 0 16.666667%!important;max-width:16.666667%!important}.p-dashboard .dashboard-content-body .content-cards .top-wallet-top .col-8{padding:0!important;flex:1 0 74.666667%;max-width:74.666667%}.p-dashboard .dashboard-content-body .content-cards .top-wallet-top .col-8.col-with-status{flex:1 0 72.666667%;max-width:72.666667%}.p-dashboard .dashboard-content-body .content-cards .top-wallet-top .col-10{flex:1 0 89.333333%;max-width:89.333333%}.p-dashboard .dashboard-content-body .content-cards .top-wallet-top .col-2{padding:0!important;flex:1 0 9.666667%;max-width:9.666667%}.p-dashboard .dashboard-content-body .content-cards .top-wallet-top .col-2.col-with-status{flex:1 0 11.666667%;max-width:11.666667%;padding-right:30px!important}.p-dashboard .dashboard-content-body .content-cards .top-wallet-top .col-3{padding:0 30px 0 0!important;flex:1 0 16.666667%;max-width:16.666667%}.p-dashboard .dashboard-content-body .content-cards .top-wallet-top .col-3.col-with-status{padding-right:0!important}.p-dashboard .dashboard-content-body .content-cards .beranda-label{display:flex;align-items:center;gap:5px;font-weight:400;font-size:16px;line-height:20px;color:#000}.p-dashboard .dashboard-content-body .content-cards .iklan-wrapper{display:flex;align-items:start;flex-wrap:wrap;gap:20px}.p-dashboard .dashboard-content-body .content-cards .iklan-wrapper .c-iklan-card{width:32.1%}.p-dashboard .dashboard-content-body .content-cards label{font-weight:400;font-size:14px;line-height:18px;color:#000}.p-dashboard .dashboard-content-body .content-cards label.label-md{font-weight:500;font-size:14px;line-height:18px;color:#252531}.p-dashboard .dashboard-content-body .content-cards .profiles-avatar{width:190.7px;height:190.7px;background:#a3080c;border-radius:25.4267px}.p-dashboard .dashboard-content-body .content-cards .profiles-avatar img{width:100%;height:100%;object-fit:contain}.p-dashboard .dashboard-content-body .section-title{font-weight:500;font-size:17px;line-height:20px;color:#000}.p-dashboard .dashboard-content-body .chart-wrapper{width:100%;min-height:400px;border-radius:11px;background-color:#fff;margin-left:45px;padding:20px 30px}.p-dashboard .dashboard-content-body .chart-wrapper .heading-chart{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.p-dashboard .dashboard-content-body .chart-wrapper .heading-chart h1{font-weight:400;font-size:16px;line-height:20px;color:#000;margin-bottom:0}.p-dashboard .dashboard-content-body .chart-wrapper .heading-chart .left{display:flex;gap:10px;align-items:center}.p-dashboard .dashboard-content-body .chart-wrapper .heading-chart .left div{display:flex;align-items:center;padding:5px 10px;gap:5px;min-width:91px;min-height:30px;background:#ffeced;border-radius:20px;font-weight:500;font-size:16px;line-height:20px;color:#ff485a}.p-dashboard .dashboard-content-body .chart-wrapper .heading-chart .right,.p-dashboard .dashboard-content-body .chart-wrapper .heading-chart .right .col{min-width:200px;min-height:40px}.p-dashboard .dashboard-content-body .chart-wrapper .heading-chart .right .select-wrapper:before{content:"";display:block;position:absolute;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.345323 0.942902C0.560954 0.673363 0.954262 0.629662 1.2238 0.845293L5.00003 3.86628L8.77627 0.845293C9.0458 0.629662 9.43911 0.673363 9.65474 0.942902C9.87037 1.21244 9.82667 1.60575 9.55713 1.82138L5.39047 5.15471C5.16221 5.33732 4.83786 5.33732 4.6096 5.15471L0.442932 1.82138C0.173393 1.60575 0.129693 1.21244 0.345323 0.942902Z' fill='black'/%3E%3C/svg%3E%0A");background-size:12px;background-repeat:no-repeat;background-position:center;width:15px;height:15px;top:54%;right:23px;transform:translate(calc(-50% - 8px),-50%)}.p-dashboard .dashboard-content-body .chart-wrapper .heading-chart .right .select-wrapper select{padding:0;border:1px solid #e4e4e4;border-radius:5px;color:#000;font-weight:300;font-size:14px;line-height:18px;text-align:center;display:flex;justify-content:center;align-items:center}.p-dashboard .dashboard-content-body .chart-wrapper #chart{width:100%!important}.p-dashboard .dashboard-content-body .produk-terlaris{background-color:#fff;margin-left:20px;height:fit-content;padding:20px;background:#ffffff;border-radius:11px}.p-dashboard .dashboard-content-body .produk-terlaris .heading{display:flex;align-items:center;justify-content:space-between}.p-dashboard .dashboard-content-body .produk-terlaris .heading div{display:flex;align-items:center;gap:5px;font-weight:400;font-size:16px;line-height:20px;color:#000}.p-dashboard .dashboard-content-body .produk-terlaris .item-wrapper{margin-top:17px}.p-dashboard .dashboard-content-body .produk-terlaris .item-wrapper .item{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#f9f9f9;border-radius:10px;margin-bottom:5px}.p-dashboard .dashboard-content-body .produk-terlaris .item-wrapper .item:nth-child(even){background-color:#fff}.p-dashboard .dashboard-content-body .produk-terlaris .item-wrapper .item .produk-img{width:40px;height:40px;background:#f2f2f2;border-radius:36px;padding:20px;display:flex;justify-content:center;align-items:center}.p-dashboard .dashboard-content-body .produk-terlaris .item-wrapper .item .produk-img img{width:19px;height:26px}.p-dashboard .dashboard-content-body .produk-terlaris .item-wrapper .item h2{font-weight:300;font-size:12px;line-height:15px;color:#000;margin-bottom:1px}.p-dashboard .dashboard-content-body .produk-terlaris .item-wrapper .item h4{font-weight:400;font-size:12px;line-height:15px;color:#000;margin-bottom:1px}.p-dashboard .dashboard-content-body .produk-terlaris .item-wrapper .item p{font-weight:300;font-size:8px;line-height:10px;color:#a2a2a2;margin-bottom:0}.p-dashboard .dashboard-content-body .produk-terlaris .item-wrapper .item .left{display:flex;align-items:center;gap:10px}@media (min-width: 1600px){.p-dashboard .dashboard-content{width:calc(100vw - 275px);margin-left:275px}.p-dashboard .dashboard-content>*{zoom:1.1}}@media (min-width: 1800px){.p-dashboard .dashboard-content{width:calc(100vw - 312px);margin-left:312px}.p-dashboard .dashboard-content>*{zoom:1.5}.p-dashboard .dashboard-content .header-beranda{grid-template-columns:7fr 2fr 1fr}}@media (min-width: 2000px){.p-dashboard .dashboard-content .header-beranda{width:85%;grid-template-columns:8fr 2fr 1fr}}@media (min-width: 2200px){.p-dashboard .dashboard-content .header-beranda{width:87%;grid-template-columns:9fr 2fr 1fr}}.p-login{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;min-height:100vh;box-sizing:border-box;overflow:hidden}.p-login .container{display:flex;justify-content:center;align-items:center}.p-login .login-inner{padding:70px 50px 21px;box-shadow:0 4px 16px 12px #fbecff40;border-radius:23px;background-color:#fff;max-width:524px;position:relative}.p-login .login-inner .svg-top{position:absolute;top:5px;width:414px;z-index:88}.p-login .login-inner .heading{display:flex;flex-direction:column;justify-content:center;align-items:center}.p-login .login-inner .heading img{width:76px;height:84px;position:relative;z-index:99}.p-login .login-inner .heading h1{font-weight:500;font-size:24px;line-height:30px;color:#000;margin-top:20px}.p-login .login-inner .heading p{font-weight:400;font-size:16px;line-height:20px;text-align:center;color:#a2a2a2}.p-login .login-inner form{margin-top:40px}.p-login .login-inner form label{font-weight:400;font-size:14px;line-height:18px;color:#000}.p-login .login-inner form .input{position:relative}.p-login .login-inner form .input input{padding:10px 15px;width:100%;height:50px;background:#ffffff;border-radius:8px;border:1px solid #e4e4e4}.p-login .login-inner form .input input:focus{border:1px solid #3c7dd9}.p-login .login-inner form .input input:focus+svg path{fill:#3c7dd9}.p-login .login-inner form .input svg{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.p-login .login-inner form .input svg path{fill:#a2a2a2}.p-login .login-inner form small{font-weight:300;font-size:14px;line-height:18px;text-align:right;color:#ff485a!important;margin-top:5px}.p-login .login-inner form .inputCheck{display:flex;justify-content:space-between;margin-top:41px}.p-login .login-inner form .inputCheck input{width:1.3em;height:1.3em;background-color:#e9f2ff;border-radius:50%;vertical-align:middle;border:1px solid #B7DCFF;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;position:relative}.p-login .login-inner form .inputCheck input:after{width:.8em;height:.8em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#3c7dd9;content:"";border-radius:50%;display:none}.p-login .login-inner form .inputCheck input:checked{padding:5px}.p-login .login-inner form .inputCheck input:checked:after{display:block}.p-login .login-inner form .inputCheck div{display:flex;align-items:center;gap:5px}.p-login .login-inner form .inputCheck div label{margin-left:5px;margin-top:3px;font-weight:400;font-size:14px;line-height:18px;color:#000;margin-bottom:0}.p-login .login-inner form .inputCheck a{font-weight:400;font-size:14px;color:#a2a2a2;text-decoration:underline}.p-login .login-inner form button{width:100%;font-weight:500;font-size:16px;line-height:20px;color:#fff;padding:10px;margin-top:40px;width:424px;height:65px;background:#000000;border-radius:8px}.p-tambah-produk{padding:30px}.p-tambah-produk label{color:#000;font-weight:400;font-size:14px;line-height:18px}.p-tambah-produk label span{color:#3c7dd9}.p-tambah-produk .foto-produk{background-color:#fff;padding:20px;border-radius:10px}.p-tambah-produk .foto-produk .upload{margin-top:15px;display:flex;overflow-x:scroll;gap:10px}.p-tambah-produk .foto-produk .upload::-webkit-scrollbar{display:none}.p-tambah-produk .foto-produk .upload img{width:155.55px;height:155.55px}.p-tambah-produk .data-produk{padding:20px 20px 0;display:flex;gap:15px}.p-tambah-produk .data-produk .left{display:flex;flex-direction:column;gap:15px;background-color:#fff;padding:20px;max-width:700px;border-radius:8px}.p-tambah-produk .data-produk .right{border-radius:8px;background-color:#fff;padding:20px;max-width:100%;flex-grow:1!important}.p-tambah-produk .data-produk .right img{width:100%;height:300px}.p-tambah-produk .data-produk .right .garis-atau{position:relative;width:100%;height:1px;margin:23px 0;background-color:#e4e4e4}.p-tambah-produk .data-produk .right .garis-atau span{background-color:#fff;padding:0 10px;font-weight:300;font-size:12px;line-height:15px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.p-tambah-produk .alert-red,.p-tambah-produk .alert-blue{margin-top:20px;padding:10px 15px;background:#ffeced;border:1px solid #ff485a;border-radius:22px;display:flex;justify-content:space-between;align-items:center}.p-tambah-produk .alert-red .left,.p-tambah-produk .alert-blue .left{display:flex;align-items:center;gap:5px}.p-tambah-produk .alert-red .left p,.p-tambah-produk .alert-blue .left p{font-weight:300;font-size:14px;line-height:18px;color:#ff485a;margin-bottom:0!important}.p-tambah-produk .alert-red a,.p-tambah-produk .alert-blue a{font-weight:400;font-size:14px;line-height:18px;color:#ff485a;display:none;margin-bottom:0;border-bottom:1px solid #3c7dd9}.p-tambah-produk .alert-red.alert-blue,.p-tambah-produk .alert-blue.alert-blue{background:#e9f2ff;border:1px solid #b7dcff}.p-tambah-produk .alert-red.alert-blue p,.p-tambah-produk .alert-blue.alert-blue p,.p-tambah-produk .alert-red.alert-blue a,.p-tambah-produk .alert-blue.alert-blue a{color:#3c7dd9}.p-tambah-produk .alert-red.alert-blue svg path,.p-tambah-produk .alert-blue.alert-blue svg path{fill:#3c7dd9}.p-tambah-produk .stok,.p-tambah-produk .varian,.p-tambah-produk .opsi-tambahan{background-color:#fff;padding:20px;margin-top:15px;border-radius:10px}.p-tambah-produk .stok.hide,.p-tambah-produk .varian.hide,.p-tambah-produk .opsi-tambahan.hide{display:none}.p-tambah-produk .stok label,.p-tambah-produk .varian label,.p-tambah-produk .opsi-tambahan label{display:flex;align-items:center;gap:5px}.p-tambah-produk .stok button,.p-tambah-produk .varian button,.p-tambah-produk .opsi-tambahan button{padding:10px 23px;gap:10px;width:100%;height:50px;background:#ff485a;border-radius:8px;color:#fff;font-weight:500;font-size:16px;line-height:20px;display:flex;justify-content:center;align-items:center}.detail-bundle{padding:20px}.detail-bundle .col-5{-ms-flex:0 0 45.666667%;flex:0 0 40.666667%;max-width:40.666667%;padding-right:0}.detail-bundle .col-7{padding-right:0;-ms-flex:1 0 58.666667%;flex:1 0 58.666667%;max-width:58.666667%}.detail-bundle .col-7 .top{border-radius:11px;padding:20px;background-color:#fff}.detail-bundle .col-7 .top h1{font-size:16px;font-family:Lexend;color:#000}.detail-bundle .col-7 .top .daftar-produk{margin-top:20px}.detail-bundle .col-7 .top .daftar-produk .item{display:flex;align-items:end;justify-content:space-between}.detail-bundle .col-7 .top .daftar-produk .item .left{display:flex;align-items:center;gap:10px}.detail-bundle .col-7 .top .daftar-produk .image{background:#fff4b1;position:relative;width:70px;height:70px;border-radius:8.077px;border:.519px solid #e4e4e4;background:#f4f4ef}.detail-bundle .col-7 .top .daftar-produk .image img{width:25px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.detail-bundle .col-7 .top .daftar-produk .text>*{margin-bottom:0}.detail-bundle .col-7 .top .daftar-produk h2{font-size:12px;font-family:Lexend;font-weight:500;color:#000}.detail-bundle .col-7 .top .daftar-produk hr{margin:20px 0}.detail-bundle .col-7 .top .daftar-produk h3{margin:5px 0!important;font-size:12px;font-family:Lexend;font-weight:300;color:#a1a1a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:210px}.detail-bundle .col-7 .top .daftar-produk h4{font-size:12px;font-family:Lexend;font-weight:500;color:#3c7dd9}.detail-bundle .col-7 .top .daftar-produk h5{font-size:12px;font-family:Lexend;font-weight:500;color:#000}.detail-bundle .col-7 .bottom{background-color:#fff;padding:20px;border-radius:11px;margin-top:20px}.detail-bundle .col-7 .bottom h1{font-size:16px;font-family:Lexend;color:#000}.detail-bundle .col-7 .bottom .ulasan{margin-top:25px;display:flex;flex-direction:column;gap:15px}.detail-bundle .col-7 .bottom .ulasan .item{padding:15px;background-color:#fff;border-radius:2px;box-shadow:0 9px 15px #746b6b14}.detail-bundle .col-7 .bottom .ulasan .title{display:flex;justify-content:space-between;align-items:center}.detail-bundle .col-7 .bottom .ulasan .title .item-title{display:flex;align-items:center;gap:8px}.detail-bundle .col-7 .bottom .ulasan .helpful{display:flex;align-items:center;justify-content:space-between}.detail-bundle .col-7 .bottom .ulasan .star{display:flex;align-items:center}.detail-bundle .col-7 .bottom .ulasan h2{font-size:14px;font-family:Lexend;font-weight:500;color:#000;margin-bottom:4px}.detail-bundle .col-7 .bottom .ulasan h3,.detail-bundle .col-7 .bottom .ulasan h4{margin-bottom:0;font-size:9px;font-family:Lexend;font-weight:300;color:#4f5150}.detail-bundle .col-7 .bottom .ulasan hr{margin:10px 0}.detail-bundle .col-7 .bottom .ulasan p{font-size:12px;font-family:Lexend;font-weight:300;color:#8a8383;margin-bottom:0;margin-top:10px}.detail-bundle .col-7 .bottom .ulasan p.helpful{margin-top:0;color:#a1a1a1}.tambah-bundle{padding:20px}.tambah-bundle .left-tambah-bundle{-ms-flex:0 0 73%;flex:0 0 73%;max-width:73%}.tambah-bundle .left-tambah-bundle ul{margin:25px 0;border-bottom:none;display:flex;align-items:center;gap:20px}.tambah-bundle .left-tambah-bundle ul li{border:none}.tambah-bundle .left-tambah-bundle ul li button{background:#e9f2ff;border-radius:6px;padding:10px 21px;box-shadow:3px 4px 16px 12px #eccbd126;border:1px solid #b7dcff;font-size:14px;font-family:Lexend;font-weight:300;color:#3c7dd9;display:flex;justify-content:center;align-items:center;gap:5px}.tambah-bundle .left-tambah-bundle ul li button svg path{stroke:#3c7dd9}.tambah-bundle .left-tambah-bundle ul li button.active{background:#3c7dd9;box-shadow:3px 4px 6px #8e84b46e;color:#fff;border:1px solid #3c7dd9}.tambah-bundle .left-tambah-bundle ul li button.active svg path{stroke:#fff}.tambah-bundle .left-tambah-bundle .makanan-wrapper{display:flex;flex-wrap:wrap;gap:20px}.tambah-bundle .left-tambah-bundle .tab-content>.tab-pane{display:none}.tambah-bundle .left-tambah-bundle .tab-content>.active{display:block}.tambah-bundle .right{width:22%;height:100vh;background-color:#fff;position:fixed;overflow-y:scroll;right:20px;top:0;padding:9% 20px 20px}.tambah-bundle .right::-webkit-scrollbar{display:none}.tambah-bundle .right small{text-align:left}.tambah-bundle .right h1{font-size:16px;font-family:Lexend}.tambah-bundle .right .content{display:flex;flex-direction:column;gap:10px}.tambah-bundle .right hr{margin:21px 0}.tambah-bundle .right .produk-dipilih .item{margin-top:20px}.tambah-bundle .right .produk-dipilih .item .left{display:flex;align-items:center;gap:10px}.tambah-bundle .right .produk-dipilih .image{background:#fff4b1;position:relative;width:70px;height:70px;border-radius:8.077px;border:.519px solid #e4e4e4;background:#f4f4ef}.tambah-bundle .right .produk-dipilih .image img{width:25px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tambah-bundle .right .produk-dipilih .text>*{margin-bottom:0}.tambah-bundle .right .produk-dipilih .text div{display:flex;justify-content:space-between;align-items:center}.tambah-bundle .right .produk-dipilih .text div .tambah-belanja{display:flex;align-items:center;gap:10px}.tambah-bundle .right .produk-dipilih .text div .tambah-belanja h2{margin-bottom:0}.tambah-bundle .right .produk-dipilih h2{font-size:12px;font-family:Lexend;font-weight:500;color:#000}.tambah-bundle .right .produk-dipilih hr{margin:20px 0}.tambah-bundle .right .produk-dipilih h3{margin:5px 0!important;font-size:12px;font-family:Lexend;font-weight:300;color:#a1a1a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:210px}.tambah-bundle .right .produk-dipilih h4{font-size:12px;font-family:Lexend;font-weight:500;color:#3c7dd9}.tambah-bundle .right .lihat-banyak{display:flex;height:25px;padding:5px 7px;justify-content:center;align-items:center;gap:5px;border-radius:22px;background-color:#e9f2ff}.tambah-bundle .right .lihat-banyak h2{color:#3c7dd9;margin-bottom:0;font-size:12px;font-family:Lexend;font-weight:300}.tambah-bundle .right button{display:flex;height:65px;padding:10px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#fff;background-color:#3c7dd9;border-radius:8px;width:100%}