:root{--primary:#e63946;--secondary:#f1faee;--accent:#a8dadc;--dark:#1d3557;--light:#f8f9fa;--success:#2a9d8f;--warning:#e9c46a;--danger:#e76f51;--text:#333;--text-light:#777}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--light);color:#333;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding:2rem}.navbar{background-color:#1d3557;background-color:var(--dark);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 2rem}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-links{align-items:center;display:flex;gap:2rem}.navbar-links a{color:#fff;text-decoration:none;transition:opacity .3s}.navbar-links a:hover{opacity:.8}.navbar-actions{align-items:center;display:flex;gap:1.5rem}.cart-icon{color:#fff;font-size:1.2rem;position:relative;text-decoration:none}.cart-badge{align-items:center;border-radius:50%;display:flex;font-size:.7rem;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.cart-badge,.login-btn{background-color:#e63946;background-color:var(--primary);color:#fff}.login-btn{border-radius:4px;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.login-btn:hover{background-color:#c1121f}.user-dropdown{position:relative}.user-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;gap:.5rem}.dropdown-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;display:none;min-width:150px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:100}.user-dropdown:hover .dropdown-content{display:block}.dropdown-content a,.dropdown-content button{background:none;border:none;color:#333;color:var(--text);cursor:pointer;display:block;padding:.5rem 1rem;text-align:left;text-decoration:none;transition:background-color .3s;width:100%}.dropdown-content a:hover,.dropdown-content button:hover{background-color:#f0f0f0}.footer{background-color:#1d3557;background-color:var(--dark);color:#fff;padding:2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.footer-section h3,.footer-section h4{margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#a8dadc;color:var(--accent);text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem;text-align:center}.hero-section{align-items:center;background:linear-gradient(#00000080,#00000080),url(https://example.com/fireworks-bg.jpg);background-position:50%;background-size:cover;color:#fff;display:flex;height:70vh;justify-content:center;text-align:center}.hero-content{max-width:800px;padding:2rem}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.shop-now-btn{align-items:center;background-color:#e63946;background-color:var(--primary);border-radius:4px;color:#fff;display:inline-flex;font-weight:700;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s}.shop-now-btn:hover{background-color:#c1121f}.features-section{padding:4rem 2rem;text-align:center}.features-section h2{font-size:2rem;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#1d3557;color:var(--dark);margin-bottom:1rem}.cta-section{background-color:#a8dadc;background-color:var(--accent);padding:4rem 2rem;text-align:center}.cta-section h2{font-size:2rem;margin-bottom:2rem}.cta-btn{background-color:#1d3557;background-color:var(--dark);border-radius:4px;color:#fff;display:inline-block;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:background-color .3s}.cta-btn:hover{background-color:#14213d}.products-page{margin:0 auto;max-width:1200px}.products-header{margin-bottom:2rem;text-align:center}.products-header h1{margin-bottom:1rem}.products-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.products-controls input,.products-controls select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem 1rem}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.loading-spinner{align-items:center;display:flex;font-size:1.2rem;height:200px;justify-content:center}.no-results{grid-column:1/-1;padding:2rem;text-align:center}.cracker-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:box-shadow .3s}.cracker-card:hover{box-shadow:0 10px 20px #0000001a}.card-image{height:200px;overflow:hidden;position:relative}.card-image img{height:100%;object-fit:cover;width:100%}.video-btn{align-items:center;background-color:#000000b3;border:none;border-radius:4px;bottom:1rem;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;transition:background-color .3s}.video-btn:hover{background-color:#000000e6}.card-content{padding:1.5rem}.card-content h3{color:#1d3557;color:var(--dark);margin-bottom:.5rem}.price{color:#e63946;color:var(--primary);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.description{color:#777;color:var(--text-light);font-size:.9rem;margin-bottom:1rem}.card-actions{align-items:center;display:flex;justify-content:space-between}.quantity-selector{align-items:center;display:flex;gap:.5rem}.quantity-selector button{align-items:center;background-color:#a8dadc;background-color:var(--accent);border:none;border-radius:4px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.quantity-selector span{min-width:20px;text-align:center}.add-to-cart-btn{align-items:center;background-color:#e63946;background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s}.add-to-cart-btn:hover{background-color:#c1121f}.video-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.video-modal-content{background-color:#fff;border-radius:8px;max-width:800px;padding:1rem;position:relative;width:80%}.close-btn{background:none;border:none;color:#777;color:var(--text-light);cursor:pointer;font-size:1.5rem;position:absolute;right:.5rem;top:.5rem}.player-wrapper{padding-top:56.25%;position:relative}.react-player{left:0;position:absolute;top:0}.cart-container{margin:0 auto;max-width:1200px}.cart-container h2{margin-bottom:2rem}.empty-cart{padding:2rem;text-align:center}.empty-cart p{font-size:1.2rem;margin-bottom:1rem}.continue-shopping{background-color:#e63946;background-color:var(--primary);border-radius:4px;color:#fff;display:inline-block;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s}.continue-shopping:hover{background-color:#c1121f}.cart-items{margin-bottom:2rem}.cart-item{grid-gap:1rem;align-items:center;border-bottom:1px solid #eee;display:grid;gap:1rem;grid-template-columns:100px 2fr 1fr 1fr 50px;padding:1rem 0}.cart-item img{border-radius:4px;height:80px;object-fit:cover;width:80px}.item-details h3{margin-bottom:.5rem}.quantity-controls{align-items:center;display:flex;gap:.5rem}.quantity-controls button{align-items:center;background-color:#a8dadc;background-color:var(--accent);border:none;border-radius:4px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.item-total{font-weight:700}.remove-btn{background:none;border:none;color:#e76f51;color:var(--danger);cursor:pointer;font-size:1.2rem}.cart-summary{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-left:auto;max-width:400px;padding:2rem}.summary-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.summary-row.total{border-bottom:none;font-size:1.2rem;font-weight:700}.cart-actions{display:flex;justify-content:space-between;margin-top:2rem}.clear-btn{background-color:#f8f9fa;background-color:var(--light);border:1px solid #e76f51;border:1px solid var(--danger);border-radius:4px;color:#e76f51;color:var(--danger);cursor:pointer;padding:.8rem 1.5rem;transition:all .3s}.clear-btn:hover{background-color:#e76f51;background-color:var(--danger);color:#fff}.checkout-btn{background-color:#2a9d8f;background-color:var(--success);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.8rem 1.5rem;transition:background-color .3s}.checkout-btn:hover{background-color:#1e7d74}.login-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:2rem}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login-container h2{color:#1d3557;color:var(--dark);margin-bottom:1.5rem;text-align:center}.error-message{background-color:#e76f511a;border-radius:4px;color:#e76f51;color:var(--danger);margin-bottom:1rem;padding:.5rem;text-align:center}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:100%}.login-container button{background-color:#e63946;background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background-color .3s;width:100%}.login-container button:hover{background-color:#c1121f}.login-container button:disabled{background-color:#ccc;cursor:not-allowed}.admin-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.admin-dashboard h2{color:#1d3557;color:var(--dark);margin-bottom:2rem}.add-cracker-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.add-cracker-form h3{color:#1d3557;color:var(--dark);margin-bottom:1.5rem}.add-cracker-form .form-group{margin-bottom:1rem}.add-cracker-form label{display:block;font-weight:500;margin-bottom:.5rem}.add-cracker-form input,.add-cracker-form textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:100%}.add-cracker-form textarea{min-height:100px;resize:vertical}.submit-btn{background-color:#2a9d8f;background-color:var(--success);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.8rem 1.5rem;transition:background-color .3s}.submit-btn:hover{background-color:#1e7d74}.crackers-list{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem}.crackers-list h3{color:#1d3557;color:var(--dark);margin-bottom:1.5rem}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #eee;padding:1rem;text-align:left}th{background-color:#f5f5f5;font-weight:500}.thumbnail{border-radius:4px;height:50px;object-fit:cover;width:50px}.delete-btn,.edit-btn{background:none;border:none;cursor:pointer;font-size:1rem;margin-right:.5rem}.edit-btn{color:#e9c46a;color:var(--warning)}.delete-btn{color:#e76f51;color:var(--danger)}.logout-btn{background-color:#e76f51;background-color:var(--danger);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin:2rem auto 0;padding:.8rem 1.5rem;transition:background-color .3s}.logout-btn:hover{background-color:#d04a2d}@media (max-width:768px){.navbar-container{flex-direction:column;gap:1rem}.navbar-links{justify-content:space-between;width:100%}.products-controls{align-items:stretch;flex-direction:column}.cart-item{grid-template-columns:80px 1fr;grid-template-rows:auto auto auto}.item-details{grid-column:2}.quantity-controls{grid-column:1/-1;justify-content:center}.item-total{grid-column:1;grid-row:3;text-align:center}.remove-btn{grid-column:2;grid-row:3;text-align:right}table{display:block;overflow-x:auto}}@media (max-width:480px){.hero-content h1{font-size:2rem}.feature-card{padding:1rem}.cracker-card{max-width:100%}}.loader-container{align-items:center;background-color:#fffc;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner-icon{color:#e63946;color:var(--primary);font-size:3rem;margin-bottom:1rem}.loader-container p{color:#1d3557;color:var(--dark);font-size:1.2rem}.checkout-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:2rem}.checkout-form h2{text-align:center}.checkout-form h2,.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:100%}.form-group textarea{min-height:100px}.continue-btn{background-color:#e63946;background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:1rem;width:100%}.payment-options{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:2rem}.payment-methods{display:flex;gap:1rem;margin-bottom:2rem}.payment-method{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:1.5rem;transition:all .3s}.payment-method.active{background-color:#e639460d;border-color:#e63946;border-color:var(--primary)}.payment-method span{margin-top:.5rem}.bank-details,.qr-payment{border-top:1px solid #eee;margin-top:1.5rem;padding:1.5rem;text-align:center}.qr-code-placeholder{background:#f5f5f5;border-radius:8px;margin:1.5rem 0;padding:1rem}.qr-code-placeholder img{margin:0 auto;max-width:200px}.bank-info{background:#f9f9f9;border-radius:8px;margin:1.5rem 0;padding:1.5rem;text-align:left}.bank-info p{margin-bottom:.8rem}.amount{font-size:1.2rem;font-weight:700;margin:1.5rem 0}.confirm-payment{background-color:#2a9d8f;background-color:var(--success);font-size:1rem;padding:1rem 2rem}.confirm-payment,.scan-btn{border:none;border-radius:4px;color:#fff;cursor:pointer}.scan-btn{background:#e63946;background:var(--primary);display:block;margin:1rem 0;padding:1rem;width:100%}.static-qr{margin:1.5rem 0;text-align:center}.static-qr img{border:1px solid #eee;max-width:200px;padding:1rem}.payment-status{color:#2a9d8f;color:var(--success);font-weight:700;margin-top:1rem;text-align:center}
/*# sourceMappingURL=main.5a2aa1ea.css.map*/