.react-confirm-alert{min-width:20%;max-width:40%}.alert-dialog{display:flex;flex-direction:column;background:#fff;padding:24px;gap:4px;border-radius:25px;box-shadow:5px 5px 20px 10px var(--gray-darker-color)}.alert-dialog button{border:0px;border-radius:25px;font-size:18px;padding:8px 18px;cursor:pointer}.alert-dialog .btn-cancel{padding:2px 8px}.alert-dialog .btn-delete{background:red;color:#fff}.alert-dialog .btn-confirm{background:var(--primary-color);color:#fff}.alert-btn-holder{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media screen and (min-device-width:768px)and (max-device-width:1024px){.react-confirm-alert{max-width:80%}}@media screen and (max-device-width:480px)and (orientation:portrait){.react-confirm-alert{max-width:80%}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;inset:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.holder-loader{position:fixed;display:flex;justify-content:center;align-items:center;height:100%;width:100%;z-index:9999}.loader-area{display:flex;background:#fff;width:20%;aspect-ratio:1;align-items:center;justify-content:center;border-radius:50%;box-shadow:10px 25px 105px 55px var(--primary-color)}@media screen and (min-device-width:768px)and (max-device-width:1024px){.loader-area{width:60%}}@media screen and (max-device-width:480px)and (orientation:portrait){.loader-area{width:60%}}:root{--primary-color: #00b09b;--secondary-color: #96c93d;--bg-color: #f9f9f9;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--border-radius: 1rem;--text-dark-color: #333;--danger-color: #f44336}.modal-content{display:flex;flex-direction:column;background-color:#fff;padding:2.5rem;border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;max-width:1200px;width:95%;max-height:90vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;text-align:left}.modal-header h2{margin:0}.modal-body{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-right:1rem;width:100%}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}h2,h3{text-align:left;margin-top:0}.modal-content h2{text-align:right;margin-top:16px;color:var(--secondary-color)}.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;flex:0 1 auto}.selected-member{margin-right:16px}input,select{width:100%;padding:.75rem 1rem;box-sizing:border-box;border:1px solid #ddd;border-radius:2rem;font-size:1rem;background-color:var(--bg-color);transition:border-color .3s;flex:1}.button.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.outline.danger{border-color:var(--danger-color);color:var(--danger-color)}.button.small{padding:.25rem .75rem;font-size:.875rem}.products-grid{display:flex;flex-wrap:wrap;gap:1.5rem;flex:1 1 auto}.card{flex:1 1 calc(33.333% - 1.5rem);min-width:250px;padding:1.5rem;border:none;border-radius:var(--border-radius);background:#fff;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow);display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card-img{width:100%;height:150px;object-fit:cover;border-radius:calc(var(--border-radius) - .5rem);margin-bottom:1rem}.variant{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;background:var(--bg-color);padding:.75rem;border-radius:1rem;flex-wrap:wrap}.quantity-input{width:80px;padding:.5rem;text-align:center;border:1px solid #ddd;border-radius:1rem}.current-order{margin-bottom:2rem;padding:1rem;background:var(--bg-color);border-radius:var(--border-radius);flex:0 1 auto}.order-items{display:flex;flex-direction:column;gap:1rem}.order-item{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem;border-radius:1rem;box-shadow:var(--shadow)}.order-item .item-name{flex:2}.order-item .item-price{flex:1}.order-item .quantity-input{flex:.5}.order-item .item-subtotal{flex:1}.members-list{max-height:200px;overflow-y:auto;border:1px solid #ddd;border-radius:.5rem;background:#fff;margin-top:.5rem}.field input:placeholder-shown+.members-list{display:none}.member-item{padding:.75rem 1rem;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .3s,transform .2s;border-radius:.5rem;margin:.25rem}.member-item:hover{background-color:#00b09b1a;transform:scale(1.02)}.member-item:last-child{border-bottom:none}.members-list p{padding:.75rem 1rem;color:#666;margin:0}@media(max-width:768px){.card{flex:1 1 100%}.order-item{flex-direction:column;align-items:flex-start}.variant{flex-direction:column;align-items:flex-start;gap:.5rem}}h3{width:100%}ul{list-style:none;width:100%}li img{width:100px;height:100px;max-width:100px;max-height:100px;object-fit:contain;aspect-ratio:1}li .order-holder{display:flex;gap:8px}.order-text-holder h4{text-align:start}h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-dark-color)}p{width:100%}img{object-fit:contain;max-width:100%}.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;flex:1}input,select{width:100%;padding:.75rem 1rem;box-sizing:border-box;border:1px solid #ddd;border-radius:2rem;font-size:1rem;background-color:var(--bg-color);transition:border-color .3s}input:focus,select:focus{border-color:var(--primary-color);outline:none}.modal-actions{display:flex;flex-direction:column;width:100%;gap:16px}.button.secondary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;align-self:center}.button.secondary:hover{transform:scale(1.05)}.product-img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:var(--border-radius);margin-bottom:1rem}.prod-file-upload{cursor:pointer;color:var(--primary-color);text-decoration:underline}.variant-field{display:flex;gap:1rem;margin-bottom:1rem}.variant-field input{flex:1;border-radius:1rem}:root{--primary-color: #00b09b;--secondary-color: #96c93d;--bg-color: #f9f9f9;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--border-radius: 1rem}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000}.modal-backdrop.open{display:flex}.modal-content{display:flex;flex-direction:column;background-color:#fff;padding:2.5rem;border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;max-width:900px;width:90%;max-height:85vh;overflow-y:auto}.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;flex:1;width:100%}label{font-size:1rem;color:var(--text-dark-color);font-weight:500}input{width:100%;padding:.75rem 1rem;box-sizing:border-box;border:1px solid #ddd;border-radius:2rem;font-size:1rem;background-color:var(--bg-color);transition:border-color .3s}input:focus{border-color:var(--primary-color);outline:none}.button{padding:.75rem 1.5rem;border:none;border-radius:2rem;cursor:pointer;font-size:1rem;transition:background .3s,transform .2s;margin-right:.5rem}.button-holder{align-self:self-end}.button.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.button.primary:hover{transform:scale(1.05)}.button.outline{border:1px solid var(--primary-color);background:transparent;color:var(--primary-color)}.button.outline:hover{background:#00b09b1a;transform:scale(1.05)}.button.outline.danger{border-color:#f44336;color:#f44336}.button.outline.danger:hover{background:#f443361a}.category-img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:var(--border-radius);margin-bottom:1rem}.cat-file-upload{cursor:pointer;color:var(--primary-color);text-decoration:underline}.home-root{min-height:100vh;font-family:Arial,sans-serif;color:var(--text-dark-color)}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background-color:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navLogoImg{max-width:60px!important;height:auto}.nav{display:flex;align-items:center;gap:16px}.nav-link{color:var(--primary-color);text-decoration:none;font-weight:700;padding:8px 16px;border:1px solid var(--primary-color);border-radius:4px;transition:background .3s;background:none;cursor:pointer}.nav-link:hover{background:#1976d21a}.cart-icon{font-weight:700;color:var(--primary-color);padding:8px 16px;cursor:pointer}.products-section{padding:32px;max-width:1200px;margin:0 auto}.category-section{margin-bottom:48px}h2{font-size:2rem;margin-bottom:24px;color:var(--text-dark-color);text-align:center}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.product-card{background:var(--white);padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .2s}.product-card:hover{transform:translateY(-4px)}.product-img{max-width:100%;height:auto;border-radius:4px;margin-bottom:16px}h3{font-size:1.5rem;margin-bottom:8px;color:var(--secondary-color)}.variant{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px;border-top:1px solid #eee}.add-to-cart-button{padding:.5rem 1rem;border:none;border-radius:1rem;cursor:pointer;font-size:.9rem;background:linear-gradient(135deg,#00b09b,#96c93d);transition:background .3s,transform .2s;color:#fff}.add-to-cart-button:hover{background:#1565c0}.add-to-cart-button:disabled{background:gray;cursor:not-allowed}.cart-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.cart-modal{background-color:#fff;padding:20px;border-radius:8px;width:80%;max-width:600px;position:relative}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}.cart-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;border-bottom:1px solid #ddd}.cart-item>div{display:flex;gap:10px}.cart-item button{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.cart-item button:hover{background:#1565c0}.cart-total{font-weight:700;text-align:right;margin-top:20px}.checkout-button{padding:.75rem 1.5rem;border:none;border-radius:2rem;cursor:pointer;font-size:1rem;background:linear-gradient(135deg,#00b09b,#96c93d);transition:background .3s,transform .2s;box-shadow:0 .5rem 2rem #0003;color:#fff;display:block;margin:20px auto 0}.checkout-button:hover{background:#1565c0}.footer{padding:16px;text-align:center;background:#000c;color:var(--white)}@media(max-width:768px){.header{flex-direction:column;gap:16px}.products-section{padding:16px}}@media(max-width:480px){.add-to-cart-button{width:100%}.variant{flex-direction:column;align-items:flex-start}}.root{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#00b09b,#96c93d);animation:gradientAnimation 15s ease infinite;background-size:200% 200%}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:600px){.root{padding:1rem}}.paper-login{padding:2rem;max-width:400px;width:100%;border-radius:1rem;box-shadow:0 .5rem 2rem #0003;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease-in-out}.paper-login .logo{display:flex;justify-content:center;margin-bottom:2rem}.paper-login .logoImg{max-width:200px;height:auto}.paper-login .title{text-align:center;margin-bottom:2rem;font-size:1.75rem;color:#333}.paper-login .form,.paper-login .fields-grid{display:flex;flex-direction:column;gap:1.5rem}.paper-login .column.full{display:flex;flex-direction:column;gap:1rem}.paper-login .field{display:flex;flex-direction:column;gap:.25rem}.paper-login label{font-size:1rem;color:#333}.paper-login input{width:100%;padding:.75rem 1rem;box-sizing:border-box;border:1px solid #ccc;border-radius:2rem;font-size:1rem;background-color:#f9f9f9;transition:border-color .3s}.paper-login input:focus{border-color:#00b09b;outline:none}.paper-login .button{padding:.75rem 1.5rem;border:none;border-radius:2rem;cursor:pointer;font-size:1rem;transition:background .3s,transform .2s}.paper-login .button.primary{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}.paper-login .button.primary:hover{transform:scale(1.05)}.paper-login .button.full{width:100%}.paper-login .signup-link{text-align:center;font-size:1rem;color:#333}.paper-login .link{color:#00b09b;text-decoration:underline;cursor:pointer}:root{--primary-color: #4CAF50;--secondary-color: #32583f;--button-primary-color: #32583f;--button-secondary-color: #4CAF50;--text-color: #fff;--text-dark-color: #333;--border-color: #ccc;--background-color: #32583f;--background-information-color: #f8f9fa;--gray-light-color: #f8f8f8;--gray-darker-color: #f1f1f1;--white: #fff;--background-dashboard: #f3f5f8}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}