body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#1e88e5;--primary-yellow:#ffd54f;--primary-teal:#4db6ac;--accent-coral:#ff7043;--accent-purple:#9575cd;--neutral-white:#fff;--neutral-light:#f8f9fa;--neutral-medium:#e0e0e0;--neutral-dark:#333;--font-size-base:18px;--font-size-small:14px;--font-size-large:24px;--font-size-xlarge:32px}.App{background-color:#fff;background-color:var(--neutral-white);font-family:Open Sans,sans-serif;font-size:18px;font-size:var(--font-size-base);line-height:1.6;min-height:100vh;text-align:center}.app-header{align-items:center;background-color:#f8f9fa;background-color:var(--neutral-light);border-bottom:1px solid #4db6ac;border-bottom:1px solid var(--primary-teal);box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:20px}.app-logo{margin-bottom:15px;max-width:150px;transition:transform .3s ease}.app-logo:hover{transform:scale(1.05)}h1{color:#333;color:var(--neutral-dark);font-family:Nunito,sans-serif;font-size:24px;font-size:var(--font-size-large);font-weight:700;margin:0;text-shadow:1px 1px 2px #0000001a}.app-nav{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.nav-link{align-items:center;border-radius:25px;color:#1e88e5;color:var(--primary-blue);display:flex;font-size:18px;font-size:var(--font-size-base);font-weight:600;gap:8px;padding:10px 18px;position:relative;text-decoration:none;transition:all .3s ease}.nav-icon{font-size:1.2em}.nav-link:hover{background-color:#1e88e5;background-color:var(--primary-blue);box-shadow:0 6px 12px #0000001a;color:#fff;color:var(--neutral-white);text-decoration:none;transform:translateY(-3px)}.nav-link:after{background-color:#4db6ac;background-color:var(--primary-teal);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover:after{width:80%}.admin-link{background-color:#9575cd;background-color:var(--accent-purple);color:#fff;color:var(--neutral-white)}.admin-link:hover{background-color:#8657c5}.category-breadcrumbs{align-items:center;display:flex;gap:10px;margin-top:15px}.breadcrumb-item{align-items:center;background-color:#f8f9fa;background-color:var(--neutral-light);border-radius:20px;color:#1e88e5;color:var(--primary-blue);display:flex;font-weight:600;padding:8px 15px;position:relative;text-decoration:none;transition:all .3s ease}.breadcrumb-item:hover{background-color:#1e88e5;background-color:var(--primary-blue);box-shadow:0 6px 12px #0000001a;color:#fff;color:var(--neutral-white);text-decoration:none;transform:translateY(-3px)}.breadcrumb-item span{margin-left:8px}.breadcrumb-item:after{background-color:#4db6ac;background-color:var(--primary-teal);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.breadcrumb-item:hover:after{width:80%}.breadcrumb-icon{color:#1e88e5;color:var(--primary-blue);font-size:1.2em}.container{background-color:#fff;background-color:var(--neutral-white);border-radius:10px;box-shadow:0 5px 15px #00000008;margin:0 auto;max-width:1200px;padding:30px}h2{color:#1e88e5;color:var(--primary-blue);display:inline-block;font-family:Nunito,sans-serif;font-size:24px;font-size:var(--font-size-large);font-weight:700;margin:20px 0 15px;position:relative}h2:after{background:linear-gradient(90deg,#4db6ac,#1e88e5);background:linear-gradient(to right,var(--primary-teal),var(--primary-blue));border-radius:3px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:100%}h3{color:#333;color:var(--neutral-dark);font-size:20px;margin:15px 0 10px}button,h3{font-family:Nunito,sans-serif;font-weight:600}button{background-color:#1e88e5;background-color:var(--primary-blue);border:none;border-radius:25px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:18px;font-size:var(--font-size-base);overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}button:hover{background-color:#4db6ac;background-color:var(--primary-teal);box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}button:active{box-shadow:0 3px 6px #0000001a;transform:translateY(-1px)}button:disabled{background-color:#e0e0e0;background-color:var(--neutral-medium);box-shadow:none;cursor:not-allowed;transform:none}button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(20)}}.button-container{margin:25px 0}.delete-container{margin-bottom:25px;margin-top:35px}.delete-button{background-color:#ff7043;background-color:var(--accent-coral);border:none;border-radius:25px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:18px;font-size:var(--font-size-base);font-weight:600;padding:12px 24px;transition:all .3s ease}.delete-button:hover{background-color:#e25835;box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}input,textarea{background-color:#fff;background-color:var(--neutral-white);border:2px solid #e0e0e0;border:2px solid var(--neutral-medium);border-radius:10px;font-family:Open Sans,sans-serif;font-size:18px;font-size:var(--font-size-base);margin:8px 0;max-width:400px;padding:12px 15px;transition:all .3s ease;width:100%}input:focus,textarea:focus{border-color:#4db6ac;border-color:var(--primary-teal);box-shadow:0 0 0 3px #4db6ac33;outline:none}.color-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--neutral-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E88E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:15px;border:2px solid #e0e0e0;border:2px solid var(--neutral-medium);border-radius:10px;cursor:pointer;font-family:Open Sans,sans-serif;font-size:18px;font-size:var(--font-size-base);margin:12px 0;max-width:400px;padding:12px 15px;transition:all .3s ease;width:100%}.color-select:focus{border-color:#4db6ac;border-color:var(--primary-teal);box-shadow:0 0 0 3px #4db6ac33;outline:none}.card-element-container{margin:10px 0}.product-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px}.no-products-message{background-color:#f8f9fa;background-color:var(--neutral-light);border-radius:15px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:40px 20px;text-align:center}.no-products-message p{color:#333;color:var(--neutral-dark);font-size:18px;margin:0}.product-card{background-color:#fff;background-color:var(--neutral-white);border:none;border-radius:15px;box-shadow:0 10px 20px #0000000d;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.product-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-10px)}.product-card:before{background:linear-gradient(90deg,#ffd54f,#4db6ac);background:linear-gradient(to right,var(--primary-yellow),var(--primary-teal));content:"";height:5px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.product-card:hover:before{opacity:1}.product-card img{border-radius:10px;height:auto;max-width:100%;transition:transform .5s ease}.product-card:hover img{transform:scale(1.05)}.product-card h3{color:#1e88e5;color:var(--primary-blue);font-family:Nunito,sans-serif;font-size:20px;font-weight:700;margin:15px 0 8px;transition:color .3s ease}.product-card:hover h3{color:#9575cd;color:var(--accent-purple)}.product-card p{color:#333;color:var(--neutral-dark);font-family:Open Sans,sans-serif;font-size:18px;font-size:var(--font-size-base);font-weight:600;margin:8px 0}.rating-form{align-items:center;background-color:#f8f9fa;background-color:var(--neutral-light);border-radius:15px;box-shadow:0 5px 15px #00000008;display:flex;flex-direction:column;margin:30px auto;max-width:600px;padding:25px}.rating-form input[type=text]{margin-bottom:15px}.star-rating{margin:15px 0}.star-rating span{cursor:pointer;display:inline-block;font-size:32px;margin:0 5px;transition:transform .2s ease,color .2s ease}.star-rating span:hover{transform:scale(1.2)}.ratings-list{background-color:#fff;background-color:var(--neutral-white);border-radius:15px;box-shadow:0 5px 15px #00000008;margin-left:auto;margin-right:auto;margin-top:30px;max-width:600px;padding:20px;text-align:left}.rating-item{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--neutral-medium);border-radius:8px;margin-bottom:10px;padding:15px 0;transition:background-color .3s ease}.rating-item:hover{background-color:#f8f9fa;background-color:var(--neutral-light);padding-left:10px;padding-right:10px}.rating-item p{color:#333;color:var(--neutral-dark);font-family:Open Sans,sans-serif;font-size:18px;font-size:var(--font-size-base);margin:8px 0}.rating-item p:first-child{color:#1e88e5;color:var(--primary-blue);font-weight:600}.checkout-form{align-items:center;background-color:#f8f9fa;background-color:var(--neutral-light);border-radius:20px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;margin:30px 0;overflow:hidden;padding:30px;position:relative}.checkout-form:before{background:linear-gradient(90deg,#1e88e5,#4db6ac,#ffd54f);background:linear-gradient(to right,var(--primary-blue),var(--primary-teal),var(--primary-yellow));content:"";height:8px;left:0;position:absolute;top:0;width:100%}.checkout-form input{margin-bottom:15px}.checkout-form button{margin-top:10px}.card-element-container{border-radius:10px;box-shadow:0 4px 8px #0000000d;padding:5px}.card-element,.card-element-container{background-color:#fff;background-color:var(--neutral-white);margin:15px 0;max-width:400px;width:100%}.card-element{border:2px solid #e0e0e0;border:2px solid var(--neutral-medium);border-radius:10px;padding:15px;transition:all .3s ease}.card-element:focus{border-color:#4db6ac;border-color:var(--primary-teal);box-shadow:0 0 0 3px #4db6ac33;outline:none}.error-message{background-color:#ff70431a;border-left:4px solid #ff7043;border-left:4px solid var(--accent-coral);border-radius:8px;color:#ff7043;color:var(--accent-coral);font-family:Open Sans,sans-serif;font-size:18px;font-size:var(--font-size-base);margin-top:15px;max-width:400px;padding:10px 15px;text-align:left}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid #ffd54f;outline:3px solid var(--primary-yellow);outline-offset:2px}@media (prefers-contrast:more){:root{--primary-blue:#0056b3;--primary-yellow:#ffb300;--primary-teal:#00796b;--accent-coral:#d32f2f;--accent-purple:#6a1b9a;--neutral-dark:#000}.checkout-form,.product-card,.rating-form,.ratings-list{border:2px solid #333;border:2px solid var(--neutral-dark)}}@media (max-width:768px){:root{--font-size-base:16px;--font-size-small:12px;--font-size-large:20px;--font-size-xlarge:28px}.app-header{padding:15px}.app-logo{max-width:120px}h1{font-size:24px;font-size:var(--font-size-large)}.nav-link{font-size:18px;font-size:var(--font-size-base);padding:6px 12px}.app-nav{flex-wrap:wrap;justify-content:center}.container{border-radius:8px;padding:15px}.product-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-card{padding:15px}.star-rating span{font-size:24px}button{padding:10px 20px}.checkout-form,.rating-form{padding:20px}}.app-footer{background-color:#f8f9fa;background-color:var(--neutral-light);border-top:1px solid #e0e0e0;border-top:1px solid var(--neutral-medium);margin-top:50px;padding:40px 20px 20px;position:relative}.app-footer:before{background:linear-gradient(90deg,#1e88e5,#4db6ac,#ffd54f,#ff7043,#9575cd);background:linear-gradient(to right,var(--primary-blue),var(--primary-teal),var(--primary-yellow),var(--accent-coral),var(--accent-purple));content:"";height:5px;left:0;position:absolute;top:0;width:100%}.footer-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-section{flex:1 1;min-width:200px}.footer-section h3{color:#1e88e5;color:var(--primary-blue);display:inline-block;font-family:Nunito,sans-serif;font-size:20px;font-weight:700;margin-bottom:15px;position:relative}.footer-section h3:after{background-color:#4db6ac;background-color:var(--primary-teal);border-radius:3px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:40px}.footer-section p{color:#333;color:var(--neutral-dark);line-height:1.6}.footer-link,.footer-section p{font-family:Open Sans,sans-serif;font-size:18px;font-size:var(--font-size-base);margin:8px 0}.footer-link{align-items:center;border-radius:25px;color:#1e88e5;color:var(--primary-blue);display:flex;font-weight:600;gap:8px;padding:10px 18px;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:hover{background-color:#1e88e5;background-color:var(--primary-blue);box-shadow:0 6px 12px #0000001a;color:#fff;color:var(--neutral-white);text-decoration:none;transform:translateY(-3px)}.footer-link:after{background-color:#4db6ac;background-color:var(--primary-teal);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.footer-link:hover:after{width:80%}.admin-section{background-color:#00000008;border-radius:10px;padding:20px}.admin-login-container{max-width:100%}.admin-login-container input{margin-bottom:10px}.admin-status,.footer-bottom{text-align:center}.footer-bottom{border-top:1px solid #e0e0e0;border-top:1px solid var(--neutral-medium);color:#333;color:var(--neutral-dark);font-size:14px;font-size:var(--font-size-small);margin-top:30px;padding-top:20px}@media (max-width:480px){.product-grid{grid-template-columns:1fr}.app-nav{flex-direction:column;gap:10px}.nav-link{justify-content:center;text-align:center;width:100%}.footer-section{flex:100% 1;text-align:center}.footer-section h3:after{left:50%;transform:translateX(-50%)}.footer-link{justify-content:center;text-align:center;width:100%}.footer-link:hover{transform:translateY(-3px)}}
/*# sourceMappingURL=main.f9bd1352.css.map*/