.register-page{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:2rem 0}.register-page .register-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:600px;padding:2rem;width:100%}.register-page .register-container h1{color:#333;margin-bottom:1.5rem;text-align:center}.register-page .register-container .steps-indicator{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.register-page .register-container .steps-indicator .step{align-items:center;background-color:#ddd;border-radius:50%;color:#666;display:flex;font-weight:600;height:30px;justify-content:center;width:30px}.register-page .register-container .steps-indicator .step.active{background-color:#4a90e2;color:#fff}.register-page .register-container .steps-indicator .step-line{background-color:#ddd;height:2px;margin:0 10px;width:100px}.register-page .register-container .error-message{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.register-page .register-container .register-form .form-step h2{color:#444;font-size:1.25rem;margin-bottom:1.5rem}.register-page .register-container .register-form .form-step .form-group{margin-bottom:1.25rem}.register-page .register-container .register-form .form-step .form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.register-page .register-container .register-form .form-step .form-group input,.register-page .register-container .register-form .form-step .form-group select,.register-page .register-container .register-form .form-step .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.register-page .register-container .register-form .form-step .form-group input:focus,.register-page .register-container .register-form .form-step .form-group select:focus,.register-page .register-container .register-form .form-step .form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.register-page .register-container .register-form .form-step .form-group input.error,.register-page .register-container .register-form .form-step .form-group select.error,.register-page .register-container .register-form .form-step .form-group textarea.error{border-color:#d32f2f}.register-page .register-container .register-form .form-step .form-group .error-text{color:#d32f2f;font-size:.85rem;margin-top:.25rem}.register-page .register-container .register-form .form-step .form-row{display:flex;gap:1rem}.register-page .register-container .register-form .form-step .form-row .form-group.half{flex:1 1}.register-page .register-container .register-form .form-step .form-actions{display:flex;flex-flow:column;justify-content:space-between;margin-top:2rem}.register-page .register-container .register-form .form-step .form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.register-page .register-container .register-form .form-step .form-actions button.next-button,.register-page .register-container .register-form .form-step .form-actions button.submit-button{background-color:#4a90e2;color:#fff;margin-bottom:10px}.register-page .register-container .register-form .form-step .form-actions button.next-button:hover,.register-page .register-container .register-form .form-step .form-actions button.submit-button:hover{background-color:#3a7bc8}.register-page .register-container .register-form .form-step .form-actions button.next-button:disabled,.register-page .register-container .register-form .form-step .form-actions button.submit-button:disabled{background-color:#a0c3e8;cursor:not-allowed}.register-page .register-container .register-form .form-step .form-actions button.back-button{background-color:#f5f5f5;color:#555}.register-page .register-container .register-form .form-step .form-actions button.back-button:hover{background-color:#e5e5e5}.register-page .register-container .login-link{font-size:.9rem;margin-top:1.5rem;text-align:center}.register-page .register-container .login-link a{color:#4a90e2;font-weight:500;text-decoration:none}.register-page .register-container .login-link a:hover{text-decoration:underline}.payment-options{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.payment-option{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;margin-bottom:15px;min-width:120px;padding:15px;text-align:center;transition:all .3s ease;width:22%}.payment-option:hover{border-color:#007bff;box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.payment-option.selected{background-color:#007bff0d;border-color:#007bff}.payment-image{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:10px}.payment-image img{max-height:100%;max-width:100%;object-fit:contain}.payment-title{font-size:14px;font-weight:500}.payment-error{margin-bottom:15px;text-align:center}@media(max-width:768px){.payment-options{justify-content:center}.payment-option{margin:0 5px 15px;width:45%}}@media(max-width:480px){.payment-option{margin:0 0 15px;width:100%}}.country-selection{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:15px}.country-selection label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.country-selection select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;font-size:16px;margin-bottom:12px;padding:12px 15px;transition:border-color .2s,box-shadow .2s;width:100%}.country-selection select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.country-selection select.error{border-color:#dc3545}.country-selection .error-text{color:#dc3545;font-size:14px;margin-bottom:10px;margin-top:-8px}.country-selection .pricing-info{background-color:#e9ecef;border-radius:6px;color:#495057;font-size:18px;font-weight:600;margin-top:10px;padding:10px;text-align:center}.country-selection .pricing-info:has(+.Philippines){background-color:#e3f2fd;color:#0d6efd}@media(min-width:768px){.country-selection{align-items:center;display:flex;flex-wrap:wrap}.country-selection label{margin-bottom:0;margin-right:15px;width:100px}.country-selection select{flex:1 1;margin-bottom:0}.country-selection .pricing-info{margin-top:15px;width:100%}}.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}.success-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;overflow:hidden;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background-color:#4caf50;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.modal-header h2{font-size:20px;margin:0}.modal-header .close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1;padding:0}.modal-body{padding:30px 20px;text-align:center}.modal-body .success-icon{color:#4caf50;font-size:60px;margin-bottom:20px}.modal-body p{color:#333;font-size:16px;margin:10px 0}.modal-footer{border-top:1px solid #eee;padding:15px 20px;text-align:center}.modal-footer .activate-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s}.modal-footer .activate-button:hover{background-color:#45a049}.pending-modal{border:2px solid #f39c12}.pending-header{background-color:#34495e}.pending-icon{color:#f39c12}.screenshot-button{background-color:#3498db}.screenshot-button:hover{background-color:#2980b9}.toast{background:#039c0b;border-radius:8px;color:#fff;font-size:1rem;height:100px;padding:16px 32px;pointer-events:none;transition:opacity .3s,bottom .3s}.toast.show{bottom:60px;pointer-events:auto}.thank-you-page{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:2rem 0}.thank-you-page .container{max-width:800px;padding:2rem;width:100%}.thank-you-page .thank-you-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.thank-you-page .thank-you-card h1{color:#4caf50;font-size:2.5rem;margin-bottom:1rem}.thank-you-page .thank-you-card .success-message{color:#333;font-size:1.2rem;margin-bottom:2rem}.thank-you-page .thank-you-card .next-steps{margin:2rem 0;text-align:left}.thank-you-page .thank-you-card .next-steps h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.thank-you-page .thank-you-card .next-steps .step{background-color:#f9f9f9;border-radius:8px;display:flex;margin-bottom:1.5rem;padding:1rem}.thank-you-page .thank-you-card .next-steps .step .step-number{align-items:center;background-color:#4a90e2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;margin-right:1rem;width:40px}.thank-you-page .thank-you-card .next-steps .step .step-content h3{color:#333;margin-bottom:.5rem;margin-top:0}.thank-you-page .thank-you-card .next-steps .step .step-content p{color:#666;margin-bottom:1rem}.thank-you-page .thank-you-card .dashboard-link{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.thank-you-page .thank-you-card .dashboard-link p{color:#666;margin-bottom:1rem}.thank-you-page .btn{border-radius:4px;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.thank-you-page .btn.btn-primary{background-color:#4a90e2;color:#fff}.thank-you-page .btn.btn-primary:hover{background-color:#2275d7}.thank-you-page .btn.btn-telegram{background-color:#08c;color:#fff}.thank-you-page .btn.btn-telegram:hover{background-color:#069}.thank-you-page .btn.btn-facebook{background-color:#3b5998;color:#fff;margin-right:10px}.thank-you-page .btn.btn-facebook:hover{background-color:#2d4373}.thank-you-page .btn.btn-guide{background-color:#ff9800;color:#fff}.thank-you-page .btn.btn-guide:hover{background-color:#cc7a00}.thank-you-page .error-message{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin-bottom:1.5rem;padding:1rem}@media(max-width:768px){.thank-you-page .container{padding:1rem}.thank-you-page .thank-you-card{padding:1.5rem}.thank-you-page .thank-you-card h1{font-size:2rem}.thank-you-page .thank-you-card .next-steps .step{flex-direction:column}.thank-you-page .thank-you-card .next-steps .step .step-number{margin-bottom:1rem;margin-right:0}}.login-page{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.login-page .login-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:450px;padding:2rem;width:100%}.login-page .login-container h1{color:#333;margin-bottom:1.5rem;text-align:center}.login-page .login-container .error-message{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.login-page .login-container .login-form .form-group{margin-bottom:1.25rem}.login-page .login-container .login-form .form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.login-page .login-container .login-form .form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.login-page .login-container .login-form .form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.login-page .login-container .login-form .form-actions{margin-top:1.5rem}.login-page .login-container .login-form .form-actions .login-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.login-page .login-container .login-form .form-actions .login-button:hover{background-color:#3a7bc8}.login-page .login-container .login-form .form-actions .login-button:disabled{background-color:#a0c3e8;cursor:not-allowed}.login-page .login-container .forgot-password,.login-page .login-container .register-link{font-size:.9rem;margin-top:1.5rem;text-align:center}.login-page .login-container .forgot-password a,.login-page .login-container .register-link a{color:#4a90e2;font-weight:500;text-decoration:none}.login-page .login-container .forgot-password a:hover,.login-page .login-container .register-link a:hover{text-decoration:underline}.login-page .login-container .forgot-password{margin-top:1rem}.navbar{background-color:#fff;box-shadow:0 2px 5px #0000001a;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.navbar .container{align-items:center;display:flex;height:50px;justify-content:space-between}.navbar .logo{color:var(--primary-color);font-size:24px;font-weight:700;text-decoration:none}.navbar .nav-links{display:flex;gap:30px}.navbar .nav-links a{align-items:center;color:var(--text-color);display:flex;font-weight:500;text-decoration:none;transition:color .3s ease}.navbar .nav-links a i{margin-right:8px}.navbar .nav-links a:hover{color:var(--primary-color)}.navbar .hamburger{cursor:pointer;display:none;flex-direction:column;gap:6px}.navbar .hamburger span{background-color:var(--text-color);height:2px;transition:all .3s ease;width:25px}@media(max-width:768px){.navbar .hamburger{display:flex}.navbar .nav-links{align-items:center;background-color:#fff;box-shadow:0 4px 6px #0000001a;flex-direction:column;left:0;opacity:0;padding:10px 20px;position:absolute;right:0;top:80px;transform:translateY(-150%);transition:all .3s ease;visibility:hidden;z-index:1000}.navbar .nav-links a{border-bottom:1px solid #0000000d;padding:12px 0;text-align:center;width:100%}.navbar .nav-links a:last-child{border-bottom:none}.navbar .nav-links.active{opacity:1;transform:translateY(0);visibility:visible}}.logo{align-items:center;display:flex;position:relative;text-decoration:none;z-index:1001}.logo .logo-image{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0003;height:70px;margin-right:10px;object-fit:cover;transform:translateY(5px);width:70px}.logo .logo-text{color:#333;font-size:1.5rem;font-weight:700}.navbar{padding:.5rem 0}.cart-link,.navbar{position:relative}.cart-link .cart-badge{align-items:center;background-color:#e74c3c;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}@media(max-width:768px){.nav-links.active .cart-link .cart-badge{left:25px;right:auto;top:0}}body{padding-top:60px}.mobile-tab-bar{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;padding:8px 0 4px;position:fixed;right:0;z-index:1000}.mobile-tab-bar a{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.75rem;padding:4px 0;text-decoration:none;transition:color .3s ease;width:25%}.mobile-tab-bar a.active{color:#007bff}.mobile-tab-bar a i{font-size:1.25rem;margin-bottom:4px}.mobile-tab-bar a .cart-badge{background:#e74c3c;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;font-size:.7rem;left:55%;min-width:18px;padding:2px 6px;position:absolute;right:auto;text-align:center;top:-5px}@media screen and (max-width:768px){.navbar .hamburger,.navbar .nav-links{display:none}.mobile-tab-bar{align-items:center;display:flex;height:60px;justify-content:space-around;padding:8px 0}.content-container,main{padding-bottom:80px}}.home{padding-top:40px}.home .hero{align-items:center;background:linear-gradient(#00000080,#00000080),url(/static/media/hero-bg.99627ba2925bf4ee16de.jpg) 50%/cover;color:#fff;display:flex;height:80vh;text-align:center}.home .hero h1{font-size:3rem;margin-bottom:1rem}.home .hero p{font-size:1.2rem;margin-bottom:2rem}.home .hero .btn{margin-bottom:1rem;width:150px}.home .features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:4rem 0}.home .features .feature-card{background:var(--light-bg);border-radius:8px;padding:2rem;text-align:center}.home .features .feature-card h3{color:var(--primary-color);margin-bottom:1rem}.featured-products{padding:3rem 0}.featured-products h2{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem;margin-left:10px;margin-right:10px}.product-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.home-product-image{height:200px;overflow:hidden}.home-product-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.home-product-image img:hover{transform:scale(1.05)}.home-product-info{padding:1.5rem}.home-product-info h3{font-size:1.2rem;margin:0 0 .5rem}.home-product-info .product-price{color:#e67e22;font-weight:700;margin-bottom:.5rem}.home-product-info .product-description{color:#666;font-size:.9rem;line-height:1.4}.see-more-container{display:flex;justify-content:center;margin-top:1rem}.see-more-btn{background-color:#e67e22;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s ease}.see-more-btn:hover{background-color:#d35400}.menu{background-color:#f9f9f9;padding:2rem 0}.menu .container{margin:0 auto;max-width:1200px;padding:0 1rem}.menu h2{color:#333;font-size:2.5rem;margin-bottom:2rem;text-align:center}.menu .menu-section{margin-bottom:3rem}.menu .menu-section h3{border-bottom:2px solid #ddd;color:#444;font-size:2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.menu .menu-section .menu-items{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}.menu .menu-section .menu-item{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease}.menu .menu-section .menu-item:hover{transform:translateY(-5px)}.menu .menu-section .menu-item .product-image{height:0;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.menu .menu-section .menu-item .product-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.menu .menu-section .menu-item .product-image img:hover{transform:scale(1.05)}.menu .menu-section .menu-item .product-info{padding:1.5rem}.menu .menu-section .menu-item .product-info .item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.menu .menu-section .menu-item .product-info .item-header h4{color:#333;font-size:1.25rem;margin:0}.menu .menu-section .menu-item .product-info .item-header .price{color:#2c5282;font-size:1.25rem;font-weight:700}.menu .menu-section .menu-item .product-info .description{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.menu .menu-section .menu-item .product-info .add-to-cart{background-color:#2c5282;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.menu .menu-section .menu-item .product-info .add-to-cart:hover{background-color:#1a365d}@media(max-width:768px){.menu .menu-section .menu-items{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.product-link{color:inherit;text-decoration:none}.category-tabs{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.category-tabs .category-tab{background-color:#f1f1f1;border:none;border-radius:30px;cursor:pointer;font-weight:500;margin:0 .5rem .5rem 0;padding:.75rem 1.5rem;transition:all .3s ease}.category-tabs .category-tab:hover{background-color:#e0e0e0}.category-tabs .category-tab.active{background-color:#2c5282;color:#fff}.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination .page-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination .page-button:hover:not(:disabled){background-color:#f1f1f1}.pagination .page-button.active{background-color:#2c5282;border-color:#2c5282;color:#fff}.pagination .page-button:disabled{cursor:not-allowed;opacity:.5}.cart-page{min-height:calc(100vh - 120px);padding:80px 0 40px}.cart-page .container{margin:0 auto;max-width:1200px;padding:0 20px}.cart-page h1{color:#333;font-size:2rem;margin-bottom:30px}.cart-page .cart-items{display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.cart-page .cart-items .cart-item{grid-gap:1rem;align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:grid;gap:1rem;grid-template-columns:80px 2fr 1.5fr 1fr 1fr 40px;padding:1rem .5rem}.cart-page .cart-items .cart-item .item-image{align-items:center;display:flex;height:64px;justify-content:center;width:64px}.cart-page .cart-items .cart-item .item-image img{border:1px solid #e2e8f0;border-radius:6px;height:56px;object-fit:cover;width:56px}.cart-page .cart-items .cart-item .item-details h3{color:#333;font-size:1.1rem;margin:0 0 .2rem}.cart-page .cart-items .cart-item .item-details .item-price{color:#2c5282;font-weight:500;margin-bottom:.2rem}.cart-page .cart-items .cart-item .item-details .item-store{color:#718096;font-size:.95em}.cart-page .cart-items .cart-item .item-addons{color:#444;font-size:.98em}.cart-page .cart-items .cart-item .item-addons .no-addons{color:#bbb;font-style:italic}.cart-page .cart-items .cart-item .item-quantity{align-items:center;display:flex;gap:.3rem}.cart-page .cart-items .cart-item .item-quantity .quantity-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:3px;color:#333;cursor:pointer;font-size:1rem;height:30px;padding:0;transition:background .2s;width:30px}.cart-page .cart-items .cart-item .item-quantity .quantity-btn:hover{background:#e0e0e0}.cart-page .cart-items .cart-item .item-quantity .quantity-input{border:1px solid #cbd5e1;border-radius:4px;font-size:1rem;padding:.3rem;text-align:center;width:48px}.cart-page .cart-items .cart-item .item-total{color:#2c5282;font-size:1.05rem;font-weight:600}.cart-page .cart-items .cart-item .item-remove{align-items:center;display:flex;justify-content:center}.cart-page .cart-items .cart-item .item-remove .remove-btn{background:none;border:none;color:#c62828;cursor:pointer;font-size:1.2rem;padding:.2rem}.cart-page .cart-items .cart-item .item-remove .remove-btn:hover{color:#a31515}.cart-page .cart-summary{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-left:auto;max-width:400px;padding:25px}.cart-page .cart-summary .summary-row{display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:15px}.cart-page .cart-summary .summary-row.total{border-top:1px solid #eee;font-size:1.3rem;font-weight:700;margin-top:20px;padding-top:15px}.cart-page .cart-summary .checkout-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;margin-top:20px;padding:12px;width:100%}.cart-page .cart-summary .checkout-btn:hover{background-color:#449d48}.cart-page .cart-summary .continue-shopping{color:#4a90e2;display:block;margin-top:15px;text-align:center;text-decoration:none}.cart-page .cart-summary .continue-shopping i{margin-right:5px}.cart-page .cart-summary .continue-shopping:hover{text-decoration:underline}.cart-page .empty-cart{padding:60px 0;text-align:center}.cart-page .empty-cart .empty-cart-icon{color:#ddd;font-size:5rem;margin-bottom:20px}.cart-page .empty-cart h2{color:#333;margin-bottom:15px}.cart-page .empty-cart p{color:#666;margin-bottom:30px}.cart-page .empty-cart .btn{background-color:#4a90e2;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:12px 25px;text-decoration:none}.cart-page .empty-cart .btn:hover{background-color:#3483de}.cart-page .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}.cart-page .modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:25px;width:90%}.cart-page .modal-content h3{margin-bottom:15px;margin-top:0}.cart-page .modal-content p{color:#666;margin-bottom:25px}.cart-page .modal-content .modal-actions{display:flex;gap:10px;justify-content:flex-end}.cart-page .modal-content .modal-actions button{border-radius:4px;cursor:pointer;font-weight:500;padding:10px 15px}.cart-page .modal-content .modal-actions .cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.cart-page .modal-content .modal-actions .cancel-btn:hover{background-color:#e9e9e9}.cart-page .modal-content .modal-actions .confirm-btn{background-color:#e74c3c;border:none;color:#fff}.cart-page .modal-content .modal-actions .confirm-btn:hover{background-color:#e43725}@media(max-width:768px){.cart-page .cart-item{grid-gap:12px;border-radius:8px;box-shadow:0 2px 8px #00000014;display:grid;gap:12px;grid-template-areas:"image details" "addons addons" "quantity total" "remove remove";grid-template-columns:80px 1fr;margin-bottom:16px;padding:16px;position:relative}.cart-page .cart-item .item-image{grid-area:image;height:80px;width:80px}.cart-page .cart-item .item-image img{height:100%;object-fit:cover;width:100%}.cart-page .cart-item .item-details{width:230px}.cart-page .cart-item .item-details h3{font-size:1.1rem;margin-bottom:4px}.cart-page .cart-item .item-details .item-price{font-size:1rem}.cart-page .cart-item .item-addons{background:#f8fafc;border-radius:6px;font-size:.9rem;grid-area:addons;margin:8px 0;padding:12px}.cart-page .cart-item .item-quantity{align-items:center;display:flex;gap:8px;grid-area:quantity;width:180px}.cart-page .cart-item .item-quantity .quantity-btn{font-size:1.1rem;height:36px;width:36px}.cart-page .cart-item .item-quantity .quantity-input{height:36px;width:50px}.cart-page .cart-item .item-total{font-size:1.1rem;font-weight:600;grid-area:total;padding-right:16px;text-align:right}.cart-page .cart-item .item-remove{grid-area:remove}.cart-page .cart-item .item-remove .remove-btn{font-size:1.2rem;padding:4px}.cart-page .cart-summary{margin:0 auto;max-width:100%}}.checkout-page{background-color:#f9f9f9;min-height:calc(100vh - 120px);padding:80px 0 40px}.checkout-page .container{margin:0 auto;max-width:1200px;padding:0 20px}.checkout-page h1{color:#333;font-size:2rem;margin-bottom:30px}.checkout-page .checkout-content{display:flex;gap:30px}@media(max-width:992px){.checkout-page .checkout-content{flex-direction:column-reverse}}.checkout-page .checkout-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;padding:25px}.checkout-page .checkout-form form{display:flex;flex-direction:column;gap:30px}.checkout-page .form-section h2{border-bottom:1px solid #eee;color:#333;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.checkout-page .form-row{display:flex;gap:15px;margin-bottom:15px}@media(max-width:768px){.checkout-page .form-row{flex-direction:column;gap:0}}.checkout-page .form-group{flex:1 1;margin-bottom:15px}.checkout-page .form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.checkout-page .form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:12px;width:100%}.checkout-page .form-group input:focus{border-color:#4a90e2;outline:none}.checkout-page .form-group input.error{border-color:#e74c3c}.checkout-page .error-message{color:#e74c3c;font-size:.9rem;margin-top:5px}.checkout-page .form-error-message{background-color:#fdecea;border-radius:4px;color:#e74c3c;margin-bottom:20px;padding:15px;text-align:center}.checkout-page .payment-options{display:flex;gap:20px;margin-bottom:20px}.checkout-page .payment-options .payment-option{align-items:center;display:flex}.checkout-page .payment-options .payment-option input[type=radio]{margin-right:8px}.checkout-page .payment-options .payment-option label{font-weight:500}.checkout-page .credit-card-form{padding-top:10px}.checkout-page .paypal-info{background-color:#f8f9fa;border-radius:4px;margin-top:10px;padding:15px}.checkout-page .paypal-info p{color:#666;margin:0}.checkout-page .place-order-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;margin-top:10px;padding:15px}.checkout-page .place-order-btn:hover{background-color:#449d48}.checkout-page .place-order-btn:disabled{background-color:#ccc;cursor:not-allowed}.checkout-page .order-summary{align-self:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px;width:350px}@media(max-width:992px){.checkout-page .order-summary{width:100%}}.checkout-page .order-summary h2{border-bottom:1px solid #eee;color:#333;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.checkout-page .summary-items{margin-bottom:20px;max-height:300px;overflow-y:auto;padding-right:5px}.checkout-page .summary-items::-webkit-scrollbar{width:5px}.checkout-page .summary-items::-webkit-scrollbar-track{background:#f1f1f1}.checkout-page .summary-items::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.checkout-page .summary-item{display:flex;justify-content:space-between;margin-bottom:12px}.checkout-page .summary-item .item-info{display:flex;gap:8px}.checkout-page .summary-item .item-info .item-quantity{color:#666}.checkout-page .summary-item .item-info .item-name,.checkout-page .summary-item .item-price{font-weight:500}.checkout-page .summary-totals{border-top:1px solid #eee;padding-top:15px}.checkout-page .summary-row{display:flex;justify-content:space-between;margin-bottom:12px}.checkout-page .summary-row.total{border-top:1px solid #eee;font-size:1.2rem;font-weight:700;margin-top:15px;padding-top:15px}.checkout-page .order-success{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:600px;padding:50px 30px;text-align:center}.checkout-page .order-success i{color:#4caf50;font-size:5rem;margin-bottom:20px}.checkout-page .order-success h1{margin-bottom:15px}.checkout-page .order-success p{color:#666;margin-bottom:30px}.checkout-page .order-success .continue-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:12px 25px}.checkout-page .order-success .continue-btn:hover{background-color:#3483de}.payment-options-grid{display:flex;flex-wrap:wrap;gap:1rem}.payment-option-card{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 4px #0000000a;cursor:pointer;display:flex;flex-direction:column;max-width:160px;min-width:160px;padding:16px 20px;position:relative;transition:border-color .2s,box-shadow .2s}@media(max-width:768px){.payment-option-card{margin-bottom:.5rem;max-width:calc(50% - .5rem);min-width:calc(50% - .5rem);padding:12px 8px}}@media(max-width:480px){.payment-option-card{max-width:100%;min-width:100%}}.payment-option-card.selected{background:#e8f5e9;border-color:#1a7f37;box-shadow:0 2px 8px #1a7f371a}.payment-option-image-wrapper{align-items:center;display:flex;height:48px;justify-content:center;margin-bottom:8px;width:48px}.payment-option-image{max-height:100%;max-width:100%;object-fit:contain}.payment-option-label{color:#222;font-size:1rem;font-weight:500;text-align:center}.add-product{padding:2rem}.add-product .container{margin:0 auto;max-width:600px}.add-product h1{margin-bottom:2rem;text-align:center}.add-product .message{padding:1rem;text-align:center}.add-product .message,.add-product .success-message{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;margin-bottom:1rem}.add-product .success-message{font-size:.9rem;padding:.75rem}.add-product .form-group{margin-bottom:1.5rem}.add-product .form-group label{display:block;font-weight:700;margin-bottom:.5rem}.add-product .form-group input,.add-product .form-group select,.add-product .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.add-product .form-group textarea{height:100px;resize:vertical}.add-product .image-preview{margin-top:1rem}.add-product .image-preview img{border-radius:4px;max-width:200px}.add-product button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem;transition:background-color .3s;width:100%}.add-product button:hover{background-color:#45a049}.add-product button:disabled{background-color:#ccc;cursor:not-allowed}.ingredients-container .ingredients-form .add-ingredient-btn,.ingredients-container .ingredients-list ul li .remove-ingredient-btn{width:auto}.addons-list-ul{list-style:none;margin:0;padding:0}.addon-list-item{align-items:center;background:#f6fafd;border:1px solid #e3eaf3;border-radius:12px;box-shadow:0 2px 8px #1761a00a;display:flex;justify-content:space-between;margin-bottom:.75em;padding:.75em 1.2em;transition:box-shadow .2s}.addon-list-item:hover{box-shadow:0 4px 16px #1761a01a}.slug-display{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.slug-display .website-url{text-wrap:wrap;font-weight:500;word-break:break-all}.slug-display .copy-url-btn{align-items:center;background-color:#999;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9em;gap:5px;padding:8px;text-align:center;transition:background-color .2s;width:120px}.slug-display .copy-url-btn:hover{background-color:#e0e0e0}.slug-display .copy-url-btn i{font-size:.9em}.slug-display .slug-info{color:#666;font-size:.9em;font-style:italic}@media(max-width:768px){.ingredients-container .ingredients-form{flex-direction:column}.ingredients-container .ingredients-form input{max-width:100%}.success-message{padding:.8rem;text-align:center}}.product-detail{padding:3rem 0}.product-detail .container{margin:0 auto;max-width:1200px;padding:0 1rem}.product-detail .back-link{margin-bottom:2rem}.product-detail .back-link a{align-items:center;color:#2c5282;display:inline-flex;font-weight:500;text-decoration:none}.product-detail .back-link a:hover{text-decoration:underline}.product-detail .product-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.product-detail .product-content{grid-template-columns:1fr}}.product-detail .product-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.product-detail .product-image img{display:block;height:auto;width:100%}.product-detail .product-info h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.product-detail .product-info .price{color:#2c5282;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.product-detail .product-info .category{background-color:#e2e8f0;border-radius:20px;display:inline-block;font-size:.9rem;margin-bottom:1.5rem;padding:.5rem 1rem}.product-detail .product-info .description{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.product-detail .product-info .quantity-control{margin-bottom:2rem}.product-detail .product-info .quantity-control label{display:block;font-weight:500;margin-bottom:.5rem}.product-detail .product-info .quantity-control .quantity-input{align-items:center;display:flex}.product-detail .product-info .quantity-control .quantity-input input{-moz-appearance:textfield;border:1px solid #ddd;border-radius:0;font-size:1rem;padding:.5rem;text-align:center;width:60px}.product-detail .product-info .quantity-control .quantity-input input::-webkit-inner-spin-button,.product-detail .product-info .quantity-control .quantity-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-detail .product-info .quantity-control .quantity-input .quantity-btn{align-items:center;background-color:#e2e8f0;border:1px solid #ddd;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.product-detail .product-info .quantity-control .quantity-input .quantity-btn:first-child{border-radius:4px 0 0 4px}.product-detail .product-info .quantity-control .quantity-input .quantity-btn:last-child{border-radius:0 4px 4px 0}.product-detail .product-info .quantity-control .quantity-input .quantity-btn:hover{background-color:#cbd5e0}.product-detail .product-info .add-to-cart-btn{background-color:#2c5282;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:2rem;padding:1rem;transition:background-color .3s ease;width:100%}.product-detail .product-info .add-to-cart-btn:hover{background-color:#1a365d}.product-detail .product-info .product-meta{color:#718096;font-size:.9rem}.product-detail .product-info .product-meta p{margin-bottom:.5rem}.product-detail-error,.product-detail-loading{align-items:center;color:#718096;display:flex;font-size:1.5rem;justify-content:center;min-height:60vh}.toast-notification{align-items:center;animation:fadeIn .3s;background:#4caf50;border-radius:8px;box-shadow:0 2px 12px #00000026;color:#fff;display:flex;max-width:350px;min-width:260px;padding:16px 24px;position:fixed;right:30px;top:80px;z-index:1000}.toast-notification.error{background:#ffebee;border:1px solid #c62828;color:#c62828}.toast-notification.error .toast-content i{color:#c62828}.toast-notification .toast-content{align-items:center;display:flex;font-size:1.1em;gap:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.quantity-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}.quantity-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:24px;width:90%}.quantity-modal h3{color:#333;font-size:1.5rem;margin-bottom:16px;margin-top:0}.quantity-modal .modal-product-info{align-items:center;border-bottom:1px solid #eee;display:flex;margin-bottom:20px;padding-bottom:16px}.quantity-modal .modal-product-info .modal-product-image{border-radius:4px;height:80px;margin-right:16px;object-fit:cover;width:80px}.quantity-modal .modal-product-info h4{font-size:1.2rem;margin:0 0 8px}.quantity-modal .modal-product-info .modal-price{color:#4a90e2;font-weight:700;margin:0}.quantity-modal .modal-quantity-control{margin-bottom:24px}.quantity-modal .modal-quantity-control label{display:block;font-weight:500;margin-bottom:8px}.quantity-modal .modal-quantity-control .quantity-input{align-items:center;display:flex}.quantity-modal .modal-quantity-control .quantity-input input{border:1px solid #ddd;border-radius:0;margin:0 8px;padding:8px;text-align:center;width:60px}.quantity-modal .modal-quantity-control .quantity-input .quantity-btn{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;color:#333;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.quantity-modal .modal-quantity-control .quantity-input .quantity-btn:hover{background-color:#e9e9e9}.quantity-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end}.quantity-modal .modal-actions button{border-radius:4px;cursor:pointer;font-weight:500;padding:10px 16px}.quantity-modal .modal-actions .cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.quantity-modal .modal-actions .cancel-btn:hover{background-color:#e9e9e9}.quantity-modal .modal-actions .confirm-btn{background-color:#4a90e2;border:none;color:#fff}.quantity-modal .modal-actions .confirm-btn:hover{background-color:#3a7bc8}.product-addons-section{background:#f8f9fa;border-radius:10px;box-shadow:0 2px 8px #0000000a;margin:32px 0 24px;padding:24px 20px 16px}.product-addons-section .addons-title{color:#333;font-size:1.25rem;font-weight:600;letter-spacing:.5px;margin-bottom:18px}.product-addons-section .addon-types-list{display:flex;flex-direction:column;gap:18px}.product-addons-section .addon-type-group{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000008;margin-bottom:0;padding:16px 18px 12px}.product-addons-section .addon-type-group .addon-type-label{align-items:center;color:#007bff;display:flex;font-size:1.1rem;font-weight:500;margin-bottom:10px}.product-addons-section .addon-type-group .addon-type-label .addon-type-icon{color:#6c63ff;font-size:1.2em;margin-right:8px}.product-addons-section .addon-type-group .addon-type-label .addon-type-text{font-size:1.1em}.product-addons-section .addon-type-group .addon-type-choices{display:flex;flex-wrap:wrap;gap:12px}.product-addons-section .addon-type-group .addon-type-choices .addon-choice{align-items:center;background:#f1f3f6;border-radius:6px;cursor:pointer;display:flex;margin-bottom:0;padding:7px 14px;transition:background .2s}.product-addons-section .addon-type-group .addon-type-choices .addon-choice:hover{background:#e2e6ea}.product-addons-section .addon-type-group .addon-type-choices .addon-choice .addon-radio{accent-color:#007bff;margin-right:8px}.product-addons-section .addon-type-group .addon-type-choices .addon-choice .addon-label{font-weight:500;margin-right:8px}.product-addons-section .addon-type-group .addon-type-choices .addon-choice .addon-price{color:#28a745;font-size:.98em;font-weight:600}.product-addons-section .addon-type-group .addon-type-choices .addon-no-options{color:#bbb;font-style:italic;padding:6px 0}.footer{background-color:var(--primary-color);color:#fff;padding:4rem 0 1rem}.footer .footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.footer .footer-section h4{margin-bottom:1rem}.footer .footer-section p{margin-bottom:.5rem}.footer .footer-section .social-links{display:flex;gap:1rem}.footer .footer-section .social-links a{color:#fff;text-decoration:none}.footer .footer-section .social-links a:hover{color:var(--accent-color)}.footer .footer-bottom{border-top:1px solid #ffffff1a;padding-top:2rem;text-align:center}.auth-section{padding:3rem 0}.auth-section .login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:500px;padding:2rem}.auth-section .login-container h2{color:#333;margin-bottom:1.5rem;text-align:center}.auth-section .login-container .error-message{background-color:#ffebee;border-radius:4px;color:#c62828;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.auth-section .login-container .form-group{margin-bottom:1.5rem}.auth-section .login-container .form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.auth-section .login-container .form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.auth-section .login-container .form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.auth-section .login-container .btn{margin-bottom:1rem;width:100%}.auth-section .login-container .register-link{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-section .login-container .register-link p{color:#666;margin-bottom:.75rem}.auth-section .login-container .register-link .btn-outline{background-color:#0000;border:1px solid #4a90e2;color:#4a90e2}.auth-section .login-container .register-link .btn-outline:hover{background-color:#4a90e2;color:#fff}.hero{background-color:#f8f9fa;padding:4rem 0}.hero .hero-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}@media(max-width:992px){.hero .hero-content{flex-direction:column}}.hero .hero-text{flex:1 1}.hero .hero-text h1{color:#fff;font-size:2.5rem;margin-bottom:1rem}.hero .hero-text p{color:#fff;font-size:1.2rem}.hero .login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;flex:1 1;max-width:450px;padding:2rem}.hero .login-container h2{color:#333;margin-bottom:1.5rem;text-align:center}.hero .login-container .error-message{background-color:#ffebee;border-radius:4px;color:#c62828;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.hero .login-container .form-group{margin-bottom:1.5rem}.hero .login-container .form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem;text-align:left}.hero .login-container .form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.hero .login-container .form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.hero .login-container .btn{margin-bottom:1rem;width:100%}.hero .login-container .register-link{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.hero .login-container .register-link p{color:#666;margin-bottom:.75rem}.hero .login-container .register-link .btn-outline{background-color:#0000;border:1px solid #4a90e2;color:#4a90e2}.hero .login-container .register-link .btn-outline:hover{background-color:#4a90e2;color:#fff}.cafe-theme{padding:1.5rem;position:relative}.cafe-theme:before{background-color:#79554808;background-image:radial-gradient(#7955481a 2px,#0000 0),radial-gradient(#43a0471a 2px,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.cafe-theme h1{color:#5d4037;font-family:Georgia,serif;font-size:2.8rem;margin-bottom:1.2rem}.cafe-theme h1 .brand-name{position:relative}.cafe-theme h1 .brand-name:after{background:linear-gradient(90deg,#8d6e63,#a1887f);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}.cafe-theme h1 .accent{color:#43a047}.cafe-theme p{color:#6d4c41;font-size:1.3rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem;max-width:90%}.cafe-theme .cafe-badges{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.cafe-theme .cafe-badges .badge{background-color:#7955481a;border:1px solid #79554833;border-radius:20px;color:#bbb6b4;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.cafe-theme .cafe-badges .badge:before{color:#fffb05;content:"✔";font-size:.8rem;margin-right:.5rem}.text-center{text-align:center}.text-center p{margin-left:auto;margin-right:auto}.text-center .cafe-badges{justify-content:center}.text-center .brand-name:after{left:50%;transform:translateX(-50%)}.container{padding:0 15px;width:100%}.hero{padding:2rem 0}@media(max-width:992px){.hero .hero-content{flex-direction:column;gap:1.5rem}}@media(max-width:768px){.hero .hero-text h1{font-size:2rem}.hero .hero-text p{font-size:1rem}.hero .cafe-badges{justify-content:center}.hero .cafe-badges .badge{font-size:.8rem;margin-bottom:.5rem;padding:.4rem .8rem}}@media(max-width:992px){.login-container{max-width:100%}}@media(max-width:768px){.login-container{padding:1.5rem}.login-container h2{font-size:1.5rem}.login-container .form-group{margin-bottom:1rem}}.features{padding:3rem 0}.features .features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media(max-width:992px){.features .features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.features .features-grid{grid-template-columns:1fr}}.features .feature-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d;padding:1.5rem;transition:transform .2s ease}.features .feature-card:hover{transform:translateY(-5px)}@media(max-width:768px){.features .feature-card{margin-bottom:.5rem;padding:1.2rem}.features .feature-card h3{font-size:1.2rem;margin-bottom:.5rem}.features .feature-card p{font-size:.9rem;line-height:1.4}.mobile-hidden{display:none}}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block;margin:1.5rem 0}}.mobile-only img{border-radius:8px;box-shadow:0 4px 12px #0000001a}.hero-image img,.mobile-only img{height:auto;max-width:100%}@media(max-width:768px){.mobile-view{display:flex;flex-direction:column;min-height:130vh;padding:1rem 0}.mobile-view .hero-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.mobile-view .hero-text{padding:1rem .5rem;width:100%}.mobile-view .hero-text h1{font-size:1.8rem;word-break:break-word}.mobile-view .hero-text p{font-size:1rem;max-width:100%}.mobile-view .hero-text .cafe-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.mobile-view .hero-text .cafe-badges .badge{font-size:.8rem;margin-bottom:.5rem;padding:.4rem .6rem;white-space:nowrap}.mobile-view .hero-image{margin:1rem auto;width:100%}.mobile-view .hero-image img{height:auto;max-width:100%}.mobile-view .login-container{margin:0;max-width:100%;padding:1.5rem;width:100%}.mobile-view .login-container .form-group{margin-bottom:1rem}}.logged-in-container{padding:2rem;text-align:center}.logged-in-container .logged-in-info{align-items:center;display:flex;flex-direction:column;gap:1rem}.logged-in-container .logged-in-info .user-email{color:#666;font-size:.9rem}.logged-in-container .logged-in-info .store-name{color:#333;font-size:1.5rem;margin:.5rem 0}.logged-in-container .logged-in-info .store-type{color:#666;font-style:italic;margin-bottom:1rem}.logged-in-container .logged-in-info .btn-primary{background-color:#4a90e2;border-radius:4px;color:#fff;font-weight:700;padding:.8rem 1.5rem;transition:background-color .3s}.logged-in-container .logged-in-info .btn-primary:hover{background-color:#3a7bc8}.logged-in-container .logged-in-info .store-meta{color:#999;font-size:.8rem;margin-top:1rem}.admin-page{padding:2rem 0}.admin-page h1{color:#333;margin-bottom:2rem;text-align:center}.admin-page .admin-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem}.admin-page .admin-grid .admin-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.admin-page .admin-grid .admin-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.admin-page .admin-grid .admin-card .card-icon{color:#4a90e2;font-size:3rem;margin-bottom:1.5rem}.admin-page .admin-grid .admin-card h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.admin-page .admin-grid .admin-card p{color:#666;flex-grow:1;margin-bottom:1.5rem}.admin-page .admin-grid .admin-card .card-button{background-color:#4a90e2;border-radius:5px;color:#fff;display:block;font-weight:700;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .3s;width:100%}.admin-page .admin-grid .admin-card .card-button:hover{background-color:#357abd}@media(max-width:768px){.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.admin-grid{grid-template-columns:1fr}}.delete-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}.delete-modal{animation:modal-appear .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;overflow:hidden;width:90%}@keyframes modal-appear{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.delete-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.delete-modal-header h2{color:#333;font-size:1.5rem;margin:0}.delete-modal-header .close-button{background:none;border:none;color:#777;cursor:pointer;font-size:1.2rem;transition:color .2s}.delete-modal-header .close-button:hover{color:#333}.delete-modal-body{padding:20px}.delete-modal-body p{color:#555;font-size:1rem;line-height:1.5;margin:0}.delete-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.delete-modal-footer button{border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.delete-modal-footer .cancel-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.delete-modal-footer .cancel-button:hover{background-color:#e5e5e5}.delete-modal-footer .confirm-button{background-color:#dc3545;border:1px solid #dc3545;color:#fff}.delete-modal-footer .confirm-button:hover{background-color:#c82333;border-color:#bd2130}.admin-product-list{padding:2rem 0}.admin-product-list h1{margin-bottom:1rem}.admin-product-list .order-controls{margin-bottom:50px}.admin-product-list .order-controls .product-back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none}.admin-product-list .order-controls .product-back-button:hover{background-color:#5a6268}.admin-product-list .order-controls .product-back-button i{margin-right:.5rem}.admin-product-list .order-controls .product-add-button{background-color:#4caf50;border-radius:4px;color:#fff;display:inline-block;margin-left:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.admin-product-list .order-controls .product-add-button:hover{background-color:#45a049}.admin-product-list .order-controls .product-add-button i{margin-right:.5rem}.admin-product-list .product-table{border:1px solid #dee2e6;border-radius:4px;margin-top:30px;overflow:hidden}.admin-product-list .product-table .table-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;display:flex;font-weight:700}.admin-product-list .product-table .table-header .header-cell{flex:1 1;padding:.75rem}.admin-product-list .product-table .table-header .header-cell:first-child{flex:.5 1}.admin-product-list .product-table .product-row{border-bottom:1px solid #dee2e6;display:flex}.admin-product-list .product-table .product-row:last-child{border-bottom:none}.admin-product-list .product-table .product-row .cell{align-items:center;display:flex;flex:1 1;padding:.75rem}.admin-product-list .product-table .product-row .cell:first-child{flex:.5 1}.admin-product-list .product-table .product-row .cell.actions{gap:.5rem}.admin-product-list .product-table .product-thumbnail{border-radius:4px;height:50px;object-fit:cover;width:50px}.admin-product-list .product-table .button-group{display:flex;gap:10px;justify-content:center}.admin-product-list .product-table .button-group .action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:500;gap:5px;justify-content:center;min-width:100px;padding:4px 6px;text-align:center;text-decoration:none;transition:all .3s ease}.admin-product-list .product-table .button-group .action-button i{font-size:14px}.admin-product-list .product-table .button-group .edit-button{background-color:#4a90e2;color:#fff}.admin-product-list .product-table .button-group .edit-button:hover{background-color:#357abd}.admin-product-list .product-table .button-group .delete-button{background-color:#dc3545;color:#fff}.admin-product-list .product-table .button-group .delete-button:hover{background-color:#c82333}.admin-product-list .error,.admin-product-list .loading,.admin-product-list .no-products{padding:2rem;text-align:center}.admin-product-list .error{color:#dc3545}.admin-product-list .pagination-controls{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:30px}.admin-product-list .pagination-controls .pagination-button{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s}.admin-product-list .pagination-controls .pagination-button:hover:not(:disabled){background-color:#e9ecef;border-color:#ced4da}.admin-product-list .pagination-controls .pagination-button:disabled{cursor:not-allowed;opacity:.5}.admin-product-list .pagination-controls .pagination-button.page-number{font-weight:500}.admin-product-list .pagination-controls .pagination-button.page-number.active{background-color:#4a6fa5;border-color:#4a6fa5;color:#fff}.admin-product-list .pagination-controls .pagination-button.page-nav{font-size:14px}.admin-product-list .pagination-controls .pagination-ellipsis{align-items:center;color:#6c757d;display:flex;height:36px;justify-content:center;min-width:36px}@media(max-width:768px){.admin-product-list{padding:1rem 0}.admin-product-list h1{font-size:1.5rem;margin-bottom:.75rem;text-align:center}.admin-product-list .order-controls{flex-direction:column;gap:10px;margin-bottom:20px}.admin-product-list .order-controls .left-controls{display:flex;flex-direction:column;gap:8px;width:100%}.admin-product-list .order-controls .right-controls{display:flex;justify-content:space-between;width:100%}.admin-product-list .order-controls .product-add-button,.admin-product-list .order-controls .product-back-button{margin:0;padding:10px;text-align:center;width:100%}.admin-product-list .order-controls button{flex:1 1;font-size:14px;margin:0;padding:10px}.admin-product-list .order-controls button.export-button,.admin-product-list .order-controls button.refresh-button{font-size:14px;padding:10px}.admin-product-list .order-controls button i{margin-right:4px}.admin-product-list .product-table{border:none;margin-top:15px}.admin-product-list .product-table .table-header{display:none}.admin-product-list .product-table .product-row{border:1px solid #dee2e6;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:block;margin-bottom:15px;padding:10px}.admin-product-list .product-table .product-row .cell{border-bottom:1px solid #f0f0f0;display:flex;padding:8px 4px}.admin-product-list .product-table .product-row .cell:before{content:attr(data-label);font-weight:700;margin-right:10px;width:40%}.admin-product-list .product-table .product-row .cell:last-child{border-bottom:none}.admin-product-list .product-table .product-row .cell:first-child{flex:1 1;justify-content:center;padding:10px 0}.admin-product-list .product-table .product-row .cell:first-child:before{display:none}.admin-product-list .product-table .product-row .cell.actions{justify-content:center;padding-top:12px}.admin-product-list .product-table .product-row .cell.actions:before{display:none}.admin-product-list .product-table .product-thumbnail{height:80px;width:80px}.admin-product-list .product-table .button-group{width:100%}.admin-product-list .product-table .button-group .action-button{font-size:16px;padding:8px 12px}.admin-product-list .product-table .button-group .action-button i{font-size:16px}.admin-product-list .pagination-controls{flex-wrap:wrap;gap:6px}.admin-product-list .pagination-controls .pagination-button{font-size:14px;height:32px;min-width:32px}}.edit-product{padding:2rem}.edit-product .container{margin:0 auto;max-width:600px}.edit-product h1{margin-bottom:2rem;text-align:center}.edit-product .success-message{background-color:#d4edda;border-radius:4px;color:#155724;margin-bottom:1rem;padding:1rem}.edit-product .error{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:1rem}.edit-product .product-form{margin:0 auto;max-width:800px}.edit-product .product-form .form-group{margin-bottom:1.5rem}.edit-product .product-form .form-group label{display:block;font-weight:700;margin-bottom:.5rem}.edit-product .product-form .form-group input,.edit-product .product-form .form-group select,.edit-product .product-form .form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.edit-product .product-form .form-group input:focus,.edit-product .product-form .form-group select:focus,.edit-product .product-form .form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 .2rem #4a90e240;outline:none}.edit-product .product-form .form-preview{margin-bottom:1.5rem}.edit-product .product-form .form-preview h3{margin-bottom:.5rem}.edit-product .product-form .form-preview .image-preview{border-radius:4px;height:auto;max-width:100%}.edit-product .product-form .form-preview .no-image{background-color:#f5f5f5;border-radius:4px;color:#666;padding:1rem;text-align:center}.edit-product .product-form .submit-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.edit-product .product-form .submit-button:hover{background-color:#357abd}.edit-product .loading{padding:2rem;text-align:center}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem;transition:background-color .3s;width:100%}button:hover{background-color:#45a049}button:disabled{background-color:#ccc;cursor:not-allowed}.back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;margin-bottom:2rem;padding:.5rem 1rem;text-decoration:none}.back-button:hover{background-color:#5a6268}.back-button i{margin-right:.5rem}.image-upload-container{margin:0 auto;max-width:300px;width:100%}.image-upload-container .image-preview-wrapper{cursor:pointer;position:relative}.image-upload-container .image-preview-wrapper:hover .image-overlay{opacity:1}.image-upload-container .image-preview-wrapper .image-preview{border-radius:8px;height:200px;object-fit:cover;width:100%}.image-upload-container .image-preview-wrapper .image-overlay{align-items:center;background:#00000080;border-radius:8px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.image-upload-container .image-preview-wrapper .image-overlay i{font-size:2rem;margin-bottom:.5rem}.image-upload-container .no-image{align-items:center;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;transition:all .3s;width:100%}.image-upload-container .no-image:hover{border-color:#4a90e2;color:#4a90e2}.image-upload-container .no-image i{font-size:2rem;margin-bottom:.5rem}.ingredients-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;margin-top:10px;padding:15px}.ingredients-container .ingredients-form{display:flex;gap:10px;margin-bottom:15px}.ingredients-container .ingredients-form select{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:2 1;font-size:14px;padding:8px 12px}.ingredients-container .ingredients-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;max-width:80px;padding:8px 12px;text-align:center}.ingredients-container .ingredients-form .add-ingredient-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .3s}.ingredients-container .ingredients-form .add-ingredient-btn:hover{background-color:#45a049}.ingredients-container .ingredients-list ul{list-style-type:none;margin:0;padding:0}.ingredients-container .ingredients-list ul li{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.ingredients-container .ingredients-list ul li .remove-ingredient-btn{align-items:center;background-color:#0000;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color .2s}.ingredients-container .ingredients-list ul li .remove-ingredient-btn:hover{background-color:#f443361a}.ingredients-container .ingredients-list ul li .remove-ingredient-btn i{font-size:14px}.ingredients-container .ingredients-list p{color:#757575;font-style:italic;padding:10px;text-align:center}.addon-main{display:flex;flex-direction:column;gap:.2em}.addon-label{align-items:center;color:#1761a0;display:flex;font-size:1.05em;gap:.7em}.addon-ingredient{background:#e3f0ff;border-radius:6px;color:#333;font-weight:500;margin-left:.2em;padding:.1em .6em}.addon-qty{color:#888;font-size:.98em;margin-left:.4em}.addon-meta{display:flex;font-size:.98em;gap:1.2em;margin-top:.1em}.addon-cost{color:#007bff}.addon-price{color:#28a745}.remove-addon-btn{background:none;border:none;border-radius:50%;color:#e74c3c;cursor:pointer;font-size:1.2em;margin-left:1em;padding:.3em .5em;transition:background .15s,color .15s}.remove-addon-btn:focus,.remove-addon-btn:hover{background:#ffeaea;color:#c0392b;outline:none}.addon-types-list{background:#f8f9fa;border-radius:6px;box-shadow:0 1px 2px #00000008;margin-top:8px;padding:12px 16px}.addon-types-list ul{list-style:none;margin:0;padding:0}.addon-types-list li{align-items:center;border-bottom:1px solid #e3e3e3;display:flex;justify-content:space-between;padding:7px 0}.addon-types-list li:last-child{border-bottom:none}.addon-types-list li .remove-addon-type-btn{background:none;border:none;border-radius:50%;color:#e74c3c;cursor:pointer;font-size:1.2em;margin-left:1em;padding:.3em .5em;transition:background .15s,color .15s}.addon-types-list li .remove-addon-type-btn:focus,.addon-types-list li .remove-addon-type-btn:hover{background:#ffeaea;color:#c0392b;outline:none}.addon-types-list p{color:#888;font-style:italic;margin:0;padding:8px 0}@media(max-width:768px){.ingredients-container .ingredients-form{flex-direction:column}.ingredients-container .ingredients-form input{max-width:100%}}.ingreventory-page{margin:0 auto;padding:32px 16px}.ingreventory-page h1{font-size:2rem;margin-bottom:24px;text-align:center}.ingreventory-page .order-controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:50px}.ingreventory-page .order-controls .left-controls,.ingreventory-page .order-controls .right-controls{display:flex;flex-wrap:wrap;gap:10px}.ingreventory-page .order-controls .ingreventory-back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none}.ingreventory-page .order-controls .ingreventory-back-button:hover{background-color:#5a6268}.ingreventory-page .order-controls .ingreventory-back-button i{margin-right:.5rem}.ingreventory-page .order-controls .ingreventory-add-button{background-color:#4caf50;border-radius:4px;color:#fff;display:inline-block;margin-left:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.ingreventory-page .order-controls .ingreventory-add-button:hover{background-color:#45a049}.ingreventory-page .order-controls .ingreventory-add-button i{margin-right:.5rem}.ingreventory-page .order-controls button{align-items:center;background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;margin-left:10px;padding:8px 16px}.ingreventory-page .order-controls button.refresh-button{font-size:16px;padding:12px 20px}.ingreventory-page .order-controls button i{margin-right:8px}.ingreventory-page .order-controls button:hover{background-color:#3a5a8c}.ingreventory-page .order-controls button.export-button{background-color:#5a9a5a;font-size:16px;padding:12px 20px}.ingreventory-page .order-controls button.export-button:hover{background-color:#4a8a4a}@media(max-width:768px){.ingreventory-page .order-controls{align-items:stretch;flex-direction:column}.ingreventory-page .order-controls .left-controls,.ingreventory-page .order-controls .right-controls{justify-content:center}.ingreventory-page .order-controls .ingreventory-add-button{margin-left:0}.ingreventory-page .order-controls button{flex:1 1;margin-left:0}}.ingreventory-page .dashboard-summary{align-items:stretch;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:32px}.ingreventory-page .dashboard-summary .dashboard-metric{background:#fff;border:1.5px solid #e3e8ee;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#222;display:flex;flex:1 1;flex-direction:column;font-size:1.1rem;justify-content:center;min-width:140px;padding:18px 28px;text-align:center}.ingreventory-page .dashboard-summary .dashboard-metric .dashboard-label{font-weight:700;margin-bottom:8px}.ingreventory-page .dashboard-summary .dashboard-metric .dashboard-value{color:#1a7f37;font-size:1.2rem;letter-spacing:.5px}@media(max-width:768px){.ingreventory-page .dashboard-summary{flex-direction:column}.ingreventory-page .dashboard-summary .dashboard-metric{width:100%}}.ingreventory-page .ingredient-table{border:1px solid #dee2e6;border-radius:4px;margin-top:30px;overflow:hidden;width:100%}.ingreventory-page .ingredient-table .table-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;display:flex;font-weight:700}.ingreventory-page .ingredient-table .table-header .header-cell{flex:1 1;padding:.75rem}.ingreventory-page .ingredient-table .table-header .header-cell:first-child{flex:.5 1}@media(max-width:768px){.ingreventory-page .ingredient-table .table-header{display:none}}.ingreventory-page .ingredient-table .ingredient-row{border-bottom:1px solid #dee2e6;display:flex}.ingreventory-page .ingredient-table .ingredient-row:last-child{border-bottom:none}.ingreventory-page .ingredient-table .ingredient-row .cell{align-items:center;display:flex;flex:1 1;padding:.75rem}.ingreventory-page .ingredient-table .ingredient-row .cell:first-child{flex:.5 1}.ingreventory-page .ingredient-table .ingredient-row .cell.actions{gap:.5rem}@media(max-width:768px){.ingreventory-page .ingredient-table .ingredient-row{box-shadow:0 1px 3px #0000001a;flex-direction:column;margin-bottom:15px;padding:15px 10px;position:relative}.ingreventory-page .ingredient-table .ingredient-row .cell{border-bottom:1px solid #f0f0f0;padding:8px 5px;width:100%}.ingreventory-page .ingredient-table .ingredient-row .cell:before{content:attr(data-label);font-weight:700;margin-right:10px;width:40%}.ingreventory-page .ingredient-table .ingredient-row .cell:first-child{border-bottom:2px solid #dee2e6;font-size:1.1em;font-weight:700}.ingreventory-page .ingredient-table .ingredient-row .cell.actions{border-bottom:none;justify-content:center;padding-top:15px}.ingreventory-page .ingredient-table .ingredient-row .cell.actions:before{display:none}}.ingreventory-page .ingredient-table .ingredient-thumbnail{border-radius:4px;height:50px;object-fit:cover;width:50px}.ingreventory-page .ingredient-table .button-group{display:flex;gap:10px;justify-content:center}.ingreventory-page .ingredient-table .button-group .action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:500;gap:5px;justify-content:center;min-width:100px;padding:4px 6px;text-align:center;text-decoration:none;transition:all .3s ease}.ingreventory-page .ingredient-table .button-group .action-button i{font-size:14px}.ingreventory-page .ingredient-table .button-group .edit-button{background-color:#4a90e2;color:#fff}.ingreventory-page .ingredient-table .button-group .edit-button:hover{background-color:#357abd}.ingreventory-page .ingredient-table .button-group .delete-button{background-color:#dc3545;color:#fff}.ingreventory-page .ingredient-table .button-group .delete-button:hover{background-color:#c82333}@media(max-width:768px){.ingreventory-page .ingredient-table .button-group{width:100%}.ingreventory-page .ingredient-table .button-group .action-button{font-size:16px;padding:10px}}.ingreventory-page .pagination-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.ingreventory-page .pagination-controls .pagination-button{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;padding:8px 12px}.ingreventory-page .pagination-controls .pagination-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.ingreventory-page .pagination-controls .pagination-button:hover:not(:disabled){background-color:#e9ecef}.ingreventory-page .pagination-controls .pagination-button:disabled{cursor:not-allowed;opacity:.5}.ingreventory-page .pagination-controls .pagination-ellipsis{padding:8px 12px}@media(max-width:768px){.ingreventory-page .pagination-controls .pagination-button{min-width:40px;padding:10px}}.add-ingredient{padding:30px 0}.add-ingredient .container{margin:0 auto;max-width:800px;padding:0 20px}.add-ingredient h1{color:#333;font-size:2rem;margin-bottom:20px}.add-ingredient .back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;margin-bottom:2rem;padding:.5rem 1rem;text-decoration:none}.add-ingredient .back-button i{margin-right:8px}.add-ingredient .back-button:hover{background-color:#e0e0e0}.add-ingredient .error-message{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:10px 15px}.add-ingredient .ingredient-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.add-ingredient .ingredient-form .form-group{margin-bottom:20px}.add-ingredient .ingredient-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.add-ingredient .ingredient-form .form-group input,.add-ingredient .ingredient-form .form-group select,.add-ingredient .ingredient-form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;width:100%}.add-ingredient .ingredient-form .form-group input:focus,.add-ingredient .ingredient-form .form-group select:focus,.add-ingredient .ingredient-form .form-group textarea:focus{border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa533;outline:none}.add-ingredient .ingredient-form .form-group textarea{min-height:100px;resize:vertical}.add-ingredient .ingredient-form .form-row{display:flex;gap:20px}.add-ingredient .ingredient-form .form-row .form-group.half{flex:1 1}.add-ingredient .ingredient-form .submit-button{background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.add-ingredient .ingredient-form .submit-button:hover{background-color:#3a5a8c}.add-ingredient .ingredient-form .submit-button:disabled{background-color:#ccc;cursor:not-allowed}@media(max-width:576px){.add-ingredient .ingredient-form .form-row{flex-direction:column;gap:0}}.edit-ingredient{padding:30px 0}.edit-ingredient .container{margin:0 auto;max-width:800px;padding:0 20px}.edit-ingredient h1{color:#333;font-size:2rem;margin-bottom:20px}.edit-ingredient .back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;margin-bottom:2rem;padding:.5rem 1rem;text-decoration:none}.edit-ingredient .back-button i{margin-right:8px}.edit-ingredient .back-button:hover{background-color:#e0e0e0}.edit-ingredient .success-message{background-color:#d4edda;border-radius:4px;color:#155724;margin-bottom:20px;padding:10px 15px}.edit-ingredient .error-message{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:10px 15px}.edit-ingredient .ingredient-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.edit-ingredient .ingredient-form .form-group{margin-bottom:20px}.edit-ingredient .ingredient-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.edit-ingredient .ingredient-form .form-group input,.edit-ingredient .ingredient-form .form-group select,.edit-ingredient .ingredient-form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;width:100%}.edit-ingredient .ingredient-form .form-group input:focus,.edit-ingredient .ingredient-form .form-group select:focus,.edit-ingredient .ingredient-form .form-group textarea:focus{border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa533;outline:none}.edit-ingredient .ingredient-form .form-group textarea{min-height:100px;resize:vertical}.edit-ingredient .ingredient-form .form-row{display:flex;gap:20px}.edit-ingredient .ingredient-form .form-row .form-group.half{flex:1 1}.edit-ingredient .ingredient-form .submit-button{background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.edit-ingredient .ingredient-form .submit-button:hover{background-color:#3a5a8c}.edit-ingredient .ingredient-form .submit-button:disabled{background-color:#ccc;cursor:not-allowed}.edit-ingredient .error,.edit-ingredient .loading{font-size:1.2rem;padding:30px;text-align:center}@media(max-width:576px){.edit-ingredient .ingredient-form .form-row{flex-direction:column;gap:0}}.admin-settings{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.admin-settings h2{border-bottom:1px solid #eee;color:#333;margin-bottom:1.5rem;padding-bottom:.75rem}.admin-settings h3{color:#444;margin:1rem 0}.admin-settings .success-message{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.admin-settings .settings-section{margin-bottom:2rem}.admin-settings .settings-section .store-info{background-color:#f9f9f9;border-radius:4px;padding:1rem}.admin-settings .settings-section .store-info p{margin-bottom:.5rem}.admin-settings .settings-section .store-info p:last-child{margin-bottom:0}.admin-settings .settings-actions{display:flex;flex-wrap:wrap;gap:1rem}.admin-settings .settings-actions .btn{border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.admin-settings .settings-actions .btn.btn-primary{background-color:#4a90e2;border:none;color:#fff}.admin-settings .settings-actions .btn.btn-primary:hover{background-color:#3a7bc8}.admin-settings .settings-actions .btn.btn-danger{background-color:#e53935;border:none;color:#fff}.admin-settings .settings-actions .btn.btn-danger:hover{background-color:#c62828}@media(max-width:768px){.admin-settings{margin:0 10px;padding:1.5rem 1rem}.admin-settings h2{font-size:1.5rem;margin-bottom:1.2rem;text-align:center}.admin-settings h3{font-size:1.2rem;text-align:center}.admin-settings .success-message{padding:.8rem;text-align:center}.admin-settings .settings-section{margin-bottom:1.5rem}.admin-settings .settings-section .store-info{font-size:.95rem;padding:.8rem}.admin-settings .settings-section .store-info p{margin-bottom:.8rem}.admin-settings .settings-actions{flex-direction:column;gap:.8rem}.admin-settings .settings-actions .btn{font-size:1rem;padding:.8rem;width:100%}}@media(max-width:480px){.admin-settings{border-radius:6px;padding:1.2rem .8rem}.admin-settings h2{font-size:1.3rem;padding-bottom:.6rem}.admin-settings h3{font-size:1.1rem}.admin-settings .store-info{font-size:.9rem}.admin-settings .settings-actions .btn{font-size:.95rem;padding:.7rem}}.country-currency-row{align-items:center;display:flex;gap:28px;margin:18px 0}.country-currency-row label{align-items:center;display:flex;font-size:1rem;font-weight:500}.country-currency-row label select{background:#f7fafd;border:1px solid #cfd8dc;border-radius:4px;font-size:1rem;margin-left:10px;padding:7px 14px;transition:border .2s}.country-currency-row label select:focus{border-color:#1a7f37;outline:none}.country-currency-row .currency-display{align-items:center;background:#f4f8fb;border:1px solid #e3e8ee;border-radius:4px;color:#1a202c;display:flex;font-size:1.05rem;font-weight:500;gap:6px;padding:7px 16px}@media(max-width:768px){.country-currency-row{align-items:flex-start;flex-direction:column;gap:15px;margin:15px 0}.country-currency-row label{align-items:flex-start;flex-direction:column;gap:8px;width:100%}.country-currency-row label select{margin-left:0;padding:10px;width:100%}.country-currency-row .currency-display{font-size:1rem;justify-content:center;padding:10px;width:100%}}.appearance-settings{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px}.image-upload-container{flex:1 1;margin-bottom:20px;min-width:250px}.image-upload-container h4{font-size:16px;margin-bottom:10px}.image-preview{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;height:180px;justify-content:center;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.image-preview .preview-image{height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%}.image-preview .no-image{color:#888;font-size:14px;padding:20px;text-align:center}.upload-controls{display:flex;gap:10px}.upload-controls .upload-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px}.upload-controls .upload-button:hover{background-color:#e0e0e0}.upload-controls .upload-button:disabled{cursor:not-allowed;opacity:.6}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.settings-header h2{margin:0}.settings-header .back-to-admin-btn{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;text-decoration:none;transition:background-color .3s}.settings-header .back-to-admin-btn:hover{background-color:#5a6268}.settings-header .back-to-admin-btn i{font-size:12px}.store-info-form .form-group{margin-bottom:15px}.store-info-form .form-group label{display:block;margin-bottom:5px}.store-info-form .form-group .form-control{border:1px solid #ced4da;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.store-info-form .form-group .form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.store-info-form .form-row{display:flex;gap:15px;margin-bottom:15px}.store-info-form .form-row .form-group{flex:1 1;margin-bottom:0}.store-info-form .slug-display{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.store-info-form .slug-display .website-url{text-wrap:wrap;font-weight:500;word-break:break-all}.store-info-form .slug-display .copy-url-btn{align-items:center;background-color:#999;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9em;gap:5px;padding:8px;text-align:center;transition:background-color .2s;width:120px}.store-info-form .slug-display .copy-url-btn:hover{background-color:#e0e0e0}.store-info-form .slug-display .copy-url-btn i{font-size:.9em}.store-info-form .slug-display .slug-info{color:#666;font-size:.9em;font-style:italic}@media(max-width:768px){.appearance-settings{flex-direction:column}.image-preview{height:150px}}.qr-code-section{margin-top:20px}.qr-code-section h4{margin-bottom:5px}.qr-code-section p{color:#666;font-size:.9rem;margin-bottom:15px}.qr-code-section .qr-code-container{align-items:flex-start;display:flex;flex-direction:column;gap:15px}@media(min-width:768px){.qr-code-section .qr-code-container{align-items:center;flex-direction:row}}.qr-code-section .download-qr-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;gap:8px;padding:8px 16px;text-align:center;width:220px}.qr-code-section .download-qr-btn:hover{background-color:#45a049}.qr-code-section .download-qr-btn i{font-size:14px}.admin-product-list{padding:20px 0}.admin-product-list .container{margin:0 auto;max-width:1200px;padding:0 20px}.admin-product-list h1{color:#333;margin-bottom:20px}.admin-product-list .order-controls{display:flex;justify-content:space-between}.admin-product-list .order-controls .right-controls{align-items:center;display:flex;gap:4px}.admin-product-list .order-controls button{align-items:center;background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;margin-left:10px;padding:8px 16px}.admin-product-list .order-controls button.refresh-button{font-size:16px;padding:12px 20px}.admin-product-list .order-controls button i{margin-right:8px}.admin-product-list .order-controls button:hover{background-color:#3a5a8c}.admin-product-list .order-controls button.export-button{background-color:#5a9a5a;font-size:16px;padding:12px 20px}.admin-product-list .order-controls button.export-button:hover{background-color:#4a8a4a}.admin-product-list .admin-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-product-list .admin-controls .filter-controls{align-items:center;display:flex;gap:10px}.admin-product-list .admin-controls .filter-controls label{font-weight:500}.admin-product-list .admin-controls .filter-controls .filter-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.admin-product-list .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.admin-product-list .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:10px;width:40px}.admin-product-list .error-message{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:12px}.admin-product-list .no-items-message{background-color:#e2f3f5;border-radius:4px;color:#0c5460;font-size:16px;padding:20px;text-align:center}.admin-product-list .product-table-container{overflow-x:auto}.admin-product-list .product-table{background-color:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;width:100%}.admin-product-list .product-table td,.admin-product-list .product-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.admin-product-list .product-table th{background-color:#f8f9fa;color:#495057;font-weight:600}.admin-product-list .product-table tr:hover{background-color:#f8f9fa}.admin-product-list .product-table .actions-cell{display:flex;flex-wrap:wrap;gap:8px}.admin-product-list .product-table .view-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.admin-product-list .product-table .view-btn:hover{background-color:#0069d9}.admin-product-list .product-table .status-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px}.admin-product-list .product-table .status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.admin-product-list .product-table .status-pending{background-color:#fff3cd;color:#856404}.admin-product-list .product-table .status-processing{background-color:#cce5ff;color:#004085}.admin-product-list .product-table .status-shipped{background-color:#d1ecf1;color:#0c5460}.admin-product-list .product-table .status-delivered{background-color:#d4edda;color:#155724}.admin-product-list .product-table .status-cancelled{background-color:#f8d7da;color:#721c24}.toast{border-radius:4px;box-shadow:0 4px 8px #0000001a;min-width:250px;opacity:0;padding:15px;position:fixed;right:20px;top:20px;transform:translateY(-20px);transition:opacity .3s,transform .3s;z-index:9999}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.toast.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.toast .toast-content{align-items:center;display:flex}.toast .toast-icon{font-size:18px;margin-right:10px}.toast .toast-message{font-size:14px}.order-controls{align-items:center;display:flex;justify-content:space-between}@media(max-width:768px){.order-controls{align-items:stretch;flex-direction:column;gap:12px}}.order-controls .order-back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;padding:.5rem 1rem;text-align:center;text-decoration:none}.order-controls .order-back-button i{font-size:14px;margin-right:8px}.order-controls .order-back-button:hover{background-color:#e0e0e0}.order-controls .button-text{margin-left:5px}.order-controls .right-controls{display:flex;gap:10px}@media(max-width:768px){.order-controls .right-controls{justify-content:space-between}}.pagination-controls{gap:4px;justify-content:flex-end;margin-top:20px}@media(max-width:768px){.pagination-controls{flex-wrap:wrap;justify-content:center}}.pagination-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;height:28px;justify-content:center;min-width:auto;padding:0 6px;transition:all .2s ease;width:auto}.pagination-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#4a6fa5;color:#4a6fa5}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background-color:#4a6fa5;border-color:#4a6fa5;color:#fff}.pagination-button.page-nav,.pagination-button.page-number{min-width:28px;padding:0;width:28px}.pagination-button.page-nav{background-color:#f8f9fa}.pagination-button.page-nav:hover:not(:disabled){background-color:#e9ecef}@media(max-width:480px){.pagination-button{font-size:.7rem;height:24px}.pagination-button.page-nav,.pagination-button.page-number{min-width:24px;width:24px}}.pagination-info{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;color:#555;font-size:.75rem;font-weight:500;padding:4px 8px}@media(max-width:480px){.pagination-info{font-size:.7rem;padding:3px 6px}}.pagination-ellipsis{align-items:center;color:#666;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}@media(max-width:480px){.pagination-ellipsis{font-size:.7rem;height:24px;min-width:24px;width:24px}}@media(max-width:768px){.pagination-controls{flex-wrap:wrap}.desktop-view{display:none}}.mobile-view{display:none}@media(max-width:768px){.mobile-view{display:block}}.order-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden}.order-card .order-card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.order-card .order-card-header .order-id{font-size:1.1rem;font-weight:600}.order-card .order-card-body{padding:16px}.order-card .order-card-body .order-detail{display:flex;justify-content:space-between;margin-bottom:12px}.order-card .order-card-body .order-detail .detail-label{color:#666;font-weight:500}.order-card .order-card-body .order-detail .detail-value{text-align:right}.order-card .order-card-actions{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.order-card .order-card-actions .view-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px}.order-card .order-card-actions .view-btn:hover{background-color:#3483de}.order-card .order-card-actions .status-update{margin-top:8px}.order-card .order-card-actions .status-update .status-select{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}.order-card .order-card-actions .status-update .status-final{background-color:#f5f5f5;border-radius:4px;color:#666;display:block;padding:10px;text-align:center}.status-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.status-badge.status-pending{background-color:#fff3cd;color:#856404}.status-badge.status-processing{background-color:#cce5ff;color:#004085}.status-badge.status-shipped{background-color:#d1ecf1;color:#0c5460}.status-badge.status-delivered{background-color:#d4edda;color:#155724}.status-badge.status-cancelled{background-color:#f8d7da;color:#721c24}@media(max-width:480px){.order-controls .order-back-button,.order-controls .right-controls button{justify-content:center;margin-left:0;padding:8px}.order-controls .order-back-button i,.order-controls .right-controls button i{margin:0}}.order-detail{padding:20px 0}.order-detail .container{margin:0 auto;max-width:1200px;padding:0 20px}.order-detail h1{color:#333;margin-bottom:20px}.order-detail .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.order-detail .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.order-detail .error-message{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:12px}.order-detail .no-items-message{background-color:#e2f3f5;border-radius:4px;color:#0c5460;font-size:16px;padding:20px;text-align:center}.order-detail .order-summary{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.order-detail .order-summary .order-header{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.order-detail .order-summary .order-header>div{flex:1 1;margin-bottom:15px;min-width:200px}.order-detail .order-summary .order-header>div h3{color:#666;font-size:16px;margin-bottom:8px}.order-detail .order-summary .order-header>div p{font-size:18px;font-weight:500;margin:0}.order-detail .order-summary .order-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.order-detail .order-summary .order-sections h3{color:#333;font-size:18px;margin-bottom:10px}.order-detail .order-summary .order-sections .info-card{background-color:#f9f9f9;border-radius:6px;padding:15px}.order-detail .order-summary .order-sections .info-card p{margin:8px 0}.order-detail .order-summary .order-items{margin-bottom:30px}.order-detail .order-summary .order-items h3{color:#333;font-size:18px;margin-bottom:15px}.order-detail .order-summary .order-items .items-table-container{overflow-x:auto}.order-detail .order-summary .order-items .items-table{border-collapse:collapse;width:100%}.order-detail .order-summary .order-items .items-table td,.order-detail .order-summary .order-items .items-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.order-detail .order-summary .order-items .items-table th{background-color:#f8f9fa;color:#495057;font-weight:600}.order-detail .order-summary .order-items .items-table .product-info{align-items:center;display:flex}.order-detail .order-summary .order-items .items-table .product-info .product-thumbnail{border-radius:4px;height:50px;margin-right:10px;object-fit:cover;width:50px}.order-detail .order-summary .order-items .items-table .product-info .product-name{font-weight:500;margin:0 0 5px}.order-detail .order-summary .order-items .items-table .product-info .product-options{color:#666;font-size:12px;margin:0}.order-detail .order-summary .order-items .items-table tfoot tr{background-color:#f8f9fa}.order-detail .order-summary .order-items .items-table tfoot .text-right{text-align:right}.order-detail .order-summary .order-items .items-table tfoot .total-row{background-color:#e9ecef;font-size:18px}.order-detail .order-summary .order-notes h3{color:#333;font-size:18px;margin-bottom:10px}.order-detail .order-summary .order-notes .info-card{background-color:#f9f9f9;border-radius:6px;padding:15px}.order-detail .status-badge{border-radius:4px;display:inline-block;font-size:14px;font-weight:500;padding:6px 12px;text-transform:capitalize}.order-detail .status-pending{background-color:#fff3cd;color:#856404}.order-detail .status-processing{background-color:#cce5ff;color:#004085}.order-detail .status-shipped{background-color:#d1ecf1;color:#0c5460}.order-detail .status-delivered{background-color:#d4edda;color:#155724}.order-detail .status-cancelled{background-color:#f8d7da;color:#721c24}.order-detail .container h1{margin-bottom:20px}.order-detail .container .action-buttons{display:flex;justify-content:flex-start;margin-bottom:25px}.order-detail .container .action-buttons .back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;margin-bottom:2rem;padding:.5rem 1rem;text-decoration:none}.order-detail .container .action-buttons .back-button i{font-size:14px;margin-right:8px}.order-detail .container .action-buttons .back-button:hover{background-color:#e0e0e0}.order-detail .container .action-buttons .print-button,.order-detail .container .action-buttons .receipt-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;margin-left:10px;padding:.8rem 1rem;transition:background-color .2s}.order-detail .container .action-buttons .print-button svg,.order-detail .container .action-buttons .receipt-button svg{font-size:14px;margin-right:8px}.order-detail .container .action-buttons .print-button{background-color:#4caf50;color:#fff}.order-detail .container .action-buttons .print-button:hover{background-color:#45a049}.order-detail .container .action-buttons .receipt-button{background-color:#2196f3;color:#fff}.order-detail .container .action-buttons .receipt-button:hover{background-color:#0b7dda}@media(max-width:768px){.order-detail{padding:10px 0}.order-detail .container{padding:0 15px}.order-detail .container h1{font-size:24px;margin-bottom:15px}.order-detail .container .action-buttons{align-items:stretch;flex-direction:column;margin-bottom:20px}.order-detail .container .action-buttons .back-button{margin-bottom:10px;text-align:center}.order-detail .container .action-buttons .button-group{align-items:stretch;display:flex;flex-direction:row;justify-content:space-between}.order-detail .container .action-buttons .button-group .print-button,.order-detail .container .action-buttons .button-group .receipt-button{justify-content:center;margin-bottom:10px;margin-left:0}.order-detail .order-summary{margin-bottom:20px;padding:15px}.order-detail .order-summary .order-header{flex-direction:column;margin-bottom:20px;padding-bottom:15px}.order-detail .order-summary .order-header>div{margin-bottom:15px;min-width:100%}.order-detail .order-summary .order-header>div:last-child{margin-bottom:0}.order-detail .order-summary .order-header>div h3{font-size:14px;margin-bottom:5px}.order-detail .order-summary .order-header>div p{font-size:16px}.order-detail .order-summary .order-sections{gap:15px;grid-template-columns:1fr;margin-bottom:20px}.order-detail .order-summary .order-sections h3{font-size:16px;margin-bottom:8px}.order-detail .order-summary .order-sections .info-card{padding:12px}.order-detail .order-summary .order-items{margin-bottom:20px}.order-detail .order-summary .order-items h3{font-size:16px;margin-bottom:10px}.order-detail .order-summary .order-items .items-table-container{margin:0 -15px;width:calc(100% + 30px)}.order-detail .order-summary .order-items .items-table td,.order-detail .order-summary .order-items .items-table th{font-size:14px;padding:10px}.order-detail .order-summary .order-items .items-table .product-info .product-thumbnail{height:40px;width:40px}.order-detail .order-summary .order-items .items-table .product-info .product-name{font-size:14px}.order-detail .order-summary .order-items .items-table .product-info .product-options{font-size:11px}.order-detail .order-summary .order-items .items-table tfoot .total-row{font-size:16px}.order-detail .order-summary .order-notes h3{font-size:16px;margin-bottom:8px}.order-detail .status-badge{font-size:12px;padding:4px 8px}}.admin-category-list{padding:2rem 0}.admin-category-list h1{margin-bottom:1.5rem}.admin-category-list .order-controls{display:flex;justify-content:space-between;margin-bottom:50px}.admin-category-list .order-controls .category-back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none}.admin-category-list .order-controls .category-back-button i{margin-right:.5rem}.admin-category-list .order-controls .category-back-button:hover{background-color:#e0e0e0}.admin-category-list .order-controls .category-add-button{align-items:center;background-color:#4caf50;border-radius:4px;color:#fff;display:inline-flex;margin-left:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.admin-category-list .order-controls .category-add-button i{margin-right:.5rem}.admin-category-list .order-controls .category-add-button:hover{background-color:#3e8e41}.admin-category-list .order-controls .right-controls{align-items:center;display:flex;gap:4px}.admin-category-list .order-controls button{align-items:center;background-color:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;margin-left:10px;padding:8px 16px}.admin-category-list .order-controls button.refresh-button{font-size:16px;padding:12px 20px}.admin-category-list .order-controls button i{margin-right:8px}.admin-category-list .order-controls button:hover{background-color:#3a5a8c}.admin-category-list .order-controls button.export-button{background-color:#5a9a5a;font-size:16px;padding:12px 20px}.admin-category-list .order-controls button.export-button:hover{background-color:#4a8a4a}.admin-category-list .loading-overlay{background-color:#f8f9fa;border-radius:4px;color:#6c757d;margin-bottom:1rem;padding:.5rem;text-align:center}.admin-category-list .category-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:30px;overflow:hidden}.admin-category-list .category-table .table-header{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:grid;font-weight:700;grid-template-columns:2fr 2fr 3fr 1fr 1fr}.admin-category-list .category-table .table-header .header-cell{padding:1rem}.admin-category-list .category-table .category-row{border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:2fr 2fr 3fr 1fr 1fr;transition:background-color .2s}.admin-category-list .category-table .category-row:hover{background-color:#f9f9f9}.admin-category-list .category-table .category-row:last-child{border-bottom:none}.admin-category-list .category-table .category-row .cell{align-items:center;display:flex;padding:1rem}.admin-category-list .category-table .category-row .cell.description{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-category-list .category-table .category-row .cell.actions{justify-content:flex-end}.admin-category-list .category-table .category-row .button-group{display:flex;gap:.5rem}.admin-category-list .category-table .category-row .button-group .action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;padding:.4rem .8rem;text-decoration:none}.admin-category-list .category-table .category-row .button-group .action-button i{margin-right:.3rem}.admin-category-list .category-table .category-row .button-group .action-button.edit-button{background-color:#2196f3;color:#fff}.admin-category-list .category-table .category-row .button-group .action-button.edit-button:hover{background-color:#0b7dda}.admin-category-list .category-table .category-row .button-group .action-button.delete-button{background-color:#f44336;color:#fff}.admin-category-list .category-table .category-row .button-group .action-button.delete-button:hover{background-color:#d32f2f}.admin-category-list .category-table .no-categories{color:#666;padding:2rem;text-align:center}.error{color:#f44336}@media(max-width:768px){.admin-category-list{padding:1rem 0}.admin-category-list .container{padding:0 1rem}.admin-category-list h1{font-size:1.5rem;margin-bottom:1rem;text-align:center}.admin-category-list .order-controls{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.admin-category-list .order-controls .left-controls{display:flex;gap:.5rem;width:100%}.admin-category-list .order-controls .left-controls .category-add-button,.admin-category-list .order-controls .left-controls .category-back-button{margin-left:0;text-align:center;width:100%}.admin-category-list .order-controls .right-controls{justify-content:space-between;width:100%}.admin-category-list .order-controls .right-controls button{flex:1 1;margin-left:.5rem;padding:.5rem}.admin-category-list .order-controls .right-controls button:first-child{margin-left:0}.admin-category-list .order-controls .right-controls button i{margin-right:.3rem}.admin-category-list .category-table{border-radius:4px;margin-top:1rem}.admin-category-list .category-table .table-header{display:none}.admin-category-list .category-table .category-row{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;padding:1rem}.admin-category-list .category-table .category-row .cell{padding:.5rem 0;width:100%}.admin-category-list .category-table .category-row .cell:before{content:attr(data-label);display:inline-block;font-weight:700;margin-right:.5rem;width:100px}.admin-category-list .category-table .category-row .cell.description{line-height:1.4;white-space:normal}.admin-category-list .category-table .category-row .cell.actions{justify-content:flex-start;margin-top:.5rem}.admin-category-list .category-table .category-row .button-group{width:100%}.admin-category-list .category-table .category-row .button-group .action-button{flex:1 1;justify-content:center}.admin-category-list .category-table .category-row .button-group .action-button i{margin-right:.3rem}}.category-form-container{margin:0 auto;max-width:600px;padding:2rem 0}.category-form-container h1{margin-bottom:1.5rem;text-align:center}.category-form-container .category-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;padding:2rem;width:100%}.category-form-container .category-form .form-group{margin-bottom:1.5rem}.category-form-container .category-form .form-group label{display:block;font-weight:500;margin-bottom:.5rem}.category-form-container .category-form .form-group input[type=text],.category-form-container .category-form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.category-form-container .category-form .form-group input[type=text].error,.category-form-container .category-form .form-group textarea.error{border-color:#f44336}.category-form-container .category-form .form-group input[type=text]:focus,.category-form-container .category-form .form-group textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.category-form-container .category-form .form-group .input-with-button{display:flex;gap:.5rem}.category-form-container .category-form .form-group .input-with-button input{flex:1 1}.category-form-container .category-form .form-group .input-with-button .generate-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;padding:0 1rem;transition:background-color .2s;width:120px}.category-form-container .category-form .form-group .input-with-button .generate-button:hover:not(:disabled){background-color:#e0e0e0}.category-form-container .category-form .form-group .input-with-button .generate-button:disabled{cursor:not-allowed;opacity:.5}.category-form-container .category-form .form-group .error-message{color:#f44336;font-size:.875rem;margin-top:.5rem}.category-form-container .category-form .form-group .help-text{color:#666;font-size:.875rem;margin-top:.5rem}.category-form-container .category-form .form-group.checkbox-group{align-items:center;display:flex;gap:.5rem}.category-form-container .category-form .form-group.checkbox-group input[type=checkbox]{margin:0}.category-form-container .category-form .form-group.checkbox-group label{margin-bottom:0}.category-form-container .category-form .form-group.checkbox-group .help-text{margin-left:1rem}.category-form-container .category-form .form-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828;margin-bottom:1.5rem;padding:.75rem}.category-form-container .category-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.category-form-container .category-form .form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.category-form-container .category-form .form-actions button:disabled{cursor:not-allowed;opacity:.7}.category-form-container .category-form .form-actions button.cancel-button{background-color:#f5f5f5;color:#333}.category-form-container .category-form .form-actions button.cancel-button:hover:not(:disabled){background-color:#e0e0e0}.category-form-container .category-form .form-actions button.submit-button{background-color:#4caf50;color:#fff}.category-form-container .category-form .form-actions button.submit-button:hover:not(:disabled){background-color:#3e8e41}.admin-sales{margin:0 auto;padding:32px 16px}.admin-sales h1{font-size:2rem;margin-bottom:24px;text-align:center}.admin-sales .sales-summary{align-items:stretch;display:flex;gap:24px;justify-content:center;margin-bottom:32px}.admin-sales .sales-summary>div{background:#fff;border:1.5px solid #e3e8ee;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#222;display:flex;flex-direction:column;font-size:1.1rem;justify-content:center;min-width:140px;padding:18px 28px;text-align:center}.admin-sales .sales-summary>div strong{color:#1a7f37;font-size:1.2rem;letter-spacing:.5px}.admin-sales .cashflow-form{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.admin-sales .cashflow-form input[type=number],.admin-sales .cashflow-form input[type=text],.admin-sales .cashflow-form select{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:6px 10px}.admin-sales .cashflow-form button{background:#1a7f37;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:6px 18px;transition:background .2s}.admin-sales .cashflow-form button:hover{background:#155c2c}.admin-sales h2{color:#333;font-size:1.2rem;margin-bottom:12px;margin-top:32px}.admin-sales table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 2px 8px #00000008;margin-bottom:24px;overflow:hidden;width:100%}.admin-sales table td,.admin-sales table th{padding:10px 8px;text-align:left}.admin-sales table th{background:#f0f0f0;border-bottom:1px solid #e0e0e0;font-weight:600}.admin-sales table tr:nth-child(2n){background:#fafbfc}.admin-sales table tr:hover{background:#f5f7fa}.admin-sales .error{background:#ffeaea;border-radius:4px;color:#c0392b;margin-bottom:16px;padding:10px 16px;text-align:center}.admin-sales .sales-date-filter{align-items:center;background:#f7fafd;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;gap:20px;justify-content:center;margin-bottom:32px;padding:12px 24px}.admin-sales .sales-date-filter label{color:#333;display:flex;flex-direction:row;font-size:1rem;margin-bottom:0}.admin-sales .sales-date-filter label p{padding:10px 5px 0 0}.admin-sales .sales-date-filter label input[type=date]{background:#fff;border:1px solid #cfd8dc;border-radius:4px;font-size:1rem;margin-top:6px;padding:6px 10px;transition:border .2s}.admin-sales .sales-date-filter label input[type=date]:focus{border-color:#1a7f37;outline:none}.admin-sales .sales-date-filter .sales-date-filter-btn{background:#e0e7ef;border:none;border-radius:4px;color:#1a7f37;cursor:pointer;font-size:1rem;font-weight:500;margin-left:12px;margin-top:5px;padding:8px 18px;transition:background .2s,color .2s;width:80px}.admin-sales .sales-date-filter .sales-date-filter-btn:hover{background:#1a7f37;color:#fff}.admin-sales .sales-date-filter .pagination-controls{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:30px}.admin-sales .sales-date-filter .pagination-controls .pagination-button{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s}.admin-sales .sales-date-filter .pagination-controls .pagination-button:hover:not(:disabled){background-color:#e9ecef;border-color:#ced4da}.admin-sales .sales-date-filter .pagination-controls .pagination-button:disabled{cursor:not-allowed;opacity:.5}.admin-sales .sales-date-filter .pagination-controls .pagination-button.page-number{font-weight:500}.admin-sales .sales-date-filter .pagination-controls .pagination-button.page-number.active{background-color:#4a6fa5;border-color:#4a6fa5;color:#fff}.admin-sales .sales-date-filter .pagination-controls .pagination-button.page-nav{font-size:14px}.admin-sales .sales-date-filter .pagination-controls .pagination-ellipsis{align-items:center;color:#6c757d;display:flex;height:36px;justify-content:center;min-width:36px}@media(max-width:768px){.admin-sales{padding:20px 12px}.admin-sales h1{font-size:1.5rem;margin-bottom:16px}.admin-sales .sales-summary{flex-direction:column;gap:12px;margin-bottom:24px}.admin-sales .sales-summary>div{font-size:1rem;min-width:auto;padding:12px 16px}.admin-sales .sales-summary>div strong{font-size:1.1rem}.admin-sales .cashflow-form{flex-direction:column;gap:10px;margin-bottom:24px}.admin-sales .cashflow-form button,.admin-sales .cashflow-form input[type=number],.admin-sales .cashflow-form input[type=text],.admin-sales .cashflow-form select{padding:10px;width:100%}.admin-sales .sales-date-filter{flex-direction:column;gap:10px;padding:12px}.admin-sales .sales-date-filter label{align-items:flex-start;flex-direction:column;width:100%}.admin-sales .sales-date-filter label p{margin:0;padding:0 0 5px}.admin-sales .sales-date-filter label input[type=date]{margin-top:0;width:100%}.admin-sales .sales-date-filter .sales-date-filter-btn{margin:5px 0 0;width:100%}.admin-sales h2{margin-top:24px;text-align:center}.admin-sales table{border:none;box-shadow:none}.admin-sales table thead{display:none}.admin-sales table tbody tr{border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:block;margin-bottom:16px}.admin-sales table tbody td{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 12px;text-align:right}.admin-sales table tbody td:before{content:attr(data-label);font-weight:600;padding-right:10px;text-align:left}.admin-sales table tbody td:last-child{border-bottom:none}}.sales-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sales-header h1{margin:0}.sales-header .back-to-admin-btn{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;text-decoration:none;transition:background-color .3s}.sales-header .back-to-admin-btn:hover{background-color:#5a6268}.sales-header .back-to-admin-btn i{font-size:12px}.payment-setup-page{margin:0 auto;max-width:600px;padding:32px 16px}.payment-setup-page h1{font-size:2rem;margin-bottom:18px}.payment-setup-page .payment-options-list .payment-option{border:2px solid #f0f0f0;padding:18px 10px 12px;width:100%}.payment-setup-page .payment-options-list .payment-option .payment-option-main{align-items:center;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between}.payment-setup-page .payment-options-list .payment-option .payment-option-main label{align-items:center;display:flex;font-size:1.08rem;font-weight:500;gap:10px}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload{align-items:center;display:flex;gap:12px}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .image-upload-label{align-items:center;cursor:pointer;display:flex}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .image-upload-label .image-upload-input{display:none}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .image-upload-label .image-upload-btn{background:#f5f5f5;border:1px solid #bbb;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;margin-right:0;padding:7px 18px;transition:background .2s,border .2s}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .image-upload-label .image-upload-btn:hover{background:#e0e0e0;border:1px solid #888}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .payment-image-preview{align-items:center;background:#fafbfc;border:1.5px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;height:56px;justify-content:center;overflow:hidden;width:56px}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .payment-image-preview .payment-option-image{background:#fff;border-radius:6px;display:block;height:44px;margin:auto;object-fit:contain;width:44px}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .image-uploading-text{color:#888;font-size:1rem;font-style:italic;margin-left:12px}.payment-setup-page .payment-options-list .payment-option .option-details{color:#666;display:block;font-size:.98rem;margin-bottom:2px;margin-left:34px;margin-top:2px}.payment-setup-page .add-custom-method{display:flex;gap:10px;margin-bottom:18px}.payment-setup-page .add-custom-method input[type=text]{border:1px solid #cfd8dc;border-radius:4px;flex:1 1;font-size:1rem;padding:7px 10px}.payment-setup-page .add-custom-method button{background:#1a7f37;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:7px 18px}.payment-setup-page .add-custom-method button:hover{background:#155c2c}.payment-setup-page .note{background:#fffbe6;border-left:4px solid #ffe066;border-radius:4px;color:#7a6d00;font-size:.98rem;padding:10px 16px}.payment-config{background:#f4f8fb;border:1.5px solid #e3e8ee;border-radius:7px;box-shadow:0 2px 8px #0000000a;margin-top:14px;padding:16px 20px}.payment-config label{color:#1a202c;display:flex;flex-direction:column;font-size:1rem}.payment-config label input[type=text]{background:#fff;border:1px solid #cfd8dc;border-radius:4px;font-size:1rem;margin-top:7px;padding:8px 12px;transition:border .2s}.payment-config label input[type=text]:focus{border-color:#1a7f37;outline:none}.payment-config label textarea{background:#fff;border:1px solid #cfd8dc;border-radius:4px;font-size:1rem;margin-top:7px;min-height:60px;padding:8px 12px;resize:vertical;transition:border .2s}.payment-config label textarea:focus{border-color:#1a7f37;outline:none}.delete-custom-method-btn{background-color:#0000;border:none;border-radius:4px;color:#d32f2f;cursor:pointer;padding:8px;transition:background-color .2s}.delete-custom-method-btn:hover{background-color:#d32f2f1a}.delete-custom-method-btn i{font-size:16px}@media(max-width:768px){.payment-setup-page{padding:24px 12px}.payment-setup-page h1{font-size:1.6rem;margin-bottom:14px;text-align:center}.payment-setup-page p{font-size:.95rem;margin-bottom:16px;text-align:center}.payment-setup-page .payment-options-list .payment-option{padding:14px 0 10px}.payment-setup-page .payment-options-list .payment-option .payment-option-main{align-items:flex-start;flex-direction:column;gap:14px}.payment-setup-page .payment-options-list .payment-option .payment-option-main label{font-size:1rem;justify-content:space-between;padding-right:10px;width:100%}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload{flex-wrap:wrap;width:100%}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .image-upload-label{margin-bottom:10px;width:100%}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .image-upload-label .image-upload-btn{padding:8px 10px;text-align:center;width:100%}.payment-setup-page .payment-options-list .payment-option .payment-option-main .payment-image-upload .payment-image-preview{margin:0 auto}.payment-setup-page .payment-options-list .payment-option .option-details{font-size:.9rem;margin-left:0;margin-top:8px}.payment-setup-page .add-custom-method{flex-direction:column;gap:8px}.payment-setup-page .add-custom-method button,.payment-setup-page .add-custom-method input[type=text]{padding:10px;width:100%}.payment-setup-page .note{font-size:.9rem;padding:10px 12px}.payment-config{margin-top:12px;padding:12px 14px}.payment-config label{font-size:.95rem}.payment-config label input[type=text],.payment-config label textarea{font-size:.95rem;padding:10px}.delete-custom-method-btn{margin:10px 0 0;padding:8px;width:100%}}@media(max-width:480px){.payment-setup-page{padding:16px 10px}.payment-setup-page h1{font-size:1.4rem}.payment-setup-page .payment-options-list .payment-option .payment-option-main label{font-size:.95rem}}.payment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.payment-header h1{margin:0}.payment-header .back-to-admin-btn{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;text-decoration:none;transition:background-color .3s}.payment-header .back-to-admin-btn:hover{background-color:#5a6268}.payment-header .back-to-admin-btn i{font-size:12px}.custom-payment-section{background-color:#f8f9fa;border-left:4px solid #0366d6;border-radius:8px;margin-bottom:20px;margin-top:30px;padding:20px}.custom-payment-section h3{color:#24292e;font-size:18px;margin-top:0}.custom-payment-section .section-description{color:#586069;margin-bottom:15px}.add-custom-method{display:flex;gap:10px}.add-custom-method input{border:1px solid #dfe2e5;border-radius:4px;flex:1 1;font-size:14px;padding:10px 12px}.add-custom-method input:focus{border-color:#0366d6;box-shadow:0 0 0 3px #0366d64d;outline:none}.add-custom-method .add-method-btn{align-items:center;background-color:#2ea44f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:background-color .2s}.add-custom-method .add-method-btn:hover{background-color:#2c974b}.add-custom-method .add-method-btn:disabled{background-color:#94d3a2;cursor:not-allowed}.add-custom-method .add-method-btn i{font-size:12px}.guide-page{background-color:#f5f5f5;min-height:100vh;padding:2rem 0}.guide-page .container{margin:0 auto;max-width:1200px;padding:0 1rem}.guide-page h1{color:#333;margin-bottom:1rem;text-align:center}.guide-page .guide-intro{color:#666;font-size:1.1rem;margin:0 auto 2rem;max-width:800px;text-align:center}.guide-page .guide-content{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}@media(min-width:992px){.guide-page .guide-content{flex-direction:row}}.guide-page .video-player{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex:2 1;overflow:hidden}.guide-page .video-player .video-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.guide-page .video-player .video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.guide-page .video-player .video-info{padding:1.5rem}.guide-page .video-player .video-info h2{color:#333;margin-bottom:.5rem;margin-top:0}.guide-page .video-player .video-info p{color:#666;margin-bottom:0}.guide-page .video-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex:1 1;padding:1.5rem}.guide-page .video-list h3{border-bottom:1px solid #eee;color:#333;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.guide-page .video-list .video-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;margin-bottom:.75rem;padding:1rem;transition:background-color .2s ease}.guide-page .video-list .video-item:hover{background-color:#f5f5f5}.guide-page .video-list .video-item.active{background-color:#e3f2fd;border-left:4px solid #4a90e2}.guide-page .video-list .video-item .video-number{align-items:center;background-color:#4a90e2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;margin-right:1rem;width:30px}.guide-page .video-list .video-item .video-details{flex:1 1}.guide-page .video-list .video-item .video-details h4{font-size:1rem;margin:0 0 .25rem}.guide-page .video-list .video-item .video-details .video-duration{color:#777;font-size:.85rem}.guide-page .support-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.guide-page .support-section h3{color:#333;margin-bottom:1rem;margin-top:0}.guide-page .support-section p{color:#666;margin-bottom:1.5rem}.guide-page .support-section .support-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.guide-page .support-section .support-links .btn{border-radius:4px;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.guide-page .support-section .support-links .btn.btn-facebook{background-color:#3b5998;color:#fff}.guide-page .support-section .support-links .btn.btn-facebook:hover{background-color:#2d4373}.guide-page .support-section .support-links .btn.btn-telegram{background-color:#08c;color:#fff}.guide-page .support-section .support-links .btn.btn-telegram:hover{background-color:#069}@media(max-width:768px){.guide-page .video-list .video-item{padding:.75rem}.guide-page .video-list .video-item .video-number{font-size:.85rem;height:25px;width:25px}.guide-page .video-list .video-item .video-details h4{font-size:.9rem}.guide-page .support-links{align-items:center;flex-direction:column}.guide-page .support-links .btn{margin-bottom:.5rem;max-width:250px;width:100%}}.payment-page{align-items:center;background:#f7f8fa;display:flex;justify-content:center;min-height:80vh}.payment-page .container{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000012;margin:2rem auto;max-width:420px;padding:2.5rem 2rem;text-align:center;width:100%}.payment-page h1{color:#222;font-size:2rem;letter-spacing:.5px;margin-bottom:1.5rem}.payment-page .order-summary{background:#f2f4f8;border-radius:8px;box-shadow:0 1px 4px #00000008;margin-bottom:1.5rem;padding:1.2rem 1rem}.payment-page .order-summary h2{color:#333;font-size:1.15rem;margin-bottom:.7rem}.payment-page .order-summary div{color:#444;font-size:1rem;margin-bottom:.4rem}.payment-page .order-summary strong{color:#1a73e8}.payment-page .payment-instructions{background:#e8f0fe;border-radius:8px;margin-bottom:1.5rem;padding:1.2rem 1rem;text-align:left}.payment-page .payment-instructions h3{color:#174ea6;font-size:1.05rem;margin-bottom:.7rem;margin-top:0}.payment-page .payment-instructions div{color:#222;font-size:1rem;line-height:1.6}.payment-page .error-message{background:#fdeaea;border:1px solid #f5c6cb;border-radius:6px;color:#d93025;font-size:1rem;margin-bottom:1.2rem;padding:.8rem 1rem}.payment-page .back-btn{background:#1a73e8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1.2rem;padding:.7rem 1.5rem;transition:background .2s}.payment-page .back-btn:hover{background:#155ab6}.admin-user-list{padding:2rem 0}.admin-user-list h1{margin-bottom:1.5rem}.admin-user-list .order-controls{display:flex;justify-content:space-between;margin-bottom:50px}.admin-user-list .order-controls .user-back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none}.admin-user-list .order-controls .user-back-button i{margin-right:.5rem}.admin-user-list .order-controls .user-back-button:hover{background-color:#e0e0e0}.admin-user-list .order-controls .user-add-button{align-items:center;background-color:#4caf50;border-radius:4px;color:#fff;display:inline-block;margin-left:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.admin-user-list .order-controls .user-add-button i{margin-right:.5rem}.admin-user-list .order-controls .user-add-button:hover{background-color:#3e8e41}.admin-user-list .loading-overlay{background-color:#f8f9fa;border-radius:4px;color:#6c757d;margin-bottom:1rem;padding:.5rem;text-align:center}.admin-user-list .user-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:30px;overflow:hidden}.admin-user-list .user-table .table-header{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:grid;font-weight:700;grid-template-columns:3fr 3fr 1fr 1fr 2fr}.admin-user-list .user-table .table-header .header-cell{padding:1rem}.admin-user-list .user-table .user-row{border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:3fr 3fr 1fr 1fr 2fr;transition:background-color .2s}.admin-user-list .user-table .user-row:hover{background-color:#f9f9f9}.admin-user-list .user-table .user-row:last-child{border-bottom:none}.admin-user-list .user-table .user-row .cell{align-items:center;display:flex;padding:1rem}.admin-user-list .user-table .user-row .cell.description{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-list .user-table .user-row .cell.actions{justify-content:flex-end}.admin-user-list .user-table .user-row .button-group{display:flex;gap:.5rem}.admin-user-list .user-table .user-row .button-group .action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;padding:.4rem .8rem;text-decoration:none}.admin-user-list .user-table .user-row .button-group .action-button i{margin-right:.3rem}.admin-user-list .user-table .user-row .button-group .action-button.edit-button{background-color:#2196f3;color:#fff}.admin-user-list .user-table .user-row .button-group .action-button.edit-button:hover{background-color:#0b7dda}.admin-user-list .user-table .user-row .button-group .action-button.delete-button{background-color:#f44336;color:#fff}.admin-user-list .user-table .user-row .button-group .action-button.delete-button:hover{background-color:#d32f2f}.admin-user-list .user-table .no-users{color:#666;padding:2rem;text-align:center}.error,.loading{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:2rem;text-align:center}.pagination-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination-controls button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.pagination-controls button:hover{background-color:#0056b3}.pagination-controls button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-controls span{color:#333;font-size:1.1rem}.modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal .modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:2rem;width:100%}.modal .modal-content h3{color:#333;margin:0 0 1.5rem}.modal .modal-content form{display:flex;flex-direction:column;gap:1rem}.modal .modal-content form div{display:flex;flex-direction:column;gap:.5rem}.modal .modal-content form div label{color:#555;font-weight:500}.modal .modal-content form div input,.modal .modal-content form div select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.modal .modal-content form div input:focus,.modal .modal-content form div select:focus{border-color:#1976d2;outline:none}.modal .modal-content form .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.modal .modal-content form .modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:opacity .2s}.modal .modal-content form .modal-actions button:hover{opacity:.9}.modal .modal-content form .modal-actions button.save{background:#43a047;color:#fff}.modal .modal-content form .modal-actions button.cancel{background:#e0e0e0;color:#333}@media(max-width:768px){.admin-user-list{padding:1rem 0}.admin-user-list .container{padding:0 1rem}.admin-user-list .user-table{overflow-x:auto}.admin-user-list .user-table table{min-width:600px}.admin-user-list .modal .modal-content{margin:1rem}}.user-page{padding:2rem 0}.user-page h1{color:#333;margin-bottom:2rem;text-align:center}.user-page .user-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem}.user-page .user-grid .user-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.user-page .user-grid .user-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.user-page .user-grid .user-card .card-icon{color:#4a90e2;font-size:3rem;margin-bottom:1.5rem}.user-page .user-grid .user-card h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.user-page .user-grid .user-card p{color:#666;flex-grow:1;margin-bottom:1.5rem}.user-page .user-grid .user-card .card-button{background-color:#4a90e2;border-radius:5px;color:#fff;display:block;font-weight:700;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .3s;width:100%}.user-page .user-grid .user-card .card-button:hover{background-color:#357abd}@media(max-width:768px){.user-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.user-grid{grid-template-columns:1fr}}.user-order-list{padding:2rem 0}.user-order-list .container{margin:0 auto;max-width:1200px;padding:0 1rem}.user-order-list h1{color:#333;margin-bottom:2rem;text-align:center}.user-order-list .admin-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.user-order-list .admin-controls .filter-controls{align-items:center;display:flex;gap:10px}.user-order-list .admin-controls .filter-controls label{font-weight:500}.user-order-list .admin-controls .filter-controls .filter-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.user-order-list .order-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow:hidden;width:100%}.user-order-list .order-table td,.user-order-list .order-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.user-order-list .order-table th{background-color:#f8f9fa;color:#495057;font-weight:600}.user-order-list .order-table tr:last-child td{border-bottom:none}.user-order-list .order-table tr:hover{background-color:#f8f9fa}.user-order-list .order-table .order-id{color:#2c5282;font-weight:500}.user-order-list .order-table .order-date{color:#666}.user-order-list .order-table .order-status{font-weight:500}.user-order-list .order-table .order-status.status-pending{color:#f59e0b}.user-order-list .order-table .order-status.status-processing{color:#3b82f6}.user-order-list .order-table .order-status.status-shipped{color:#8b5cf6}.user-order-list .order-table .order-status.status-delivered{color:#10b981}.user-order-list .order-table .order-status.status-cancelled{color:#ef4444}.user-order-list .order-table .order-total{font-weight:600}.user-order-list .order-table .order-actions{display:flex;gap:8px}.user-order-list .order-table .order-actions .view-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:background-color .2s}.user-order-list .order-table .order-actions .view-btn:hover{background-color:#357abd}.user-order-list .empty-orders{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:3rem;text-align:center}.user-order-list .empty-orders h3{color:#666;margin-bottom:1rem}.user-order-list .empty-orders p{color:#888;margin-bottom:1.5rem}.user-order-list .empty-orders .shop-now-btn{background-color:#4a90e2;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.user-order-list .empty-orders .shop-now-btn:hover{background-color:#357abd}.user-order-list .toast{border-radius:4px;bottom:20px;box-shadow:0 4px 12px #00000026;opacity:0;padding:12px 20px;position:fixed;right:20px;transform:translateY(20px);transition:opacity .3s,transform .3s;z-index:1000}.user-order-list .toast.show{opacity:1;transform:translateY(0)}.user-order-list .toast.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.user-order-list .toast.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.user-order-list .toast .toast-content{align-items:center;display:flex}.user-order-list .toast .toast-icon{font-size:18px;margin-right:10px}.user-order-list .toast .toast-message{font-size:14px}.user-order-list .order-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.user-order-list .order-controls .user-refresh-button{font-size:16px;padding:12px 20px}@media(max-width:768px){.user-order-list .order-controls{align-items:stretch;flex-direction:column;gap:12px}}.user-order-list .order-controls .order-back-button{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;padding:.5rem 1rem;text-align:center;text-decoration:none}.user-order-list .order-controls .order-back-button i{font-size:14px;margin-right:8px}.user-order-list .order-controls .order-back-button:hover{background-color:#e0e0e0}.user-order-list .order-controls .button-text{margin-left:5px}.user-order-list .order-controls .right-controls{display:flex;gap:10px}@media(max-width:768px){.user-order-list .order-controls .right-controls{justify-content:space-between}}.user-order-list .pagination-controls{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:20px}@media(max-width:768px){.user-order-list .pagination-controls{flex-wrap:wrap;justify-content:center}}.user-order-list .pagination-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;height:28px;justify-content:center;min-width:auto;padding:0 6px;transition:all .2s ease;width:auto}.user-order-list .pagination-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#4a6fa5;color:#4a6fa5}.user-order-list .pagination-button:disabled{cursor:not-allowed;opacity:.5}.user-order-list .pagination-button.active{background-color:#4a6fa5;border-color:#4a6fa5;color:#fff}.user-order-list .pagination-button.page-number{min-width:28px;padding:0;width:28px}.user-order-list .pagination-button.page-nav{background-color:#f8f9fa;min-width:28px;padding:0;width:28px}.user-order-list .pagination-button.page-nav:hover:not(:disabled){background-color:#e9ecef}@media(max-width:480px){.user-order-list .pagination-button{font-size:.7rem;height:24px}.user-order-list .pagination-button.page-nav,.user-order-list .pagination-button.page-number{min-width:24px;width:24px}}.user-order-list .pagination-info{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;color:#555;font-size:.75rem;font-weight:500;padding:4px 8px}@media(max-width:480px){.user-order-list .pagination-info{font-size:.7rem;padding:3px 6px}}.user-order-list .pagination-ellipsis{align-items:center;color:#666;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}@media(max-width:480px){.user-order-list .pagination-ellipsis{font-size:.7rem;height:24px;min-width:24px;width:24px}}@media(max-width:768px){.user-order-list .pagination-controls{flex-wrap:wrap}.user-order-list .desktop-view{display:none}}.user-order-list .mobile-view{display:none}@media(max-width:768px){.user-order-list .mobile-view{display:block}}.user-order-list .order-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden}.user-order-list .order-card .order-card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.user-order-list .order-card .order-card-header .order-id{font-size:1.1rem;font-weight:600}.user-order-list .order-card .order-card-body{padding:16px}.user-order-list .order-card .order-card-body .order-detail{display:flex;justify-content:space-between;margin-bottom:12px}.user-order-list .order-card .order-card-body .order-detail .detail-label{color:#666;font-weight:500}.user-order-list .order-card .order-card-body .order-detail .detail-value{text-align:right}.user-order-list .order-card .order-card-actions{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.user-order-list .order-card .order-card-actions .view-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:10px;text-align:center;transition:background-color .2s}.user-order-list .order-card .order-card-actions .view-btn:hover{background-color:#357abd}.user-settings{padding:20px 0}.user-settings .container{margin:0 auto;max-width:1200px;padding:0 15px}.user-settings .settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.user-settings .settings-header h1{font-size:24px;margin:0}.user-settings .settings-header .back-button{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#333;display:inline-flex;padding:8px 16px;text-decoration:none;transition:background-color .3s}.user-settings .settings-header .back-button:hover{background-color:#e0e0e0}.user-settings .settings-header .back-button i{margin-right:8px}.user-settings .error-message,.user-settings .success-message{border-radius:4px;margin-bottom:20px;padding:12px}.user-settings .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.user-settings .success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.user-settings .settings-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media(max-width:768px){.user-settings .settings-grid{grid-template-columns:1fr}}.user-settings .settings-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.user-settings .settings-section h2{border-bottom:1px solid #eee;font-size:18px;margin:0 0 20px;padding-bottom:10px}.user-settings .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.user-settings .form-group{margin-bottom:15px}.user-settings .form-group label{display:block;font-weight:500;margin-bottom:5px}.user-settings .form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.user-settings .form-group input:focus{border-color:#4f8ef7;box-shadow:0 0 0 2px #4f8ef733;outline:none}.user-settings .form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.user-settings .form-group small{color:#666;display:block;font-size:12px;margin-top:5px}.user-settings .save-button{background-color:#4f8ef7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.user-settings .save-button:hover{background-color:#3a7ce0}.user-settings .save-button:disabled{background-color:#a0bef8;cursor:not-allowed}.user-settings .logout-section{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.user-settings .logout-button{align-items:center;background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.user-settings .logout-button i{margin-right:8px}.user-settings .logout-button:hover{background-color:#d32f2f}.user-settings .login-button{background-color:#4f8ef7;border:none;border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .3s}.user-settings .login-button:hover{background-color:#3a7ce0}.forgot-password-container{align-items:center;background:#f8fafc;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.forgot-password-container .forgot-password-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:1.5rem;max-width:400px;padding:2.5rem 2rem;width:100%}.forgot-password-container .forgot-password-card h2{color:#1a202c;font-size:1.7rem;font-weight:600;margin-bottom:.5rem;text-align:center}.forgot-password-container .forgot-password-card .error-message{color:#dc2626;font-size:.95rem;margin-top:-.5rem}.forgot-password-container .forgot-password-card .success-message{color:#16a34a;font-size:.95rem;margin-top:-.5rem}.forgot-password-container .forgot-password-card form{display:flex;flex-direction:column;gap:1rem}.forgot-password-container .forgot-password-card form label{color:#374151;font-size:1rem;margin-bottom:.3rem}.forgot-password-container .forgot-password-card form input{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;padding:.7rem 1rem;transition:border .2s}.forgot-password-container .forgot-password-card form input:focus{border-color:#2563eb;outline:none}.forgot-password-container .forgot-password-card form button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:.8rem 0;transition:background .2s}.forgot-password-container .forgot-password-card form button:hover{background:#1e40af}.forgot-password-container .forgot-password-card .back-to-login{margin-top:1rem;text-align:center}.forgot-password-container .forgot-password-card .back-to-login a{color:#2563eb;font-weight:500;text-decoration:none}.forgot-password-container .forgot-password-card .back-to-login a:hover{text-decoration:underline}:root{--primary-color:#6b4423;--secondary-color:#a67b5b;--accent-color:#d4b996;--text-color:#333;--light-bg:#f5f5f5}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{background-color:#6b4423;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:12px 24px;transition:all .3s ease}.btn:hover{background-color:#a67b5b;background-color:var(--secondary-color)}.navbar-container{background-color:#fff;box-shadow:0 2px 5px #0000001a;left:0;position:fixed;top:0;width:100%;z-index:1000}.content-container{min-height:calc(100vh - 60px);padding-top:60px}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;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.21c7dc2f.css.map*/