.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.middle-section{align-items:center;background:#fff;border:1px solid gray;border-bottom-left-radius:5px;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:0;color:gray;display:flex;font-size:16px;height:38px;justify-content:space-between;max-width:850px;min-width:400px;padding-left:0}.searchTypeAnimation{align-items:center;padding-left:10px;padding-top:8px;text-align:left}.search-button{background-color:#baffbe;border:none;border-bottom-right-radius:5px;border-top-right-radius:5px;flex-shrink:0;height:38px;width:45px}.search-icon{background-color:#baffbe;color:#baffbe;height:20px;margin-left:0;margin-top:3px}@media (max-width:768px){.middle-section{align-items:flex-start;flex-direction:column;max-width:100%;padding:10px}.search-bar{margin-bottom:10px;width:100%}.search-button{height:40px}.search-icon{height:25px;width:25px}}.searchBocChecking{height:90%;margin:0;padding:0;width:100%}.searchInput{height:100%;margin:0;padding:0;width:100%}.searchInput input{align-items:center;border:none;border-bottom-left-radius:5px;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:0;font-size:16px;height:100%;margin-top:0;outline:none;outline:1px solid #baffbe;padding-left:10px;padding-top:0;width:100%}.header-container{background-color:#084f2d;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:40}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.logo-container{height:100%}.logo-text{color:#fff;font-size:24px;font-weight:700;text-decoration:none}.search-box{display:none}@media (min-width:1024px){.search-box{display:block}}.user-cart-section{align-items:center;display:flex;gap:10px}.mobile-user-icon{color:#fff;display:block}@media (min-width:1024px){.mobile-user-icon{display:none}}.desktop-user-menu{align-items:center;display:none;gap:20px}@media (min-width:1024px){.desktop-user-menu{display:flex}}.account-menu{position:relative}.account-dropdown{align-items:center;color:#fff;cursor:pointer;display:flex;gap:5px}.user-menu-dropdown{background:#fff;border-radius:5px;box-shadow:0 2px 8px #0003;min-width:150px;padding:10px;position:absolute;right:0;top:40px}.login-button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px}.cart-button{align-items:center;background:#fff;border:none;border-radius:5px;color:#084f2d;cursor:pointer;display:flex;gap:8px;padding:8px 12px}.cart-button:hover{background:#d3d3d3}.mobile-search-box{display:block;padding:8px 16px;width:100%}@media (min-width:1024px){.mobile-search-box{display:none}}.divider{background-color:#e2e8f0;margin:8px 0;padding:.5px}.user-menu{font-family:Arial,sans-serif}.user-menu-header{font-weight:800}.user-info{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.user-name{max-width:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-label{color:#dc2626;font-size:medium}.profile-link{color:inherit;text-decoration:none}.profile-link:hover{color:#60a5fa}.menu-links{grid-gap:.6rem;display:grid;font-size:.9rem;gap:.6rem}.menu-item{color:inherit;display:block;padding:.25rem .5rem;text-decoration:none}.menu-item:hover{background-color:#084f2d;color:#fff}.logout-btn{background:none;border:none;cursor:pointer;text-align:left}.footer{background:#fff;border-top:1px solid #e0e0e0;min-height:50px;padding:15px;position:-webkit-sticky;position:sticky}.footer-container{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:1200px;text-align:center}@media (min-width:1024px){.footer-container{align-items:center;flex-direction:row;justify-content:space-between}}.footer-icons{align-items:center;display:flex;font-size:24px;gap:16px;justify-content:center}.footer-icon{color:#000;transition:color .3s ease-in-out}.footer-icon:hover{color:#007bff}body{color:#212121;font-family:Roboto,Arial}body,p{margin:0}button{cursor:pointer;font-size:14px}button,input,select{font-family:Roboto,Arial}.button-primary{background-color:#198754;border:1px solid #0000;border-radius:5px;box-shadow:0 2px 5px #dcdcdc80;color:#fff;cursor:pointer}.button-primary:hover{background-color:#198754bf;border:1px solid #0000}.button-primary:active{background:#19875480;border-color:#0000;box-shadow:none}.button-secondary{background:#fff;border:1px solid #c8c8c8;border-radius:5px;box-shadow:0 2px 5px #dcdcdc33;color:#212121;cursor:pointer}.button-secondary:hover{background-color:#fafafa}.button-secondary:active{background-color:#f0f0f0;box-shadow:none}.limit-text-to-2-lines{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-primary{color:#198754;cursor:pointer}.link-primary:hover{opacity:.75}select{background-color:#fff;border:1px solid #c8c8c8;border-radius:5px;box-shadow:0 1px 3px #c8c8c833;color:#212121;cursor:pointer;font-size:15px;padding:3px 5px}input:focus,select:focus{outline:2px solid #198754}.main{margin-top:60px}.products-grid{display:grid;grid-template-columns:repeat(8,1fr)}@media (max-width:2000px){.products-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:1600px){.products-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:1300px){.products-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1000px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:800px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:575px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:450px){.products-grid{grid-template-columns:1fr}}.product-container{background:#fff;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;padding:40px 25px 25px}.product-image-container{align-items:center;display:flex;height:180px;justify-content:center;margin-bottom:20px}.product-image{border-radius:5px;max-height:100%;max-width:100%}.product-name{height:40px;margin-bottom:5px}.product-rating-container{align-items:center;display:flex;margin-bottom:10px}.product-rating-stars{margin-right:6px;width:100px}.product-rating-count{color:#198754;cursor:auto;margin-top:3px}.product-price{font-weight:700;margin-bottom:10px}.product-quantity-container{margin-bottom:17px}.product-spacer{flex:1 1}.added-to-cart{align-items:center;color:#198754;display:flex;font-size:16px;margin-bottom:8px;opacity:0}.added-to-cart img{height:19px;margin-right:6px}.add-to-cart-button{height:34px;margin-top:1px;padding:8px;width:100%}.searchPage{margin-top:50px}.forgot-password-link{display:block;margin-left:auto;text-align:right;transition:color .3s ease-in-out}.forgot-password-link:hover{color:var(--primary-200)}.register-container{margin:auto;max-width:600px;min-height:75vh;padding-top:60px;width:100%}.register-box{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;text-align:center}.register-form{grid-gap:15px;display:grid;gap:15px;margin-top:20px}.input-group{grid-gap:5px;gap:5px;text-align:left;width:96%}.input-field{padding:10px;transition:border .3s}.input-field:focus{border-color:#007bff}.password-container{align-items:center;background-color:#f0f8ff;border:1px solid #ddd;border-radius:5px;display:flex;padding:10px;transition:border .3s;width:100%}.password-container .input-field{width:100%}.password-container:focus-within{border-color:#007bff}.icon{color:gray;cursor:pointer;margin-left:10px}.submit-btn{border-radius:5px;font-weight:700}.submit-btn.active{background-color:green}.submit-btn.active:hover{background-color:#006400}.submit-btn.disabled{background-color:gray}.login-link{color:green;font-weight:700;text-decoration:none}.login-link:hover{color:#006400}.forgot-password-container{margin:20px auto;max-width:600px;min-height:70vh;padding:20px;width:100%}.forgot-password-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:30px}.forgot-password-title{font-size:1.25rem;font-weight:600;margin-bottom:15px}.forgot-password-form-fields{grid-gap:16px;display:grid;gap:16px}.input-group{grid-gap:4px;gap:4px}.input-field{background-color:#f0f8ff;border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px;width:100%}.input-field:focus{border-color:#2c7be5}.submit-btn{background-color:#2c7be5;border-radius:6px;color:#fff;padding:12px;text-align:center;transition:background-color .3s;width:100%}.submit-btn.active:hover{background-color:#1e5db5}.submit-btn.disabled{background-color:#bbb}.register-link{color:#2c7be5;font-weight:600;text-decoration:none}.register-link:hover{color:#1e5db5}.otp-container{background-color:#fff;border-radius:.5rem;margin:1rem auto;max-width:32rem;padding:1.75rem;width:100%}.otp-title{font-size:1.125rem;font-weight:600}.otp-form{grid-gap:1rem;display:grid;gap:1rem;padding:1rem 0}.otp-label{font-weight:500}.otp-input-container{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:.75rem}.otp-input{background-color:#eff6ff;border:1px solid #cbd5e1;border-radius:.25rem;font-weight:600;outline:none;padding:.5rem;text-align:center;transition:border .3s ease-in-out;width:4rem}.otp-input:focus{border-color:#a3e635}.otp-button{border-radius:.25rem;color:#fff;font-weight:600;letter-spacing:.05em;margin-top:.75rem;padding:.5rem 0;transition:background .3s ease-in-out;width:100%}.otp-button-enabled{background-color:#065f46}.otp-button-enabled:hover{background-color:#047857}.otp-button-disabled{background-color:#6b7280}.otp-login{color:#065f46;font-weight:600;transition:color .3s ease-in-out}.otp-login:hover{color:#047857}.reset-password-container{margin:1rem auto;padding:0 2rem;width:100%}.reset-password-box{background-color:#fff;border-radius:.5rem;margin:1rem auto;max-width:32rem;padding:1.75rem;width:100%}.reset-password-title{font-size:1.125rem;font-weight:600}.reset-password-form{grid-gap:1rem;display:grid;gap:1rem;padding:1rem 0}.form-group{grid-gap:.25rem;gap:.25rem}.password-input-container{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:.75rem}.password-input{background-color:#eff6ff;border:1px solid #cbd5e1;border-radius:.25rem;font-weight:600;outline:none;padding:.5rem;text-align:center;transition:border .3s ease-in-out;width:100%}.password-input:focus{border-color:#a3e635}.password-eye-icon{cursor:pointer}.submit-button{border-radius:.25rem;color:#fff;letter-spacing:.05em;margin-top:.75rem;padding:.5rem 0;transition:background .3s ease-in-out;width:100%}.submit-button.active{background-color:#065f46}.submit-button.active:hover{background-color:#047857}.submit-button.disabled{background-color:#6b7280}.login-link{color:#065f46;font-weight:600;transition:color .3s ease-in-out}.login-link:hover{color:#047857}.close-button{color:#2d3748}.user-menu-container{max-width:100%;padding-bottom:2rem;padding-left:.75rem;padding-right:.75rem}.user-menu-section{height:100%;padding-top:.5rem;width:100%}.dashboard-section,.user-menu-section{background-color:#fff}.dashboard-container{display:grid;grid-template-columns:250px 1fr;margin:0 auto;max-width:1600px;padding:12px}.dashboard-menu{border-right:1px solid #ddd;display:none;max-height:calc(100vh - 96px);overflow-y:auto;padding-top:16px;position:-webkit-sticky;position:sticky;top:96px}@media (min-width:1024px){.dashboard-menu{display:block}}.dashboard-content{background-color:#fff;min-height:75vh;width:auto}.avatar-edit-overlay{background-color:#26262699;bottom:60px;left:0;position:fixed;right:0;top:0}.avatar-edit-container,.avatar-edit-overlay{align-items:center;display:flex;justify-content:center;padding:16px}.avatar-edit-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;flex-direction:column;max-width:400px;width:100%}.close-button{color:#333;display:block;margin-left:auto;width:-webkit-fit-content;width:fit-content}.avatar-preview{align-items:center;background-color:#ff4d4d;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.avatar-image{height:100%;width:100%}.upload-label{cursor:pointer}.upload-button{background-color:initial;border:1px solid #007bff;border-radius:4px;cursor:pointer;font-size:14px;margin-top:12px;padding:8px 16px;text-align:center}.upload-button:hover{background-color:#007bff;color:#fff}.profile-container{padding:1rem}.profile-avatar{align-items:center;background-color:#ef4444;border-radius:50%;box-shadow:0 1px 3px #0003;display:flex;height:5rem;justify-content:center;overflow:hidden;width:5rem}.profile-avatar img{height:100%;width:100%}.edit-button{background-color:initial;border:1px solid #60a5fa;border-radius:9999px;font-size:.875rem;margin-top:.75rem;min-width:5rem;padding:.25rem .75rem;transition:all .3s ease-in-out}.edit-button:hover{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.profile-form{grid-gap:1rem;display:grid;gap:1rem;margin-top:1rem}.input-group{display:grid;width:auto}.input-group label{font-weight:500}.input-group input{background-color:#eff6ff;border:1px solid #d1d5db;border-radius:.375rem;outline:none;padding:.5rem;transition:border-color .3s}.input-group input:focus{border-color:#3b82f6}.submit-button{border:1px solid #60a5fa;border-radius:.375rem;color:#3b82f6;font-size:15px;outline:none;padding:.5rem 1rem;transition:all .3s}.submit-button:hover{background-color:#084f2d;color:#fff;outline:none!important}.modal-overlay{align-items:center;background:#26262699;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:50}.modal-container{max-width:700px;padding:16px}.modal-title{font-weight:600}.modal-close-btn{background:none;border:none;cursor:pointer}.modal-form{grid-gap:10px;display:grid;gap:10px;margin-top:12px}.form-group{grid-gap:5px;gap:5px}.input-field{background:#e6f0ff;border:1px solid #cce0ff;border-radius:5px;padding:8px;width:auto}.image-container{align-items:center;display:flex;flex-direction:column;gap:10px;height:144px!important}.image-preview{align-items:center;background:#e6f0ff;border:1px solid #cce0ff;border-radius:5px;display:flex;justify-content:center}.image-display{height:100%;object-fit:contain;width:100%}.no-image-text{color:#666;font-size:12px}.upload-btn{border:1px solid #007bff;border-radius:5px;cursor:pointer;font-weight:500;padding:8px 16px;text-align:center;transition:background .2s}.upload-btn:hover{background:#007bff;color:#fff}.upload-btn.disabled{background:#ccc;border:none;cursor:not-allowed}.hidden-input{display:none}.submit-btn{border:none;cursor:pointer;font-weight:600;padding:10px;transition:background .2s}.submit-btn.active{background:#007bff;color:#fff}.submit-btn.disabled{background:#ccc;cursor:not-allowed}.loading-container{align-items:center;display:flex;justify-content:center;padding:20px}.loading-spinner{fill:#084f2d;animation:spin 1s linear infinite;color:#e5e7eb;height:100px;width:100px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data-container{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:16px}.no-data-image{width:144px}.no-data-text{color:#737373}.overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:50}.modal-container{background:#fff;border-radius:8px;max-width:40rem;padding:1rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between}.close-button{background:none;border:none;cursor:pointer}.form{grid-gap:1rem;display:grid;gap:1rem;margin-top:1rem}.form-group{grid-gap:.5rem;display:grid;gap:.5rem}.input-field{background:#ebf8ff;border:1px solid #bee3f8;border-radius:4px;outline:none;padding:.5rem}.input-field:focus{border-color:#4299e1}.image-container2{display:flex;flex-direction:column;gap:1rem;height:auto!important}.image-box{align-items:center;background:#ebf8ff;border:1px solid #bee3f8;border-radius:4px;display:flex;height:9rem;justify-content:center;width:100%}.image-preview{height:100%;object-fit:contain;width:100%}.no-image{color:#718096;font-size:.875rem}.upload-button2{border:1px solid #4299e1;border-radius:4px;color:#3182ce;cursor:pointer;padding:.5rem 1rem;text-align:center}.upload-button2:hover{background:#bee3f8}.upload-button2.disabled2{background:#cbd5e0;border-color:#a0aec0;color:#718096;cursor:not-allowed}.submit-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.75rem}.submit-button.active{background:#4299e1;color:#fff}.submit-button.disabled{background:#cbd5e0;color:#718096;cursor:not-allowed}.confirm-overlay{align-items:center;background:#262626b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:50}.confirm-box{background:#fff;border-radius:8px;max-width:400px;padding:16px;width:100%}.confirm-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.confirm-header h1{font-weight:600}.confirm-message{margin:16px 0}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:#0000;border:1px solid #dc2626;border-radius:4px;color:#dc2626;padding:8px 16px;transition:.3s}.cancel-btn:hover{background:#dc2626;color:#fff}.confirm-btn{background:#0000;border:1px solid #16a34a;border-radius:4px;color:#16a34a;padding:8px 16px;transition:.3s}.confirm-btn:hover{background:#16a34a;color:#fff}.category-container{padding:16px}.category-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:16px}.category-title{font-weight:600}.add-category-btn{background-color:#fff;border:1px solid #4caf50;border-radius:5px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .3s ease}.add-category-btn:hover{background-color:#4caf50;color:#fff}.category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:16px}.category-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:220px;padding:8px;width:140px}.category-image{object-fit:contain;width:100%}.category-actions{display:flex;justify-content:space-between;margin-top:8px;width:100%}.delete-btn,.edit-btn{border-radius:5px;cursor:pointer;flex:1 1;font-weight:500;padding:6px;transition:background .3s ease}.edit-btn{background-color:#e8f5e9;border:none;color:#388e3c}.edit-btn:hover{background-color:#c8e6c9}.delete-btn{background-color:#ffebee;border:none;color:#d32f2f}.delete-btn:hover{background-color:#ffcdd2}
/*# sourceMappingURL=main.fbe8e543.css.map*/