@import url(https://fonts.googleapis.com/css2?family=Lobster&family=Lobster+Two:ital@0;1&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500&family=Quicksand:wght@300&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tapestry&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-style:normal;font-weight:400;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.parent-container{height:100vh}.frame-loading,.parent-container{align-items:center;display:flex;justify-content:center}.frame-loading{border-radius:5px;height:100px;margin:auto;width:150px}@media only screen and (max-width:1024px){.frame-loading{margin-top:55%}}@media only screen and (max-width:600px){.frame-loading{margin-top:75%}}.App{text-align:center}button{cursor:pointer;transition-duration:.4s}a{align-items:center;text-decoration:none}.login-container{align-items:center;background-image:url(/static/media/background.35a0af4d5cf8812b0624.jpg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;position:absolute;width:100%;z-index:-1000}@media only screen and (max-width:1024px){.login-container{background-color:#272424;background-image:none;display:flex;height:100%;height:73.7rem;width:100%}}@media only screen and (max-width:600px){.login-container{align-items:center;background-color:#272424;background-image:none;display:flex;height:45rem;justify-content:center;width:100%}}.login-container .form-login{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff21;border:2px solid #ffffff1a;border-radius:10px;box-shadow:0 0 40px #08071099;height:520px;left:75%;padding:50px 35px;position:absolute;top:55%;transform:translate(-50%,-50%);width:400px}@media only screen and (max-width:1024px){.login-container .form-login{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:47vh;left:10%;margin:auto;top:20%;transform:none;width:80%}}@media only screen and (max-width:600px){.login-container .form-login{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:30rem;left:10%;margin:auto;top:10%;transform:none;width:80%}}.login-container .form-login h3{font-size:32px;font-weight:500;line-height:42px;text-align:center}@media only screen and (max-width:600px){.login-container .form-login h3{font-size:25px;line-height:normal}}.login-container .form-login .style-lable-login{display:block;font-size:16px;font-weight:500;margin-left:0;margin-top:30px;text-align:left}@media only screen and (max-width:600px){.login-container .form-login .style-lable-login{margin-top:15%}}.login-container .form-login .style-input-login{background-color:#ffffff12;border-radius:3px;display:block;font-size:14px;font-weight:300;height:50px;margin-top:8px;padding:0 10px;width:100%}.login-container .form-login ::placeholder{color:#e5e5e5}.login-container .form-login .button-login{background-color:#f864df;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:50px;margin-top:50px;padding-top:2px;width:100%}@media only screen and (max-width:1024px){.login-container .form-login .button-login{margin-top:7vh}}@media only screen and (max-width:600px){.login-container .form-login .button-login{height:42px;margin-top:17%}}.login-container .form-login *{border:none;color:#fff;font-family:Poppins,sans-serif;letter-spacing:.5px;outline:none}.frame-circularProgress{display:flex;justify-content:center;margin:auto auto 20px}.loading-circle{background-color:red;color:#fff;height:30px;width:30px}.main-dashboard{display:flex}@media only screen and (max-width:1024px){.main-dashboard{display:block;width:100%}}@media only screen and (max-width:600px){.main-dashboard{display:block;width:100%}}.main-dashboard .frame-button-sub-tab-dashboard{border-right:2px solid #dfdfdf;height:100vh;width:16%}@media only screen and (max-width:1024px){.main-dashboard .frame-button-sub-tab-dashboard{height:100%;width:100%}}@media only screen and (max-width:600px){.main-dashboard .frame-button-sub-tab-dashboard{height:100%;width:100%}}.main-dashboard .frame-button-sub-tab-dashboard .frame-brand-name{border-radius:10px;height:70px;margin-top:20px;width:100%}.main-dashboard .frame-button-sub-tab-dashboard .frame-brand-name img{border-radius:5px;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;height:100%;width:95%}@media only screen and (max-width:1024px){.main-dashboard .frame-button-sub-tab-dashboard .frame-brand-name{display:none}}@media only screen and (max-width:600px){.main-dashboard .frame-button-sub-tab-dashboard .frame-brand-name{display:none}}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar{border-radius:8px;display:flex;flex-direction:column;padding:20px;width:250px;z-index:10000}@media only screen and (max-width:1024px){.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar{background-color:#fff;border-bottom:2px solid #ececec;border-radius:0;display:grid;flex-direction:row;grid-template-columns:repeat(5,1fr);margin:auto;position:fixed;top:0;width:100%}}@media only screen and (max-width:600px){.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar{background-color:#fff;border-bottom:2px solid #ececec;border-radius:0;display:grid;flex-direction:row;grid-template-columns:repeat(5,1fr);margin:auto;position:fixed;top:0;width:100%;z-index:10000}}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu{margin-bottom:10px}@media only screen and (max-width:1024px){.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu{align-items:center;display:flex;height:100%;justify-content:center;margin-bottom:0}}@media only screen and (max-width:600px){.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu{align-items:center;display:flex;height:100%;justify-content:center;margin-bottom:0}}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active{align-items:center;border-radius:20px;color:#2c3e50;display:flex;height:50px;padding-left:15px;text-decoration:none;width:140px}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar span,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active span{font-size:18px;margin-top:3px}@media only screen and (max-width:600px){.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar span,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active span{display:none}}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar .icon-menu,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active .icon-menu{font-size:30px}@media only screen and (max-width:600px){.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active{border-radius:5px;display:grid;height:50px;margin:auto;padding-left:0;place-items:center;width:50px}}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar .frame-icon-menu,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active .frame-icon-menu{align-items:center;color:#6e6e6f;display:flex;font-size:20px;justify-content:center;margin-right:10px}@media only screen and (max-width:600px){.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar .frame-icon-menu,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active .frame-icon-menu{margin-right:0}}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar .name-item-list,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active .name-item-list{color:#2c3e50;font-size:16px;font-weight:500}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar:hover{background-color:#8f989b;color:#fff}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active{background-color:#0af;color:#fff}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active .frame-icon-menu,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active .name-item-list,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar:hover .frame-icon-menu,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar:hover .name-item-list{color:#fff}.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .item-menu-bar-active .name-item-list,.main-dashboard .frame-button-sub-tab-dashboard .frame-list-menu-bar .frame-item-menu .name-item-list{color:#fff;font-size:large;font-weight:600}.main-dashboard .frame-view-sub-tab{width:90%}@media only screen and (max-width:1024px){.main-dashboard .frame-view-sub-tab{height:100%;margin-left:0;margin-top:110px;width:100%}}@media only screen and (max-width:600px){.main-dashboard .frame-view-sub-tab{height:100%;margin-left:0;margin-top:110px;width:100%}}.main-frame-tab-bill{display:flex;height:95vh;margin:30px auto auto;width:95%}@media only screen and (max-width:1024px){.main-frame-tab-bill{display:block;height:100%;margin-bottom:60px}}@media only screen and (max-width:600px){.main-frame-tab-bill{display:block;height:100%;margin-bottom:60px;width:100%}}.main-frame-tab-bill .list-bill{background:radial-gradient(755px at 10.1% 95.3%,#f2bc8d 0,#f29f8d 100.2%);border-radius:8px;box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:1rem;height:95%;overflow-y:scroll;padding-left:8px;width:55%}@media only screen and (max-width:1024px){.main-frame-tab-bill .list-bill{height:65vh;margin:auto;width:95%}}@media only screen and (max-width:600px){.main-frame-tab-bill .list-bill{height:65vh;margin:auto;width:95%}}.main-frame-tab-bill .list-bill .main-frame-filter{background:radial-gradient(circle at 10.6% 23.3%,#baa2fc 0,#b0f8f2 72.4%);border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:14px;position:-webkit-sticky;position:sticky;top:0}.main-frame-tab-bill .list-bill .main-frame-filter .filters{display:flex;gap:1rem;padding:1rem;z-index:100}@media only screen and (max-width:600px){.main-frame-tab-bill .list-bill .main-frame-filter .filters{align-items:center;display:flex;height:50px;justify-content:center;padding:10px;width:100%}}.main-frame-tab-bill .list-bill .main-frame-filter .filters input[type=text]{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:.5rem;transition:border-color .3s}@media only screen and (max-width:600px){.main-frame-tab-bill .list-bill .main-frame-filter .filters input[type=text]{border-radius:5px;height:33px;padding:.5rem;width:35px}}.main-frame-tab-bill .list-bill .main-frame-filter .filters input[type=text]:focus{border-color:#007bff;outline:none}.main-frame-tab-bill .list-bill .main-frame-filter .filters select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:.5rem;transition:border-color .3s;width:100px}@media only screen and (max-width:600px){.main-frame-tab-bill .list-bill .main-frame-filter .filters select{height:35px}}.main-frame-tab-bill .list-bill .main-frame-filter .filters select.custom-pointer{cursor:pointer}.main-frame-tab-bill .list-bill .main-frame-filter .filters select:focus{border-color:#007bff;outline:none}.main-frame-tab-bill .list-bill .main-frame-filter .filters select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='m0 0 5 5 5-5H0z' fill='%23999'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px}@media only screen and (max-width:600px){.main-frame-tab-bill .list-bill .main-frame-filter .filters .select-antdesign{width:100px}}.main-frame-tab-bill .list-bill .main-frame-filter .frame-total-bill{align-items:center;display:flex;height:40px;justify-content:space-between;padding-left:10px;padding-right:10px}@media only screen and (max-width:600px){.main-frame-tab-bill .list-bill .main-frame-filter .frame-total-bill h3{font-size:15px}}.main-frame-tab-bill .list-bill .frame-nameOfBill-delete{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:1rem;transition:background-color .3s ease}.main-frame-tab-bill .list-bill .frame-nameOfBill-delete .NameOfBill{cursor:pointer;text-align:left;width:60%}@media only screen and (max-width:600px){.main-frame-tab-bill .list-bill .frame-nameOfBill-delete .NameOfBill{width:70%}}.main-frame-tab-bill .list-bill .frame-nameOfBill-delete .NameOfBill p{color:#333;font-size:1rem;margin:0}@media only screen and (max-width:600px){.main-frame-tab-bill .list-bill .frame-nameOfBill-delete .NameOfBill p{font-size:13px;font-weight:500}}.main-frame-tab-bill .list-bill .frame-nameOfBill-delete .visibility{color:#9c9b9b;cursor:pointer}.main-frame-tab-bill .list-bill .frame-nameOfBill-delete button{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:20%;padding:.5rem 1rem;transition:background-color .3s ease}@media only screen and (max-width:600px){.main-frame-tab-bill .list-bill .frame-nameOfBill-delete button{margin-left:5%}}.main-frame-tab-bill .list-bill .frame-nameOfBill-delete button:hover{background-color:#ff1a1a}.main-frame-tab-bill .list-bill .frame-nameOfBill-delete:hover{background-color:#71c075}.main-frame-tab-bill .list-bill .frame-nameOfBill-delete:hover .visibility,.main-frame-tab-bill .list-bill .frame-nameOfBill-delete:hover p{color:#fff}.main-frame-tab-bill .frame-bill-button-print{height:95%;margin-left:4%;width:40%}.main-frame-tab-bill .frame-bill-button-print button{height:30px;width:100px}@media only screen and (max-width:1024px){.main-frame-tab-bill .frame-bill-button-print{height:70vh;margin:40px auto auto;width:90%}}@media only screen and (max-width:600px){.main-frame-tab-bill .frame-bill-button-print{height:80vh;margin:40px auto;width:90%}}.main-frame-tab-bill .frame-bill-button-print .frame-view-bill{border:1px solid #cacaca;border-radius:10px;box-shadow:0 10px 36px 0 #00000029,0 0 0 1px #0000000f;height:95%;margin-bottom:30px;overflow-y:scroll;width:100%}.main-frame-tab-bill .frame-bill-button-print .button-app-payment{background-color:#06b85f;border:none;border-radius:5px;color:#fff}.main-frame-tab-bill .frame-view-bill::-webkit-scrollbar,.main-frame-tab-bill .list-bill::-webkit-scrollbar{width:8px}.main-frame-tab-bill .frame-view-bill::-webkit-scrollbar-thumb,.main-frame-tab-bill .list-bill::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.main-frame-tab-bill .frame-view-bill::-webkit-scrollbar-thumb:hover,.main-frame-tab-bill .list-bill::-webkit-scrollbar-thumb:hover{background-color:#555}.confirm-dialog{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.confirm-dialog-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000004d;padding:20px;text-align:center}.confirm-dialog p{margin-bottom:20px}.confirm-dialog-buttons{display:flex;justify-content:center}.confirm-dialog-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}.yes{background-color:#12d212}.no,.yes{color:#fff}.no{background-color:red}.main-layout-bill{margin:auto;text-align:center}.main-layout-bill .font-brand{font-size:26px;line-height:1.5;margin-bottom:0;margin-left:-5px}.main-layout-bill .font-sub-infor{font-size:12px;font-weight:400;line-height:1.5;margin:0 0 0 -10px}.main-layout-bill .font-sub-infor-bye{font-size:11.3px;font-weight:400;line-height:1.5;margin:0 0 0 -10px}.main-layout-bill .font-sub-infor-2{font-size:13px;font-weight:400;margin:0;padding-bottom:3px}.main-layout-bill .front-line-star{font-weight:400;line-height:1;margin-bottom:0;margin-left:-10px;margin-top:8px}.main-layout-bill .front-bill-name{font-size:22px;margin:0;padding-top:10px}.main-layout-bill .table-bill{border-collapse:initial;border-spacing:6px;font-size:15px;margin:15px auto auto -5px;text-align:left}.main-layout-bill .table-bill .font-head-table{font-weight:400}.main-layout-bill .table-bill .custome-width-name{width:200px}.main-layout-bill .table-bill .custome-width-quantity{width:100px}.main-layout-bill .table-bill .custome-width-price{width:60px}.main-layout-bill .table-bill td{font-size:13px!important;padding-top:10px}.main-layout-bill .table-bill .custome-center{text-align:center}.main-layout-bill .table-bill .custome-right{text-align:right}.main-layout-bill .frame-square-total-payment{border:1.5px solid #000;border-radius:5px;margin:15px auto 20px;width:200px}.main-layout-bill .frame-square-total-payment .front-total-price{font-size:15px;font-weight:500;margin:0;padding-bottom:7px;padding-top:7px}.frame-layout-bill{justify-content:center}.frame-layout-bill h1{font-size:40px;line-height:1;margin:0;padding-top:25px;text-align:center}@media only screen and (max-width:600px){.frame-layout-bill h1{font-size:22px}}.frame-layout-bill h4{font-weight:400;margin:0;padding-top:10px;text-align:center}@media only screen and (max-width:600px){.frame-layout-bill h4{font-size:11px}}.frame-layout-bill h3{font-size:25px;margin:0;padding-bottom:30px;padding-top:10px;text-align:center}.frame-layout-bill h5{font-size:14px;font-weight:400;margin:0;padding-bottom:5px;text-align:center}@media only screen and (max-width:600px){.frame-layout-bill h5{font-size:11px}}.frame-layout-bill h6{font-size:12px;font-weight:500;margin:0;padding-bottom:4px;text-align:center}.frame-layout-bill table{border-collapse:collapse;cursor:pointer;margin:auto;width:90%}.frame-layout-bill table .center-tag{text-align:center}.frame-layout-bill table td,.frame-layout-bill table th{border:1px solid #ddd;padding:8px;text-align:left}@media only screen and (max-width:600px){.frame-layout-bill table td,.frame-layout-bill table th{font-size:11px}}.frame-layout-bill table th,.frame-layout-bill table tr:nth-child(2n){background-color:#f2f2f2}.frame-layout-bill table tr:hover{background-color:#ddd}.frame-layout-bill .frame-square-total-payment-billDetails{border:1.5px solid #000;border-radius:5px;margin:25px auto 10px;width:200px}.frame-layout-bill .frame-square-total-payment-billDetails .front-total-price-billDetails{font-size:15px;font-weight:500;margin:0;padding-bottom:7px;padding-top:7px}.main-frame-home{margin:10px;width:98%}@media only screen and (max-width:1024px){.main-frame-home{width:98%}}@media only screen and (max-width:600px){.main-frame-home{margin:auto;width:97%}}.main-frame-home .frame-chart{border:2px solid #e3e2e2;border-radius:4px;box-shadow:0 5px 15px 0 #00000026;cursor:pointer;height:48vh;margin:auto;width:95%}@media only screen and (max-width:1024px){.main-frame-home .frame-chart{height:30vh}}@media only screen and (max-width:600px){.main-frame-home .frame-chart{display:none}}.main-frame-home .sub-summary{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin:30px auto auto;width:95%}@media only screen and (max-width:1024px){.main-frame-home .sub-summary{height:40vh;width:95%}}@media only screen and (max-width:600px){.main-frame-home .sub-summary{display:block}}.main-frame-home .sub-summary .frame-revenue{height:45vh}@media only screen and (max-width:1024px){.main-frame-home .sub-summary .frame-revenue{height:100%}}@media only screen and (max-width:600px){.main-frame-home .sub-summary .frame-revenue{height:50vh;margin-bottom:30px}}.main-frame-home .sub-summary .frame-summary-menu{height:45vh}.revenue-container{border-radius:5px;box-shadow:0 3px 8px #0000003d;height:100%;padding:10px}@media only screen and (max-width:1024px){.revenue-container{height:70%}}@media only screen and (max-width:600px){.revenue-container{height:100%}}.revenue-container .highlighted-month{align-items:center;background:linear-gradient(113.1deg,#fe8c30 14%,#fd4b65 80.5%,#ff356d 100.6%);border-radius:5px;display:flex;height:30%;width:100%}.revenue-container .highlighted-month .month-data{grid-gap:20px;align-items:center;border-radius:5px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:auto;width:90%}@media only screen and (max-width:600px){.revenue-container .highlighted-month .month-data{gap:15px}}.revenue-container .highlighted-month .month-data .frame-content-currentmonht{background-color:#fff;border-radius:5px;box-shadow:0 7px 29px 0 #64646f33;display:grid;height:50px;place-items:center}.revenue-container .highlighted-month .month-data .frame-content-currentmonht p{align-items:center;display:flex;font-weight:700;justify-content:center;padding:5px}@media only screen and (max-width:1024px){.revenue-container .highlighted-month .month-data .frame-content-currentmonht p{font-size:16px}}@media only screen and (max-width:600px){.revenue-container .highlighted-month .month-data .frame-content-currentmonht p{font-size:16px}}@media only screen and (max-width:1024px){.revenue-container .highlighted-month{height:20%}}@media only screen and (max-width:600px){.revenue-container .highlighted-month{height:30%}}.revenue-container .frame-table{height:70%;margin-top:10px;overflow-y:auto}@media only screen and (max-width:1024px){.revenue-container .frame-table{height:77%}}@media only screen and (max-width:600px){.revenue-container .frame-table{height:67%}}.revenue-container .frame-table .revenue-table{border-collapse:collapse;box-shadow:0 0 10px #0000001a;overflow-y:auto;width:100%}.revenue-container .frame-table .revenue-table th{padding:15px;text-align:center}.revenue-container .frame-table .revenue-table td{border:2px solid #75b475;height:50px;margin:auto;text-align:center;width:100px}.revenue-container .frame-table::-webkit-scrollbar{width:8px}.revenue-container .frame-table::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.revenue-container .frame-table::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.summary-menu{background:linear-gradient(110.6deg,#b88efc 2.2%,#6877f4 100.2%);border:1px solid #ccc;border-radius:5px;box-shadow:0 3px 8px #0000003d;cursor:pointer;height:100%;overflow-y:auto;padding:20px}@media only screen and (max-width:1024px){.summary-menu{height:91%}}.summary-menu .product-item{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:10px}.summary-menu .product-item .product-name{color:#000;font-weight:700;margin-bottom:5px}.summary-menu .product-item .product-price{color:#007bff;font-size:large}.summary-menu::-webkit-scrollbar{width:8px}.summary-menu::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.summary-menu::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.list-item-menu{height:85vh;margin:20px auto auto;width:90%}@media only screen and (max-width:1024px){.list-item-menu{height:65vh;margin-top:14%;width:100%}}@media only screen and (max-width:600px){.list-item-menu{height:65vh;width:98%}}.list-item-menu .frame-table-menu{border:1px solid #c7c5c5;border-radius:5px;box-shadow:0 10px 36px 0 #00000029,0 0 0 1px #0000000f;height:100%;margin:30px auto auto;overflow-y:scroll}.list-item-menu .frame-table-menu table{border-collapse:collapse;height:100%;table-layout:fixed;width:100%}.list-item-menu .frame-table-menu thead{background:linear-gradient(-225deg,#dfffcd,#90f9c4 48%,#39f3bb);position:-webkit-sticky;position:sticky;top:0}.list-item-menu .frame-table-menu tr{height:20px}.list-item-menu .frame-table-menu th{height:50px;width:150px}@media only screen and (max-width:1024px){.list-item-menu .frame-table-menu th{width:100%}}@media only screen and (max-width:600px){.list-item-menu .frame-table-menu th{border:none;border-collapse:collapse;font-size:small;width:100%}}.list-item-menu .frame-table-menu td{border:1px solid #ddd;font-size:large;height:150px;width:150px}@media only screen and (max-width:1024px){.list-item-menu .frame-table-menu td{height:100px;width:100%}}@media only screen and (max-width:600px){.list-item-menu .frame-table-menu td{font-size:10px;height:50px;width:100%}}.list-item-menu .frame-table-menu td img{align-items:center;border:2px solid #aaabaa;border-radius:5px;display:flex;height:80%;justify-content:center;margin:auto;width:70%}@media only screen and (max-width:1024px){.list-item-menu .frame-table-menu td img{height:90%;width:80%}}@media only screen and (max-width:600px){.list-item-menu .frame-table-menu td img{border:1px solid #aaabaa;height:90%;width:80%}}.list-item-menu .frame-table-menu .button-edit-menu{background:linear-gradient(90deg,#868f96 0,#596164);border:none;border-radius:10px;color:#fff;padding:10px 15px}@media only screen and (max-width:600px){.list-item-menu .frame-table-menu .button-edit-menu{padding:6px 7px}.list-item-menu .frame-table-menu .button-edit-menu .icon-menu-edit{height:20px;margin-top:1.5px;width:22px}}.list-item-menu .frame-table-menu .button-remove-menu{background-color:#f44336;border:none;border-radius:10px;color:#fff;padding:10px 15px}@media only screen and (max-width:600px){.list-item-menu .frame-table-menu .button-remove-menu{padding:6px 7px}.list-item-menu .frame-table-menu .button-remove-menu .icon-menu-remove{height:20px;margin-top:1.5px;width:22px}}.list-item-menu .frame-table-menu::-webkit-scrollbar{width:8px}.list-item-menu .frame-table-menu::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.list-item-menu .frame-table-menu::-webkit-scrollbar-thumb:hover{background-color:#555}.list-item-menu .button-add-item{background-color:#4caf50;border:none;border-radius:10px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:30px!important;margin:4px 2px;padding:10px 15px;text-align:center;text-decoration:none;transition-duration:.4s}.list-item-menu .button-add-item:hover{background-color:#45a049}.frame-edit-form-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.frame-edit-form{background:linear-gradient(120deg,#e0c3fc,#8ec5fc);border-radius:10px;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;height:84%;left:40%;overflow-y:auto;position:absolute;top:8%;width:30%;z-index:100000}@media only screen and (max-width:1024px){.frame-edit-form{justify-content:center;left:10%;margin:auto;width:80%}}@media only screen and (max-width:600px){.frame-edit-form{justify-content:center;left:10%;margin:auto;width:80%}}.frame-edit-form .form-input{display:block}.frame-edit-form .form-input .frame-input-edit{margin:50px auto auto;width:50%}@media only screen and (max-width:1024px){.frame-edit-form .form-input .frame-input-edit{display:block;margin-top:30%;width:70%}}@media only screen and (max-width:600px){.frame-edit-form .form-input .frame-input-edit{display:block;width:100%}}.frame-edit-form .form-input .frame-input-edit .frame-input-label{text-align:left}.frame-edit-form .form-input .frame-input-edit .frame-input-label label{margin-left:5px!important}@media only screen and (max-width:1024px){.frame-edit-form .form-input .frame-input-edit .frame-input-label{display:block!important;display:flex;height:80px;justify-content:center;margin:auto auto 30px;text-align:center;width:100%}.frame-edit-form .form-input .frame-input-edit .frame-input-label label{display:block;text-align:left}}@media only screen and (max-width:600px){.frame-edit-form .form-input .frame-input-edit .frame-input-label{display:block!important;display:flex;height:80px;justify-content:center;margin:auto;text-align:center;width:74%}.frame-edit-form .form-input .frame-input-edit .frame-input-label label{display:block;text-align:left}}.frame-edit-form .form-input .frame-input-edit input{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px #0000001a;font-size:16px;margin:5px 5px 20px;padding:10px;transition:border-color .3s ease}@media only screen and (max-width:1024px){.frame-edit-form .form-input .frame-input-edit input{width:95%}}@media only screen and (max-width:600px){.frame-edit-form .form-input .frame-input-edit input{width:95%}}.frame-edit-form .form-input .frame-input-edit input:focus{border-color:#1e90ff;outline:none}.frame-edit-form .form-input .frame-input-edit ::placeholder{color:#999}.frame-edit-form .form-input .frame-input-edit .frame-input-loader{margin:auto auto auto -5px}.frame-edit-form .form-input .frame-input-edit .frame-input-loader input{cursor:pointer;width:228px}.frame-edit-form .form-input .image-preview{border:2px solid #ccc;border-radius:5px;height:120px;margin:30px auto auto;overflow:hidden;width:120px}.frame-edit-form .form-input .image-preview img{height:100%;object-fit:cover;width:100%}.frame-edit-form .form-input .frame-error-message{height:10px;margin-top:5px}.frame-edit-form .form-input .frame-error-message p{color:#f90707}.frame-edit-form .form-input .frame-button-save-cancel{margin:auto;width:90px}.frame-edit-form .form-input .frame-button-save-cancel button{border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;height:40px;margin:20px auto;width:100%}.frame-edit-form .form-input .frame-button-save-cancel button.primary{background-color:#2cce31}.frame-edit-form .form-input .frame-button-save-cancel button.cancel{background-color:#f44336}.frame-edit-form::-webkit-scrollbar{width:8px}.frame-edit-form::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.frame-edit-form::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.form-container{align-items:center;display:flex;height:90vh;justify-content:center;margin:auto;text-align:left;width:500px}@media only screen and (max-width:1024px){.form-container{width:100%}}@media only screen and (max-width:600px){.form-container{width:80%}}.form-container .frame-success-message{height:40px;margin-top:20px;width:100%}.form-container .success-message{background-color:#4caf50;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:10px;text-align:center}.input-field{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:30px;margin-top:5px;padding:8px;width:100%}.button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin:auto;width:50%}.button:hover{background-color:#45a049}.profile-wrapper{align-items:center;display:flex;height:100vh;justify-content:center}@media only screen and (max-width:1024px){.profile-wrapper{height:83vh}}@media only screen and (max-width:600px){.profile-wrapper{height:83vh}}.profile-wrapper a{align-items:center;background-color:#d8dadc;border-radius:5px;color:#000;display:flex;height:40px;justify-content:center;left:90%;position:absolute;top:5%;width:40px}@media only screen and (max-width:1024px){.profile-wrapper a{top:10%}}@media only screen and (max-width:600px){.profile-wrapper a{left:85%;top:15%}}.profile-wrapper .frame-blog-profile{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:60vh;margin:auto;width:70%}@media only screen and (max-width:1024px){.profile-wrapper .frame-blog-profile{display:block;height:80%;width:70%}}@media only screen and (max-width:600px){.profile-wrapper .frame-blog-profile{display:block;height:80%;width:90%}}.profile-wrapper .frame-blog-profile .frame-children-blog{align-items:center;border:3px solid #c3e1ff;border-radius:10px;display:flex;justify-content:center}.profile-wrapper .frame-blog-profile .frame-children-blog button{background-color:#ff0808;border:none;border-radius:5px;color:#fff;height:30px;width:100px}@media only screen and (max-width:1024px){.profile-wrapper .frame-blog-profile .frame-children-blog{height:200px;margin-bottom:30px}}@media only screen and (max-width:600px){.profile-wrapper .frame-blog-profile .frame-children-blog{height:200px;margin-bottom:30px}}.profile-wrapper .frame-blog-profile .frame-children-blog .frame-error-message{color:#3bd175;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-seri;height:10px;margin-top:10px}.profile-wrapper .frame-blog-profile .frame-children-blog .frame-error-message .error-message{color:red}@media only screen and (max-width:1024px){.profile-wrapper .frame-blog-profile .comming-soon{display:none}}@media only screen and (max-width:600px){.profile-wrapper .frame-blog-profile .comming-soon{display:none}}.profile-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:20px}.profile-info{margin-bottom:20px}.profile-info p{margin:10px 0}.profile-info p:first-child{font-weight:700}.profile-info p span{color:#555;font-weight:400}
/*# sourceMappingURL=main.54f61273.css.map*/