.auth-section{align-items:center;display:flex;flex-direction:column;gap:25px;height:100vh;justify-content:center;width:100%}.auth-section .input-field-wrapper{display:flex;flex-direction:column;gap:12px}.auth-section .input-field-wrapper label{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;text-transform:capitalize}.auth-section .input-field-wrapper label .password-container{display:flex;position:relative}.auth-section .input-field-wrapper label .password-show-toggle{cursor:pointer;height:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.auth-section .input-field-wrapper label input{background-color:var(--background-color-muted);border:2px solid #0000;border-radius:10px;height:2.5em;outline:none;overflow:hidden;transition:all .3s;width:15em}.auth-section .input-field-wrapper label input.invalid{border:2px solid var(--red)}.auth-section .input-field-wrapper label input:focus,.auth-section .input-field-wrapper label input:hover{background-color:var(var(--background-color));border:2px solid var(--active-color);box-shadow:0 0 0 7px var(--active-background)}.auth-section .input-field-wrapper label input::placeholder{text-transform:capitalize}.auth-section .input-field-error{align-items:center;color:var(--red);display:flex;justify-content:flex-start;text-align:start;width:100%}.auth-section button{aspect-ratio:2/1;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;height:min-content;transition:.3s;width:min-content}.auth-section button:not(:disabled):hover{background:var(--active-background);border-color:var(--active-color);color:var(--active-color)}.auth-section button:disabled{filter:brightness(0) saturate(100%)}.auth-section button:disabled:hover{background:var(--red-background);border-color:var(--red);color:var(--red)}.action-modal{background:var(--background-color);border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:700px;max-width:900px;padding:20px 20px 50px;position:relative;width:100%}.action-modal .hint-container{border:2px solid;border-radius:50%;color:var(--active-color);height:15px;position:relative;width:15px}.action-modal .hint-container:before{content:"?";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.action-modal .hint-container:hover .hint-content{opacity:1}.action-modal .hint-content{background:var(--background-color-muted);border:1px solid var(--active-color);border-radius:6px;box-sizing:border-box;color:var(--text-color);font-size:10px;max-width:150px;opacity:0;padding:5px;pointer-events:none;position:absolute;right:50%;text-align:center;text-transform:none;top:50%;transform:translate(50%,-50%);transition:.3s;width:max-content}.action-modal .category-action{margin-bottom:20px}.action-modal.delete{border-top:3px solid var(--red);max-height:300px;max-width:400px}.action-modal.delete svg{color:var(--red);height:50px;width:50px}.action-modal.delete .action-modal-content{align-items:center;text-align:center}.action-modal label{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding-left:.8em;text-transform:capitalize}.action-modal label input:not([type=checkbox]):not([type=radio]){background-color:var(--background-color-muted);border:2px solid #0000;border-radius:10px;height:2.5em;outline:none;overflow:hidden;transition:all .3s;width:15em}.action-modal label input:not([type=checkbox]):not([type=radio]).invalid{border:2px solid var(--red)}.action-modal label input:not([type=checkbox]):not([type=radio]):not(:read-only):not(:disabled):focus,.action-modal label input:not([type=checkbox]):not([type=radio]):not(:read-only):not(:disabled):hover{background-color:var(var(--background-color));border:2px solid var(--active-color);box-shadow:0 0 0 7px var(--active-background)}.action-modal label input:not([type=checkbox]):not([type=radio]):disabled,.action-modal label input:not([type=checkbox]):not([type=radio]):read-only{cursor:not-allowed}.action-modal label input:not([type=checkbox]):not([type=radio])::placeholder{text-transform:capitalize}.action-modal label input[type=checkbox],.action-modal label input[type=radio]{transition:.3s}.action-modal label input[type=checkbox]:disabled,.action-modal label input[type=radio]:disabled{cursor:not-allowed}.action-modal label input[type=checkbox].invalid,.action-modal label input[type=radio].invalid{box-shadow:0 0 12px var(--red)}.action-modal label textarea{background-color:var(--background-color-muted);border:2px solid #0000;border-radius:10px;height:5em;outline:none;overflow:hidden;transition:border,box-shadow .3s;width:25em}.action-modal label textarea.invalid{border:2px solid var(--red)}.action-modal label textarea:focus,.action-modal label textarea:hover{background-color:var(var(--background-color));border:2px solid var(--active-color);box-shadow:0 0 0 7px var(--active-background)}.action-modal label .list-input{background-color:var(--background-color-muted);border-radius:10px;gap:20px;height:200px;list-style:none;margin:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;resize:both;transition:border .3s,box-shadow .3s,background-color .3s;width:200px}.action-modal label .list-input li{align-items:center;display:flex;gap:5px;padding:5px 0}.action-modal label .list-input.invalid{border:2px solid var(--red)}.action-modal label .list-input:not(.disabled):hover{background-color:var(var(--background-color));border:2px solid var(--active-color);box-shadow:0 0 0 7px var(--active-background)}.action-modal-buttons{align-items:center;background:var(--background-color);bottom:0;display:flex;gap:20px;height:50px;justify-content:center;left:0;position:absolute;width:100%}.action-modal .add-item{background:#0000;border:none;color:var(--green);cursor:pointer;height:30px;width:30px}.action-modal .add-item svg{height:100%;width:100%}.action-modal .add-item:hover{background:#0000;border:none;color:var(--green)}.action-modal-content{box-sizing:border-box;display:flex;flex-direction:column;gap:22.5px;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;width:100%}.action-modal-content.not-main{align-items:center}.action-modal-container{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}.action-modal-container.no-background{background:#0000}.product-image-preview{aspect-ratio:1/1;height:200px;width:200px}.product-image-preview img{max-height:100%;max-width:100%}.content{background:var(--background-color-muted);box-sizing:border-box;display:flex;flex-direction:column;gap:25px;height:100%;overflow:auto;padding:50px;width:100%}.content .filter-name:first-letter{text-transform:uppercase}.content .filters-inputs-container{display:none;flex-direction:column;gap:20px;position:relative;width:100%}.content .filters-inputs-container.active{display:flex}.content .input-filter-container{align-items:center;box-sizing:border-box;display:flex;gap:15px;padding-top:20px}.content .from-to-input span{background-color:var(--text-color);height:1px;width:20px}.content .filter-input{background-color:var(--background-color);border:2px solid #0000;border-radius:10px;height:2.5em;outline:none;overflow:hidden;transition:all .3s;width:15em}.content .filter-input:not(:read-only):not(:disabled):focus,.content .filter-input:not(:read-only):not(:disabled):hover{background-color:var(var(--background-color));border:2px solid var(--active-color);box-shadow:0 0 0 7px var(--active-background)}.content .filter-input:disabled,.content .filter-input:read-only{cursor:not-allowed}.content .filter-input::placeholder{text-transform:capitalize}.content .list-input{background-color:var(--background-color);border-radius:10px;gap:20px;height:66px;list-style:none;margin:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:0;resize:both;transition:border .3s,box-shadow .3s,background-color .3s;width:200px}.content .list-input li{align-items:center;display:flex;gap:5px;padding:5px 0}.content .list-input.invalid{border:2px solid var(--red)}.content .list-input:not(.disabled):hover{background-color:var(var(--background-color));border:2px solid var(--active-color);box-shadow:0 0 0 7px var(--active-background)}.content .default-button{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;height:30px;transition:.3s;width:max-content}.content .default-button svg{height:100%;width:100%}.content .default-button:hover{background:var(--active-background);border-color:var(--active-color);color:var(--active-color)}.content .dashboard-container{background-color:var(--background-color);border-radius:6px;box-sizing:border-box;max-height:730px;min-width:100%;overflow-x:hidden;overflow-y:auto;padding:20px;width:auto}.content .dashboard-list{align-items:center;display:flex;flex-wrap:wrap;gap:20px;width:100%}.content .dashboard-list .category{align-items:center;display:flex;justify-content:center;max-width:200px;-webkit-user-select:none;user-select:none;width:100%}.content .dashboard-list .category.active a{background:var(--active-background);color:var(--active-color)}.content .dashboard-list .category:not(.active) a:hover{background-color:#0000000f}.content .dashboard-list .category a{align-items:center;border-radius:6px;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:flex;gap:10px;height:40px;list-style-position:inside;list-style-type:disc;overflow:hidden;padding-left:24px;text-decoration:none;text-overflow:ellipsis;transition:.3s;-webkit-user-select:none;user-select:none;width:calc(100% - 16px)}.content .dashboard-list .category a .icon{align-items:center;aspect-ratio:1/1;display:flex;height:100%;justify-content:center;max-height:15px}.content .category-title{align-items:center;display:flex;gap:15px}.content .category-title .add-item{background:#0000;border:none;color:var(--green);cursor:pointer;height:30px;width:30px}.content .category-title .add-item svg{height:100%;width:100%}.content table{border-collapse:initial;border-spacing:0;box-sizing:border-box;font-size:.875em;min-width:100%;table-layout:fixed;text-align:start;width:auto}.content table thead tr th{background:#fafafa;border-bottom:1px solid #f0f0f0;box-sizing:border-box;color:#000000e0;font-weight:600;overflow-wrap:break-word;padding:16px;position:relative;text-align:start;text-transform:capitalize;transition:.3s;white-space:nowrap}.content table thead tr th:first-child{border-start-start-radius:8px}.content table thead tr th:last-child{border-top-right-radius:8px}.content table tbody tr{background:var(--background-color)}.content table tbody tr td{padding:16px}.content table tbody tr td.actions{align-items:center;display:flex;gap:5px}.content table tbody tr td.actions button{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;height:30px;transition:.3s;width:30px}.content table tbody tr td.actions button svg{height:100%;width:100%}.content table tbody tr td.actions button.show:hover{background:var(--active-background);border-color:var(--active-color);color:var(--active-color)}.content table tbody tr td.actions button.edit:hover{background:var(--green-background);border-color:var(--green);color:var(--green)}.content table tbody tr td.actions button.delete:hover{background:var(--red-background);border-color:var(--red);color:var(--red)}.content table tbody tr td.actions button.order-download:hover{background:hsla(0,0%,56%,.118);border-color:#8f8f8f;color:#8f8f8f}.content .pagination{gap:10px;width:100%}.content .pagination,.content .pagination-button{align-items:center;display:flex;justify-content:center}.content .pagination-button{aspect-ratio:1/1;background:var(--active-background);border-radius:6px;box-sizing:border-box;color:var(--text-color);cursor:pointer;height:40px;padding:10px;transition:.3s;-webkit-user-select:none;user-select:none;width:40px}.content .pagination-button.disabled{cursor:not-allowed;opacity:.5}.content .pagination-button.active,.content .pagination-button:active:not(.disabled){background:var(--active-color);color:var(--active-background)}button.active{aspect-ratio:2/1;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;height:min-content;transition:.3s;width:min-content}button.active:not(:disabled):hover{background:var(--active-background);border-color:var(--active-color);color:var(--active-color)}button.active.add:not(:disabled):hover,button.active.edit:not(:disabled):hover{background:var(--green-background);border-color:var(--green);color:var(--green)}button.active.delete:not(:disabled):hover{background:var(--red-background);border-color:var(--red);color:var(--red)}button.active:disabled{filter:brightness(0) saturate(100%)}button.active:disabled:hover{background:var(--red-background);border-color:var(--red);color:var(--red)}@media(hover:hover){.pagination-button:hover:not(.disabled){background:var(--active-color);color:var(--active-background)}}.loader{animation:spin 2s infinite;border-radius:50%;border-top:10px solid var(--active-background);border:10px solid var(--active-background);border-top-color:var(--active-color);height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.checkout-product{border:1px solid var(--transparent-black-10);border-radius:10px;box-sizing:border-box;display:grid;grid-template-columns:100%;grid-template-rows:180px auto;height:auto;padding:20px 50px;width:100%}.checkout-product-inner-container{align-items:center;display:flex;gap:15px;grid-column:1;width:100%}.checkout-product-image-container{aspect-ratio:1/1;height:100%;max-height:100%;max-width:100%}.checkout-product-image-container img{max-height:100%;max-width:100%}.checkout-product-active{gap:15px}.checkout-product-active,.checkout-product-info{align-items:center;display:flex;justify-content:space-between;width:100%}.checkout-product-info p{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-product-cell{align-items:center;display:flex;justify-content:center}.checkout-product-cell.main{flex-direction:column;gap:15px;max-width:100%;overflow:hidden;width:100%}.checkout-product-cell p{text-align:center}.checkout-product-cell-delete{background:#0000;border:none;box-sizing:border-box;color:var(--transparent-black-60);cursor:pointer;height:30px;padding:0 0 0 40px;width:auto}.checkout-product-cell-delete:active{color:var(--red)}.checkout-product-cell-delete svg{height:100%;transition:.3s;width:100%}.checkout-product-options{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:20px;grid-column:1/3;height:auto;justify-content:center;padding-top:20px;width:100%}.checkout-product-options.order{flex-direction:column;justify-content:flex-start}.checkout-product-count{align-items:center;display:flex;gap:15px;justify-content:flex-start}@media(max-width:770px){.checkout-product{align-items:center;display:flex;flex-direction:column;gap:20px;height:auto;width:100%}.checkout-product img{height:100%;max-height:250px;max-width:250px;width:100%}.checkout-product-inner-container{flex-direction:column}.checkout-product-cell.main{gap:25px;overflow:inherit}.checkout-product-active,.checkout-product-info{flex-direction:column;gap:20px}.checkout-product-active p,.checkout-product-info p{max-width:100%}}@media(hover:hover){.checkout-product-cell-delete:hover{color:var(--red)}}.product-image-container{align-items:center;display:flex;gap:20px;height:auto;width:100%}.product-image-container img{height:200px;width:200px}.product-image-container img.invalid{border:2px solid var(--red)}.product-image-container button{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;height:30px;transition:.3s;width:30px}.product-image-container button svg{height:100%;width:100%}.product-image-container button.edit:hover{background:var(--green-background);border-color:var(--green);color:var(--green)}.product-image-container button.delete:hover{background:var(--red-background);border-color:var(--red);color:var(--red)}.product-image-fields{display:flex;flex-direction:column;gap:20px}.product-image-field{align-items:center;display:flex;gap:15px}.product-image-field ul.list-input{height:50px;width:150px}.header{align-items:center;background:var(--background-color);border-bottom:1px solid #e8e9ea;box-sizing:border-box;display:flex;height:75px;padding:10px 20px;width:100%}.header img{height:100%}.notifications{flex-direction:column;max-width:200px;pointer-events:none;position:fixed;right:10px;top:10px;-webkit-user-select:none;user-select:none;z-index:100}.notification,.notifications{align-items:center;display:flex;gap:20px;width:100%}.notification{animation:notificationAppear forwards;background:var(--background-color);border:1px solid #4830180a;border-radius:6px;box-sizing:border-box;justify-content:center;min-height:75px;padding:0 0 0 50px;position:relative;right:-110%}.notification svg{height:30px;left:10px;position:absolute;width:30px}@keyframes notificationAppear{0%{transform:translateX(0)}15%{transform:translateX(-110%)}85%{transform:translateX(-110%)}to{transform:translateX(0)}}.sidebar{align-items:center;background:var(--background-color-muted-light);border-right:1px solid #e8e9ea;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:250px;transition:.3s;width:100%}.sidebar.short{max-width:75px}.sidebar.short .categories .category a{padding:0 20px}.sidebar.short .toggle svg{transform:rotate(0)}.sidebar .toggle{background:var(--background-color);border:none;border-top:1px solid #e8e9ea;cursor:pointer;height:70px;width:100%}.sidebar .toggle svg{color:var(--active-color);height:20px;transform:rotate(180deg);transition:.3s;width:20px}.sidebar .categories{align-items:center;border:none;border-inline-end:1px solid #4830180a;display:flex;flex-direction:column;gap:5px;height:100%;margin:0;max-height:calc(100% - 70px);overflow:auto;padding:8px 0 0;width:100%}.sidebar .categories .category{align-items:center;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.sidebar .categories .category.active a{background:var(--active-background);color:var(--active-color)}.sidebar .categories .category:not(.active) a:hover{background-color:#0000000f}.sidebar .categories .category a{align-items:center;border-radius:6px;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:flex;gap:10px;height:40px;list-style-position:inside;list-style-type:disc;overflow:hidden;padding-left:24px;text-decoration:none;text-overflow:ellipsis;transition:.3s;-webkit-user-select:none;user-select:none;width:calc(100% - 16px)}.sidebar .categories .category a .icon{align-items:center;aspect-ratio:1/1;display:flex;height:100%;justify-content:center;max-height:15px}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}html{--background-color:#fff;--background-color-muted-light:#f7f8f9;--background-color-muted:#f0f2f5;--active-color:#1677ff;--active-background:#e6f4ff;--green:#389e0d;--green-background:#f6ffed;--red:#ff4d4f;--yellow:#c7b120;--red-background:#ff4d501c;--text-color:#000000e0}#root,.App,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}.App{flex-direction:column}.App,.main{display:flex}.main{height:calc(100% - 75px);width:100%}p{margin:0}
/*# sourceMappingURL=main.1359eab5.css.map*/