body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-title{color:#000;font-size:18px;font-weight:700;margin-bottom:20px}.login-box{display:flex;flex-direction:column;justify-content:center;width:100%}.login-label{color:#787878;font-size:14px;font-weight:600;margin-bottom:10px;text-align:left;width:100%}.login-input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:20px;outline:none;padding:12px 20px;text-align:center;transition:border-color .3s}.login-input:focus{border-color:#95cd2b}.login-input.error-border{border-color:red}.login-button{background:#95cd2b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;max-width:200px;padding:12px 20px;transition:.3s;width:100%}.login-button:hover{background:#b2da66}.login-error-container{align-items:center;display:flex;justify-content:center;margin-top:15px}.login-error{color:red;font-size:14px;font-weight:500;visibility:hidden}.login-error:not(:empty){visibility:visible}.image-container{align-items:center;display:flex;justify-content:center;margin-top:15px;width:50%}.logo{width:100px}.login-section{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:row;height:100vh;justify-content:center;overflow:hidden;padding:0;text-align:center;width:100vw}.login-container{width:50%}.login-container,.login-form{align-items:center;display:flex;height:100%;justify-content:center}.login-form{border-radius:15px;flex-direction:column;margin-top:50px;max-width:400px;padding:40px;width:100%}.login-image-container{align-items:center;box-shadow:-1px 0 20px #0000004d;display:flex;height:100%;justify-content:center;overflow:hidden;width:50%}.logo-container{align-items:self-end;display:flex;height:20%}.login-image{height:100%;object-fit:cover;width:100%}.login-image-container:before{background-color:#ffffff80;content:"";height:100%;left:50%;position:absolute;top:0;width:50%;z-index:1}.login-logo-image{left:75%;max-width:300px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}@media (max-width:750px){.login-section{flex-direction:column}.login-container{width:100%}.login-image-container{display:none}}.product-table-container{background-color:#fff;box-shadow:0 2px 5px #0000001a;min-height:400px;overflow-x:auto;padding:20px;width:95%}.product-table td{padding-block:2px}.empty-message{color:gray;font-size:14px;height:200px}.empty-message,.image-modal-overlay{align-items:center;display:flex;justify-content:center}.image-modal-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:500px;text-align:center;width:500px}.image-modal-header{align-items:center;background:#f4f4f4;border-bottom:1px solid #ccc;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;height:50px;justify-content:space-between;padding-inline:24px}.image-modal-title{font-size:15px;font-weight:600}.image-modal-body{align-items:center;display:flex;height:450px;justify-content:center;overflow:hidden}.modal-image{border-radius:5px;object-fit:contain;width:80%}@media screen and (max-width:550px){.image-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:-webkit-fit-content;height:fit-content;text-align:center;width:90%}}.product-grid{grid-gap:20px;background-color:#f5f5f5;box-shadow:0 2px 5px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);justify-content:center;min-height:400px;overflow-x:auto;padding:20px;width:95%}.product-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:400px;justify-content:center;overflow:hidden;padding-bottom:10px;position:relative;transition:transform .2s ease-in-out}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}.product-card{align-self:center;justify-self:center;width:80%}.no-products{font-size:10px;position:absolute}}.no-products{left:45%;position:absolute}.product-card:hover{transform:translateY(-5px)}.product-card-actions{background:#fffc;border-radius:5px;display:flex;gap:5px;position:absolute;right:5px;top:5px;z-index:10}.product-image-grid-container{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;padding-bottom:5px;position:relative;width:90%}.product-image-grid{border-top-left-radius:8px;border-top-right-radius:8px;height:100%;object-fit:contain;width:100%}.product-image-grid-overlay{align-items:flex-end;background:linear-gradient(0deg,#95cd2b80,#95cd2b4d,#80808000);bottom:0;display:flex;flex-wrap:wrap;height:50%;justify-content:flex-start;left:0;padding:10px;position:absolute;width:100%}.product-image-grid-overlay-content{display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-image-grid-overlay-content span:not(:last-child):after{color:#fff;content:" "}.product-image-grid-overlay span{background-color:#fff;border-radius:5px;color:#000;display:inline-block;font-size:13px;margin:2px;padding:4px 8px;white-space:nowrap}.product-details{height:50%;text-align:center;width:80%}.product-grid-name-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:10px}.product-grid-name-fr{direction:ltr;text-align:left}.product-grid-name-ar,.product-grid-name-fr{font-size:13px;font-weight:700;margin-bottom:5px;max-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-grid-name-ar{direction:rtl;text-align:right}.product-grid-description-fr{text-align:left}.product-grid-description-ar,.product-grid-description-fr{color:#9e9e9e;font-size:12px;margin-bottom:5px;margin-top:10px;max-height:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-grid-description-ar{direction:rtl;text-align:right}.product-grid-price{font-size:13px;font-weight:700;margin-top:10px}.product-grid-stock-container{align-items:center;display:flex;gap:5px;justify-content:center}.product-grid-stock{border-radius:5px;color:#fff;font-size:13px;font-weight:700;margin-top:10px;padding:5px;width:-webkit-fit-content;width:fit-content}.grid-delete-btn,.grid-edit-btn{align-items:center;border:none;border-radius:4px;color:#b4b4b4;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;margin:2px;padding:2px;width:28px}.grid-edit-btn:hover{background:#95cd2b;color:#fff}.grid-delete-btn:hover{background:#ff3a4e;color:#fff}.view-toggle{width:-webkit-fit-content;width:fit-content}.dropdown,.view-toggle{align-items:center;cursor:pointer;display:flex;justify-content:center}.dropdown{background:#fff;border:1px solid #eaeaea;border-radius:5px;font-size:14px;padding:8px}.dropdown:hover{background:#95cd2b;color:#fff}.dropdown-menu-display{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a;position:absolute;top:135px;width:120px;z-index:100}.dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px}.dropdown-item:hover{background:#f0f0f0}@media screen and (max-width:565px){.dropdown{padding:5px}.view-header-button svg{height:18px;width:18px}}@media screen and (max-width:380px){.view-header-button svg{height:14px;width:14px}}.items-per-page-selector{align-items:center;display:flex;justify-content:center;width:-webkit-fit-content;width:fit-content}.items-per-page-selector span{color:#8c8c8c;font-size:14px;margin-right:8px}.items-per-page-selector select{border:1px solid #ddd;border-radius:4px;padding:4px 8px}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #0003;box-sizing:border-box;left:50%;max-height:110vh;position:fixed;top:50%;transform:translate(-50%,-50%);width:600px;z-index:1000}.edit-product-title{color:#000;font-size:15px;font-weight:600;text-align:center}.close-user-modal{cursor:pointer;display:flex;font-size:24px;justify-content:center}.product-image-wrapper{align-items:center;display:flex;justify-content:space-between}.product-image-container{align-items:center;background-color:#efefef;border:2px solid #efefef;border-radius:10px;display:flex;height:170px;justify-content:center;width:40%}.product-image{height:auto;object-fit:contain;width:80%}.upload-box{align-items:center;border:2px dashed #95cd2b;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:170px;justify-content:center;max-width:350px;transition:background-color .2s,color .2s;width:55%}.title-box{color:#000;font-size:13px;font-weight:600;margin-block:10px;text-align:center}.box-info{color:#767676;font-size:13px}.upload-box:hover{background-color:#f3fff0}.upload-box:hover .title-box{color:#95cd2b}.upload-image{height:50px;width:50px}form{display:flex;flex-direction:column}label{color:#000;font-size:13px;font-weight:600;margin-block:12px;width:100%}input,textarea{background-color:#fff;border:1px solid #cacaca;border-radius:6px;font-size:14px;margin-bottom:12px;outline:none;padding:10px}input:focus,textarea:focus{border-color:#95cd2b;box-shadow:0 0 2px #8bfc3a80}textarea{font-family:Arial,Helvetica,sans-serif;height:70px}.add-tag-input-container,.product-name-container,.product-price-stock-container{align-items:center;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:space-between;margin-top:12px}.add-tag-container,.tags-container{align-self:flex-start;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-self:flex-start}.add-tag-container,.product-name-ar-container,.product-name-fr-container,.product-price-container,.product-stock-container,.tags-container{width:45%}.add-tag-container input,.product-name-ar-container input,.product-name-fr-container input,.product-price-container input,.product-stock-container input,.tags-container input{margin-top:12px;width:91%}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-box{align-items:center;background-color:#c9e496;border-radius:.5rem;color:#000;display:flex;padding:.2rem .5rem}.tag-text{font-size:14px;margin-right:.5rem}.delete-tag-button{background:none;border:none;color:#000;cursor:pointer;font-size:1rem}.tag-input-container{position:relative}.add-tag-input-submit-container{align-items:center;display:flex;justify-content:center}.add-associate-tag-button-narrow-screen{display:none}.add-associate-tag-button-narrow-screen,.add-associate-tag-button-wide-screen{background-color:#b5b5b5;border:1px solid #b5b5b5;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;margin-left:5px;padding:11px 12px;transition:background-color .3s ease}.add-associate-tag-button-narrow-screen:hover,.add-associate-tag-button-wide-screen:hover{background-color:#95cd2b;border-color:#95cd2b;color:#fff}.tag-suggestions{background:#f5f5f5;border:1px solid #ccc;border-radius:.5rem;font-size:14px;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;width:100%}.tag-suggestion-item{cursor:pointer;padding:.5rem}.tag-suggestion-item:hover{background-color:#95cd2b;color:#fff}.modal-actions{align-items:center;background:#f4f4f4;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #ccc;display:flex;height:50px;justify-content:center}.submit-button{background-color:#b5b5b5;border:1px solid #9f9f9f;border-radius:4px;color:#fff}.cancel-button,.submit-button{cursor:pointer;font-size:13px;margin-inline:8px;padding:10px 12px;transition:background-color .3s ease}.cancel-button{background-color:#fff;border:1px solid #a6a6a6;border-radius:4px;color:#a6a6a6}.submit-button:hover{background-color:#95cd2b;border-color:#95cd2b;color:#fff}.cancel-button:hover{background-color:#e92020;border-color:#e92020;color:#fff}.error-text{color:red;font-size:13px}select:focus{border-color:#95cd2b;box-shadow:0 0 2px #8bfc3a80}.add-category-input-container{display:flex;flex-direction:column}.category-input-container{overflow:visible;position:relative;width:41%}.custom-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;padding:10px;position:relative;width:100%}.category-dropdown-arrow{float:right;margin-top:2px}.category-dropdown-menu{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;margin-top:5px;max-height:180px;overflow-y:auto;padding-inline:10px;position:absolute;width:100%;z-index:10}.category-dropdown-item{cursor:pointer;padding:8px}.category-dropdown-item:hover{background-color:#f0f0f0}.selected-category{background-color:#95cd2b;color:#fff}@media (max-width:600px){.modal-content{width:90%}h2{font-size:1.5rem}.add-associate-tag-button-narrow-screen{display:block;padding:6px}.add-associate-tag-button-wide-screen{display:none}}@media (max-width:520px){.title-box{font-size:10px}.box-info{font-size:8px}}.category-filter-dropdown-menu-display{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a;height:200px;overflow-y:auto;position:absolute;top:145px;width:-webkit-fit-content;width:fit-content;z-index:100}@media screen and (max-width:565px){.filter-dropdown{padding:5px}.filter-header-button svg{height:18px;width:18px}}.tag-form{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;height:90vh;left:50%;min-width:40%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.tag-form-header{align-items:center;background:#f4f4f4;border-bottom:1px solid #ccc;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;height:50px;justify-content:space-between;padding-inline:24px}.tag-form-header h2{font-size:15px;margin:0}.tag-form-header .tag-search{border:1px solid #ccc;border-radius:4px;font-size:13px;margin:0 10px;padding:8px;width:50%}.tag-form-header .close-btn{background:none;border:none;color:#000;cursor:pointer;font-size:24px}.tag-form-body{flex:1 1;overflow-y:auto;padding:10px}.tag-list{margin-bottom:20px}.tag-item{align-items:center;display:flex;margin-bottom:10px}.tag-item input{flex:1 1;margin-bottom:0;margin-right:10px}.tag-item .delete-button{background:#fff;border:none;border-radius:4px;color:#b5b5b5;cursor:pointer;font-size:5px;padding:4px}.tag-item .delete-button:hover{background:#f44336;color:#fff}.tag-actions-1{gap:10px;justify-content:flex-start;width:70%}.tag-actions-1,.tag-actions-2{align-items:center;display:flex}.tag-actions-2{justify-content:flex-end;width:30%}.tag-search-container{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:center;padding:10px}.tag-search{border-radius:6px;margin-bottom:0;width:100%}.tag-form-footer{align-items:center;background:#f4f4f4;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:10px}.add-tag-button{background:#9a9a9a;border:1px solid #9a9a9a;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px;width:-webkit-fit-content;width:fit-content}.add-tag-button:hover{background:#007bff;border:1px solid #007bff;color:#fff}.add-tag-input{border-radius:6px;margin-bottom:0;padding:8px;width:40%}@media (max-width:600px){.tag-form{width:90%}}.confirm-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-body{max-height:70vh;overflow-y:auto;padding-block:12px;padding-inline:24px}.delete-product-title{color:#000;font-size:15px;font-weight:600;text-align:center}.confirm-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center}.confirm-modal-content h3{font-size:14px;font-weight:500;margin-bottom:20px}.confirm-modal-buttons{display:flex;gap:20px;justify-content:center;padding-bottom:20px}.confirm-modal-buttons button{background-color:#bbb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px;transition:background-color .3s}.confirm-modal-buttons button:hover{background-color:#6d6d6d}.confirm-modal-buttons button:last-child{background-color:#ff3a4e}.confirm-modal-buttons button:last-child:hover{background-color:#c82333}.search-container input{height:18px}@media screen and (max-width:1100px){.button-text{display:none}}.filter-dropdown,.filter-toggle{align-items:center;cursor:pointer;display:flex;justify-content:center;width:-webkit-fit-content;width:fit-content}.filter-dropdown{background:#fff;border:1px solid #eaeaea;border-radius:5px;font-size:14px;padding:8px}.filter-dropdown:hover{background:#95cd2b;color:#fff}.filter-dropdown:hover .icon-filter-filled{color:#fff}.filter-dropdown-menu-display{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a;position:absolute;top:145px;width:120px;z-index:100}.filter-dropdown-item.selected,.filter-dropdown-item.selected:hover{background-color:#95cd2b;color:#fff}.filter-dropdown-item:hover{background:#ddff9d}@media screen and (max-width:480px){.filter-dropdown{padding:5px}.filter-header-button svg{height:18px;width:18px}}@media screen and (max-width:380px){.filter-header-button svg{height:14px;width:14px}}.upload-modal-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.upload-modal-content,.upload-modal-overlay{align-items:center;display:flex;justify-content:center}.upload-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex-direction:column;height:270px;width:400px}.upload-modal-header{align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;height:40px;justify-content:end;padding-inline:24px;width:100%}.close{margin-right:20px}.upload-modal-body{align-items:center;display:flex;flex-direction:column;font-size:13px;height:130px;justify-content:center;margin:20px 0;text-align:center;width:80%}.upload-modal-body span{font-size:14px;margin-block:20px}.upload-modal-buttons{display:flex;gap:20px;justify-content:center;padding-bottom:20px}.upload-modal-buttons button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px;transition:background-color .3s}.upload-modal-buttons button:hover{background-color:#6d6d6d}.success-modal .upload-modal-buttons button{background-color:#95cd2b}.success-modal .upload-modal-buttons button:hover{background-color:#6fa631}.error-modal .upload-modal-buttons button{background-color:#ff3a4e}.error-modal .upload-modal-buttons button:hover{background-color:#c82333}@media (max-width:600px){.upload-modal-content{width:90%}}.custom-spinner{animation:rotate 2s linear infinite}.custom-spinner .path{stroke:#95cd2b;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.user-table-container{background-color:#fff;box-shadow:0 2px 5px #0000001a;min-height:430px;overflow-x:auto;padding:20px;width:95%}.product-table{border-collapse:collapse;font-size:13px;text-align:left;width:100%}.product-table th{background-color:#eee;font-weight:500;padding:7px}.product-table td,.product-table th{overflow:hidden;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.product-table td{max-width:200px;padding-block:12px;padding-inline:7px}.product-table td img.product-img{border-radius:4px;height:40px;object-fit:contain;width:40px}.product-table tr:nth-child(2n){background-color:#f8f8f8}.product-table tr:hover{background-color:#eeffcf}.user-details-wrapper{display:flex;gap:20px;height:400px}.user-details-content{width:25%}.user-card{background-color:#fff;overflow:hidden;width:100%}.user-card-header{align-items:center;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;display:flex;font-size:18px;font-weight:700;gap:10px;padding:16px}.user-card-header .icon{font-size:20px}.user-info{display:flex;flex-direction:column;margin-bottom:10px}.label{margin-left:2px}.action-icon{align-items:center;background-color:#fff;border:1px solid #ff3131;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-evenly;padding:8px;transition:color .2s ease;width:-webkit-fit-content;width:fit-content}.action-icon:hover{background-color:#ff3131;color:#fff}.action-icon-text{color:#ff3131;font-size:14px;font-weight:500;margin-left:4px;transition:color .2s ease}.action-icon:hover .action-icon-text{color:#fff}.icon-trash{color:#ff3131;transition:color .2s ease}.action-icon:hover .icon-trash{color:#fff}.user-orders{flex:2 1}.user-orders-list{border:1px solid #ddd;border-radius:8px;height:350px;overflow-y:auto;padding:10px}.order-status{font-size:13px}.order-items{background-color:#fff;border-color:#ccc #e5e5e5;border-style:solid;border-width:1px;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;justify-content:space-evenly;margin-bottom:10px;padding-left:5px;position:relative}.order-recap,.order-recap-box{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-evenly;min-height:80px;width:100%}.order-recap:after{bottom:0;content:"";left:0;position:absolute;top:0;width:5px}.status-initialized:after{background-color:#ffc400}.status-paid:after{background-color:#3ebb00}.status-delivery:after{background-color:#a811ff}.status-delivered:after{background-color:#007bff}.expanded-status-initialized,.status-initialized:hover{background-color:#ffc10733}.expanded-status-paid,.status-paid:hover{background-color:#5ee77e33}.expanded-status-delivery,.status-delivery:hover{background-color:#cba0ff33}.expanded-status-delivered,.status-delivered:hover{background-color:#67b0ff33}.order-details-expanded{border-right:1px solid #ccc;flex:1 1;padding:10px 20px 10px 10px;padding-block:30px}.order-products{overflow-x:auto;width:95%}.no-orders-msg{align-items:center;display:flex;justify-content:center;margin-top:10%}@media screen and (max-width:1000px){.user-orders-list{height:-webkit-fit-content;height:fit-content;overflow-x:hidden}.user-details-wrapper{display:flex;flex-direction:column;gap:20px}.user-details-container{width:100%}.order-details-container{border:none;height:-webkit-fit-content;height:fit-content;padding:0;width:100%}.order-details-content{font-size:14px;padding:20px}}@media screen and (max-width:800px){.action-icon-text{display:none}.order-recap-box{display:block;font-size:14px;font-weight:600;padding-bottom:10px;position:relative;width:100%}.order-id{margin-bottom:3px;margin-top:10px;padding-left:20px}.order-item-label{display:flex}.order-amount,.order-date,.order-total-amount{margin-bottom:3px;padding-left:20px}.order-status{margin-left:20px}}.modal-overlay{background:#00000080;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-header,.modal-overlay{align-items:center;display:flex}.modal-header{background:#f4f4f4;border-bottom:1px solid #ccc;border-top-left-radius:8px;border-top-right-radius:8px;height:50px;justify-content:space-between;padding-inline:24px}.modal-container{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:400px;text-align:center;width:80%}.modal-title{color:#000;font-size:15px;font-weight:600;text-align:center}.modal-message{font-size:16px;margin-bottom:24px}.modal-buttons{display:flex;gap:10px;justify-content:center}.btn{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:8px 16px}.cancel-btn{background:#ccc;color:#333}.close{cursor:pointer;font-size:24px}.cancel-btn:hover{background:#bbb}.delete-user-btn{background:#ff002f;color:#fff}.delete-user-btn:hover{background:#ff647e}.sort-toggle{align-items:center;cursor:pointer;display:flex;justify-content:center;width:250px}.icon-sort-filled{color:#95cd2b}.sort-dropdown{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:5px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px;width:250px}.sort-dropdown:hover{background:#95cd2b;color:#fff}.sort-dropdown:hover .icon-sort-filled{color:#fff}.sort-dropdown-menu-display{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a;position:absolute;top:145px;width:250px;z-index:100}.sort-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px}.sort-dropdown-item:hover{background:#f0f0f0}.sort-dropdown-item-text{margin-left:5px}@media screen and (max-width:950px){.sort-dropdown,.sort-dropdown-menu-display,.sort-toggle{width:-webkit-fit-content;width:fit-content}.sort-dropdown-item-text,.sort-dropdown-menu-display{font-size:10px}}@media screen and (max-width:480px){.sort-dropdown{padding:5px}.sort-header-button svg{height:18px;width:18px}.sort-dropdown-menu-display{font-size:10px;right:10px;top:133px;width:150px}}@media screen and (max-width:380px){.sort-header-button svg{height:14px;width:14px}.sort-dropdown-menu-display{top:128px}}.navbar{background-color:#95cd2b;height:60px;justify-content:flex-end;position:fixed;top:0;width:100%;z-index:1000}.navbar,.white-logo-container{align-items:center;display:flex}.white-logo-container{border-radius:50%;height:57px;justify-content:center;margin-left:50px}.white-logo{height:50px}.admin-icon{align-content:center;align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-right:20px;padding:8px}.admin-icon:hover{background-color:#caffac}.dropdown-menu{background:#fff;border-radius:5px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;position:absolute;right:0;top:60px}.dropdown-menu button{background:none;border:none;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left}.dropdown-menu button:hover{background:#eaffe0}@media screen and (max-width:565px){.dropdown-menu{position:absolute;right:20px;top:60px}.admin-icon{margin-right:30px}.search-container input{padding-block:5px;padding-right:0;width:140px}.navbar{padding-inline:10px}.header-button{font-size:9px;padding:5px}.header-button svg{height:18px;width:18px}.items-per-page-selector span{display:none}}.modal{align-items:flex-start;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.frequent-search-table{border-collapse:collapse;box-shadow:none;width:100%}.frequent-search-table td{max-width:200px;overflow:hidden;padding-block:2px;padding-inline:7px;padding-left:15px;text-overflow:ellipsis;white-space:nowrap}.frequent-search-form{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;height:90vh;left:50%;min-width:40%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.frequent-search-form-header{align-items:center;background:#f4f4f4;border-bottom:1px solid #ccc;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;height:50px;justify-content:space-between;padding-inline:24px}.frequent-search-form-header h2{font-size:15px;margin:0}.frequent-search-form-header .frequent-search-search{border:1px solid #ccc;border-radius:4px;font-size:13px;margin:0 10px;padding:8px;width:50%}.frequent-search-form-header .close-btn{background:none;border:none;color:#000;cursor:pointer;font-size:24px}.frequent-search-form-body{flex:1 1;overflow-y:auto;padding:10px}.frequent-search-list{margin-bottom:20px}.frequent-search-item{align-items:center;display:flex;margin-bottom:10px}.frequent-search-item input{flex:1 1;margin-bottom:0;margin-right:10px}.delete-button{background:#fff;border:none;border-radius:4px;color:#b5b5b5;cursor:pointer;font-size:5px;padding:4px}.delete-button:hover{background:#f44336;color:#fff}.frequent-search-actions-1{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:70%}.frequent-search-actions-2{align-items:center;display:flex;justify-content:flex-end}.frequent-search-search-container{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:center;padding:10px}.frequent-search-search{border-radius:6px;margin-bottom:0;width:100%}.frequent-search-form-footer{align-items:center;background:#f4f4f4;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:10px}.add-frequent-search-button{background:#9a9a9a;border:1px solid #9a9a9a;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px;width:-webkit-fit-content;width:fit-content}.add-frequent-search-button:hover{background:#007bff;border:1px solid #007bff;color:#fff}.close-button{background:#fff;border:1px solid #ccc;border-radius:4px;color:#9a9a9a;cursor:pointer;font-size:13px;padding:8px}.close-button:hover{background:red;border:1px solid red;color:#fff}.add-frequent-search-input{border-radius:6px;margin-bottom:0;padding:8px;width:40%}@media (max-width:600px){.frequent-search-form{width:90%}}.order-table-container{background-color:#fff;box-shadow:0 2px 5px #0000001a;min-height:400px;padding:20px;width:95%}.order-table{border-collapse:collapse;font-size:13px;text-align:left;width:100%}.order-table th{background-color:#eee;font-weight:500;padding:7px}.order-table td,.order-table th{text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.order-table td{max-width:200px;padding-block:12px;padding-inline:7px}.order-table tr:nth-child(2n){background-color:#f8f8f8}.order-table tr:hover{background-color:#eeffcf}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;margin:2px;padding:5px}.action-column{align-items:center;display:flex;justify-content:center}.edit-btn{color:#b6b6b6}.edit-btn:hover{background:#95cd2b;color:#fff}.delete-btn{color:#b6b6b6}.delete-btn:hover{background-color:#f76161;color:#fff}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:#f5f5f5}.order-details-wrapper{display:flex;gap:20px}.order-details-container{border-left:1px solid #ccc;padding-left:20px;width:75%}.user-details-container{width:25%}.order-details{align-items:center;border-right:1px solid #ccc;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:10px 20px 10px 10px;padding-block:30px}.order-details-content{font-size:14px;padding:20px}.title-container{margin-bottom:10px}.title,.title-container{align-items:center;display:flex;width:100%}.title{background-color:#f4f4f4;color:#000;margin-bottom:5px;padding-inline:20px}.order-count,.title{border-radius:10px;font-size:14px}.order-count{font-weight:600;margin-left:10px;padding:8px}.back-button{align-items:center;background-color:#f4f4f4;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 15px;width:-webkit-fit-content;width:fit-content}.back-button:hover{background-color:#deffa1;color:#3f8700}.order-card{background-color:#fff;overflow:hidden;width:100%}.order-card-header{align-items:center;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;display:flex;font-size:18px;font-weight:700;gap:10px;padding:16px}.order-card-header .icon{font-size:20px}.order-info{display:flex;flex-direction:column;margin-bottom:10px}.label{color:#6b7280;font-size:12px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.info-box{background-color:#f3f4f6;border-radius:6px;font-weight:500;padding:8px}.info-box,.info-box-content{align-items:center;display:flex;font-size:14px;gap:10px}.info-box-content{justify-content:space-between;width:100%}.info-box-text{color:#000;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.copy-icon-container{border:1px solid #959595;border-radius:6px;padding:4px}.copy-icon-container,.copy-icon-container:hover{align-items:center;cursor:pointer;display:flex;gap:5px}.copy-icon-container:hover{background-color:#efffd3;border:1px solid #9eca4d}.copy-icon{color:#959595;transition:color .3s ease}.copy-icon-container:hover .copy-icon{color:#95cd2b}.orders-list{border:1px solid #ddd;border-radius:8px;height:78%;overflow-x:hidden;overflow-y:auto;padding:10px}.order-item-label{display:none}.order-id{display:flex;font-weight:700}.order-amount,.order-total-amount{color:#000;display:flex;font-weight:600}.order-date{color:#969a9d;display:flex}.order-status{border-radius:10px;color:#fff;font-weight:500;padding:5px 10px;text-align:center;width:-webkit-fit-content;width:fit-content}.details-order-items{border-color:#ccc #e5e5e5;border-style:solid;border-width:1px;flex-direction:column;margin-bottom:10px}.details-order-items,.details-order-recap{background-color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-evenly;position:relative}.details-order-recap{align-items:center;min-height:80px;width:100%}.order-status-initialized{background-color:#ffc10733}.order-status-paid{background-color:#5ee77e33}.order-status-delivery{background-color:#cba0ff33}.order-status-delivered{background-color:#67b0ff33}.order-products-table{border-collapse:collapse;margin-bottom:10px;width:100%}.order-products-table td,.order-products-table th{border:1px solid #e5e5e5;font-size:13px;padding:8px;text-align:center}.order-products-table td,.order-total{font-weight:500}.order-total{font-size:14px;margin-top:30px}.status-settings-container{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin-left:10px;padding:4px}.status-settings-container:hover{background-color:#ffffffdd}.details-order-recap:after{bottom:0;content:"";left:0;position:absolute;top:0;width:5px}.order-status-initialized:after{background-color:#ffc107}.order-status-paid:after{background-color:#28a745}.order-status-delivery:after{background-color:#a811ff}.order-status-delivered:after{background-color:#007bff}@media screen and (max-width:1100px){.order-table-container{overflow-x:scroll}}@media screen and (max-width:1000px){.order-details-wrapper{display:flex;flex-direction:column;gap:20px}.user-details-container{width:100%}.order-details-container{border:none;padding:0;width:100%}.order-details-content{font-size:14px;padding:20px}}@media screen and (max-width:800px){.details-order-recap{display:block;font-size:14px;font-weight:600;position:relative;width:100%}.order-id{margin-bottom:3px;margin-top:10px;padding-left:20px}.order-item-label{display:flex}.order-amount,.order-date,.order-total-amount{margin-bottom:3px;padding-left:20px}.order-status-details-container{padding-left:20px}}@media screen and (max-width:520px){.order-products-table td{border:1px solid #e5e5e5;font-size:13px;font-weight:500;padding:8px;text-align:center}}.status-dropdown{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0003;position:absolute;top:30px;width:150px;z-index:10000}.status-option{cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px}.status-option:hover{background-color:#f5f5f5}.status-option.selected{background-color:#95cd2b;color:#fff}.order-status{font-size:12px;font-weight:600;width:130px}.order-status-wrapper{justify-content:center;margin-top:7px}.order-status-container,.order-status-wrapper{align-items:center;display:flex;position:relative}.order-status-container{justify-content:flex-end;width:-webkit-fit-content;width:fit-content}.order-status-details-container{margin-bottom:7px}@media screen and (max-width:800px){.order-status-wrapper{margin-top:7px;position:relative}.order-status-container,.order-status-wrapper{align-items:center;display:flex;justify-content:flex-start}.order-status-container{width:-webkit-fit-content;width:fit-content}.status-dropdown{margin-left:20px;position:absolute}}.order-filter-toggle{align-items:center;cursor:pointer;display:flex;justify-content:center;width:200px}.icon-filter-filled{color:#95cd2b}.order-filter-dropdown{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:5px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px;width:200px}.order-filter-dropdown:hover{background:#95cd2b;color:#fff}.order-filter-dropdown:hover .icon-filter-filled{color:#fff}.order-filter-dropdown-menu-display{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a;position:absolute;top:145px;width:200px;z-index:100}.filter-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px}.filter-dropdown-item:hover{background:#f0f0f0}.filter-dropdown-item-text{margin-left:5px}@media screen and (max-width:950px){.order-filter-dropdown,.order-filter-toggle{width:-webkit-fit-content;width:fit-content}.order-filter-dropdown-menu-display{right:10px;top:145px;width:150px}.filter-dropdown-item-text{font-size:12px}}@media screen and (max-width:480px){.order-filter-dropdown{padding:5px}.filter-header-button svg{height:18px;width:18px}.order-filter-dropdown-menu-display{font-size:10px;right:10px;top:133px;width:150px}}@media screen and (max-width:380px){.filter-header-button svg{height:14px;width:14px}.sort-dropdown-menu-display{top:128px}}body{background-color:#ebebeb;color:#333;font-family:Roboto,Arial,sans-serif;width:100%}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:30px;padding-top:60px;width:100%}h1{color:#007bff;margin-top:20px;text-align:center}.header{background-color:#fff;border-bottom:1px solid #ddd;border-top-left-radius:10px;border-top-right-radius:10px;justify-content:space-between;margin-top:20px;padding:20px;width:95%}.header,.search-container{align-items:center;display:flex}.search-container{margin-bottom:0}.buttons-container,.search-container{width:-webkit-fit-content;width:fit-content}.buttons-container{display:flex;gap:5px;justify-content:flex-end}.input-wrapper{align-items:center;display:flex;gap:5px;justify-content:center;position:relative}.search-container input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:0;padding-left:40px}.input-wrapper svg{height:18px;left:10px;position:absolute}.header input:focus{border-color:#95cd2b;outline:none}.header-button{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:5px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px;width:-webkit-fit-content;width:fit-content}.header-button:hover{background:#95cd2b;color:#fff}table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 5px #0000001a}thead th{padding:12px;text-align:left}tbody tr{border-bottom:1px solid #ddd;transition:background-color .3s ease}tbody tr:hover{background-color:#f1f1f1}tbody td{padding:10px}.footer{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #ddd;height:30px;padding:20px;width:95%}.footer,.pagination{align-items:center;display:flex;justify-content:center}.pagination{gap:5px;margin:20px auto}.pagination .button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#4b4b4b;cursor:pointer;padding:6px 10px;transition:background-color .3s ease,color .3s ease}.pagination button:hover{background-color:#d0ed9b;color:#fff}.pagination span{font-size:14px}.next,.prev{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#4b4b4b;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:2px;transition:background-color .3s ease,color .3s ease}.next:hover,.prev:hover{background-color:#d0ed9b;color:#fff}.next:disabled,.prev:disabled{cursor:not-allowed;opacity:.5;z-index:1}.pagination .page-numbers{display:flex;gap:5px}.pagination .page-numbers button.active{background-color:#95cd2b;border:1px solid #95cd2b;border-radius:4px;color:#fff;padding:6px 10px}.product-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;left:50%;max-width:400px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.product-form h2{color:#333;font-size:18px;margin-top:0}.product-form .form-group{margin-bottom:15px}.product-form .form-group label{display:block;font-weight:700;margin-bottom:5px}.product-form .form-group input,.product-form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.product-form .form-group input:focus,.product-form .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 4px #007bff;outline:none}.product-form .form-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.product-form .save-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.product-form .save-btn:hover{background-color:#0056b3}.product-form .cancel-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.product-form .cancel-btn:hover{background-color:#c0392b}.overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.loading-container{align-items:center;display:flex;height:50px;justify-content:center;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#95cd2b;height:30px;left:50%;position:absolute;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:950px){.button-text{display:none}}@media screen and (max-width:565px){.search-container input{padding-block:5px;padding-right:0;width:120px}.navbar{padding-inline:10px}.header-button{font-size:9px;padding:5px}.header-button svg{height:18px;width:18px}.items-per-page-selector span{display:none}}@media screen and (max-width:380px){.search-container input{padding-block:3.5px;padding-right:0;width:90px}.header button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:7px;padding:6px 8px;transition:background-color .3s ease}.header-button svg{height:14px;width:14px}}.sidebar{background:#fff;box-shadow:2px 0 10px #0003;height:100vh;left:0;padding-top:60px;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s ease-in-out;width:250px;will-change:transform;z-index:999}.toggle-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;left:20px;padding:10px 15px;position:absolute;top:20px}.toggle-btn:hover{background:#0056b3}.sidebar-header{border-bottom:1px solid #ccc;color:#9a9a9a;margin-inline:16px;margin-bottom:5px;padding:16px;transition:background-color .3s ease}.sidebar-header,.sidebar-logo-container{align-items:center;display:flex;justify-content:center}.sidebar-logo-container{border-radius:50%}.sidebar-close-btn{border-radius:50%;cursor:pointer;font-size:24px;left:210px;padding-block:4px;padding-inline:10px;position:fixed;top:70px}.sidebar-close-btn:hover{background-color:#e9ffc1;color:#95cd2b}.sidebar-logo{height:60px}.sidebar.collapsed{opacity:0;pointer-events:none;transform:translateX(-100%);transition:transform .5s,opacity .5s ease}.sidebar.open{transform:translateX(0)}.sidebar-overlay{animation:fadeIn .3s forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.sidebar-item{align-items:center;border-radius:10px;color:#9a9a9a;cursor:pointer;display:flex;justify-content:start;margin-inline:16px;margin-bottom:5px;padding:16px;transition:background-color .3s ease}.sidebar-item.active{background-color:#f2ffda;color:#95cd2b}.sidebar-item:hover{background-color:#aee04f;color:#fff}.sidebar-icon{font-size:24px}.sidebar-label{font-size:15px;margin-left:10px;opacity:1;transition:opacity .3s ease}.sidebar.collapsed .sidebar-label{display:none}.sidebar-toggle{align-items:center;border-radius:5px;color:#fff;cursor:pointer;font-size:24px;height:24px;justify-content:center;left:10px;padding:10px;position:fixed;top:8px;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content;z-index:1001}.sidebar-toggle:hover{background-color:#fff;color:#7bbf21}
/*# sourceMappingURL=main.391972dc.css.map*/