@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{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}div[data-hot-toast-toaster]{z-index:2000!important}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2c3e50f2;border-bottom:1px solid #ffffff1a;box-shadow:var(--shadow-medium);padding:1.25rem 0;position:sticky;top:0;transition:var(--transition-medium);z-index:1000}.navbar.scrolled{background:#2c3e50fa;box-shadow:var(--shadow-heavy);padding:.75rem 0}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-container,.navbar-left{align-items:center;display:flex}.navbar-left{gap:1rem}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:1.75rem;font-weight:800;position:relative;text-decoration:none;transition:var(--transition-medium)}.navbar-brand:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-brand:hover:after{width:100%}.navbar-brand:hover{transform:translateY(-2px)}.navbar-instagram{align-items:center;border-radius:50%;display:flex;justify-content:center;opacity:.9;padding:.5rem;text-decoration:none;transition:var(--transition-medium)}.navbar-instagram:hover{background:#ffffff1a;opacity:1;transform:translateY(-2px) scale(1.1)}.navbar-menu{align-items:center;display:flex;gap:2.5rem}.navbar-menu .navbar-link{margin:0}.navbar-link{color:#ffffffe6;font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none}.navbar-link,.navbar-link:before{transition:var(--transition-medium)}.navbar-link:before{background:var(--primary-color);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0}.navbar-link:hover{color:#fff;transform:translateY(-1px)}.navbar-link:hover:before{width:100%}.navbar-auth{align-items:center;display:flex;gap:1rem}.navbar-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:var(--transition-medium)}.navbar-button:before{background:var(--primary-color);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-medium);width:100%;z-index:-1}.navbar-button:hover:before{left:0}.navbar-button:hover{box-shadow:0 5px 15px #e74c3c66;color:#fff;transform:translateY(-2px)}.navbar-button.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:#0000;box-shadow:0 4px 15px #e74c3c4d;color:#fff}.navbar-button.primary:before{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-color))}.navbar-button.primary:hover{box-shadow:0 6px 20px #e74c3c66}.navbar-button.logout{border-color:var(--text-light);color:var(--text-light)}.navbar-button.logout:before{background:var(--text-light)}.navbar-button.logout:hover{box-shadow:0 5px 15px #95a5a64d}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem;z-index:1001}.hamburger,.hamburger span{transition:var(--transition-medium)}.hamburger span{background:#fff;border-radius:2px;height:3px;margin:3px 0;width:25px}.hamburger.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.navbar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}body.menu-open{overflow:hidden;position:fixed;width:100%}@media (max-width:768px){.navbar{padding:1rem 0}.navbar-container{padding:0 1.5rem;position:relative}.hamburger{display:flex}.navbar-menu{-webkit-overflow-scrolling:touch;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2c3e50fa;box-shadow:-5px 0 20px #0000004d;flex-direction:column;gap:2rem;height:100vh;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:6rem 2rem max(4rem,env(safe-area-inset-bottom,2rem));position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:280px;z-index:1000}.navbar-menu.active{right:0}.navbar-overlay{display:block}.navbar-link{border-radius:var(--border-radius);font-size:1.1rem;padding:1rem;text-align:center;transition:var(--transition-medium);width:100%}.navbar-link:hover{background:#ffffff1a;transform:translateX(5px)}.navbar-auth{flex-direction:column;gap:1rem;margin-top:1rem;width:100%}.navbar-button{font-size:1rem;padding:1rem 1.5rem;text-align:center;width:100%}.navbar-brand{font-size:1.5rem}}@media (max-width:480px){.navbar-brand{font-size:1.3rem}.navbar-menu{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:5rem 1.5rem max(4rem,env(safe-area-inset-bottom,2rem));width:100%}.navbar-button{font-size:.9rem;padding:.875rem 1.25rem}}@media (min-width:769px){.navbar-menu{background:none;display:flex;flex-direction:row;gap:2.5rem;height:auto;padding:0;position:static;width:auto}}.contact-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.contact-modal{animation:slideInUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a;max-height:95vh;max-width:550px;overflow-y:auto;position:relative;width:100%}.contact-modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:1rem 1rem .5rem}.contact-modal-header h2{color:var(--secondary-color);font-size:1.75rem;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.close-btn:hover{background:#e74c3c1a;color:var(--primary-color)}.contact-modal-content{padding:1rem}.contact-intro{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:1rem;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:.75rem;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{align-items:center;color:var(--secondary-color);display:flex;height:24px}.form-group label svg{color:var(--primary-color);flex-shrink:0;margin-right:1rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #0000001a;border-radius:8px;font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a}.form-group textarea{line-height:1.4;min-height:70px}.form-group:last-of-type{margin-bottom:0}.form-actions{gap:.75rem;justify-content:flex-end;margin-top:0}.form-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:100px;padding:.75rem 1.5rem;transition:all .3s ease}.form-actions .btn-secondary{background:#0000000d;color:var(--text-secondary)}.form-actions .btn-secondary:hover:not(:disabled){background:#0000001a}.form-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.form-actions .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #e74c3c4d;transform:translateY(-2px)}.form-actions .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:600px){.form-row{gap:.75rem;grid-template-columns:1fr!important}}@media (max-width:768px){.contact-modal-overlay{padding:.5rem}.contact-modal{border-radius:12px;max-height:98vh}.contact-modal-header{padding:1rem 1rem .5rem}.contact-modal-header h2{font-size:1.3rem}.contact-modal-content{padding:.875rem}.form-row{gap:.75rem;grid-template-columns:1fr!important}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width:480px){.contact-modal-overlay{align-items:flex-start;padding:0}.contact-modal{-webkit-overflow-scrolling:touch;border-radius:0;height:100vh;max-height:100vh;overflow-y:scroll;width:100%}.contact-modal-header{background:#fff;padding:1rem 1rem .75rem;position:sticky;top:0;z-index:10}.contact-modal-header h2{font-size:1.2rem}.contact-modal-content{min-height:calc(100vh - 80px);padding:0 1rem 3rem}.contact-intro{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.contact-form{gap:1.25rem}.form-group{gap:.5rem}.form-group label{font-size:.9rem;height:auto;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:1rem;min-height:48px;padding:.875rem}.form-group textarea{min-height:100px;resize:vertical}.form-actions{margin-bottom:4rem;margin-top:1.5rem;padding-bottom:2rem}.form-actions .btn{font-size:1rem;min-height:48px;padding:1rem 1.5rem}}.site-footer{background:var(--secondary-color);color:#fff;margin-top:auto;padding:3rem 0 0}.footer-content{grid-gap:2rem;gap:2rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:2rem}.footer-section h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-section h4{color:var(--primary-light);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.75rem}.footer-section a,.footer-section span{color:#ffffffb3;font-size:.95rem;text-decoration:none;transition:var(--transition-fast)}.footer-section a:hover{color:#fff;text-decoration:underline}.footer-contact{display:flex;flex-direction:column;gap:.75rem}.contact-item{align-items:center;color:#fffc;display:flex;font-size:.95rem;gap:.75rem}.contact-item svg{color:var(--primary-light);flex-shrink:0}.contact-item a{color:#fffc}.contact-item a:hover{color:#fff}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 0}.footer-copyright p{color:#ffffffb3;font-size:.9rem;margin:0}.footer-legal-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-legal-links a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:var(--transition-fast)}.footer-legal-links a:hover{color:#fff;text-decoration:underline}@media (max-width:1024px){.footer-content{gap:1.5rem;grid-template-columns:1fr 1fr}.footer-section:first-child{grid-column:1/3;margin-bottom:1rem;text-align:center}}@media (max-width:768px){.site-footer{padding:2rem 0 0}.footer-content{gap:2rem;grid-template-columns:1fr 1fr}.footer-section:first-child{grid-column:1/3;margin-bottom:1rem;text-align:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-legal-links{gap:1rem;justify-content:center}}@media (max-width:480px){.footer-content{gap:1.5rem;grid-template-columns:1fr}.footer-section:first-child{grid-column:1;text-align:center}.footer-contact{align-items:center}.footer-legal-links{flex-direction:column;gap:.75rem}}.hero{align-items:center;background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-light) 50%,var(--primary-color) 100%);color:#fff;display:flex;min-height:100vh;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.hero:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 30% 70%,#e74c3c4d 0,#0000 50%),radial-gradient(circle at 70% 30%,#3498db33 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content h1{-webkit-text-fill-color:#0000;animation:slideInUp 1s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{animation:slideInUp 1s ease-out .2s both;font-weight:400;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px}.hero-buttons{animation:slideInUp 1s ease-out .4s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.hero-btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 10px 30px #e74c3c4d;font-size:1.1rem;overflow:hidden;padding:1.25rem 2.5rem;position:relative}.hero-btn-primary:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.hero-btn-primary:hover:before{left:100%}.hero-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;color:#fff;transition:var(--transition-medium)}.hero-btn-secondary:hover{background:#fff;border-color:#fff;box-shadow:0 10px 30px #fff3;color:var(--secondary-color)}.company-overview{background:var(--background-primary);padding:6rem 0;position:relative}.company-overview:before{background:linear-gradient(45deg,#0000 48%,#e74c3c05 50%,#0000 52%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.section-header{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:2}.section-header h2{animation:slideInUp .8s ease-out;color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);margin-bottom:2rem;position:relative}.section-header h2:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-header p{animation:slideInUp .8s ease-out .2s both;color:var(--text-secondary);font-size:1.2rem;font-weight:400;line-height:1.8}.company-content{margin:0 auto;max-width:800px;text-align:center}.company-content p{animation:slideInUp .8s ease-out .2s both;color:var(--text-secondary);font-size:1.2rem;font-weight:400;line-height:1.8}.services-preview{background:linear-gradient(135deg,var(--background-secondary) 0,#e74c3c05 100%);padding:6rem 0;position:relative}.section-title{color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:4rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.services-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.service-card{border:1px solid #e74c3c1a;padding:2.5rem}.service-card:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-light),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-12px) scale(1.02)}.service-card:first-child{animation:slideInLeft .8s ease-out .1s both}.service-card:nth-child(2){animation:slideInUp .8s ease-out .3s both}.service-card:nth-child(3){animation:slideInRight .8s ease-out .5s both}.service-icon{display:block;font-size:3.5rem;margin-bottom:1.5rem}.service-card h3{color:var(--text-primary);font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.service-card p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:2rem}.service-card ul{list-style:none;padding:0}.service-card li{color:var(--text-primary);font-size:.95rem;line-height:1.5;padding:.5rem 0 .5rem 2rem;position:relative;transition:var(--transition-fast)}.service-card li:hover{color:var(--primary-color);transform:translateX(5px)}.service-card li:before{color:var(--accent-color);content:"✨";font-weight:700;left:0}.coming-soon,.service-card li:before{animation:pulse 2s infinite;position:absolute}.coming-soon{background:linear-gradient(135deg,var(--primary-light),#e67e22);border-radius:20px;box-shadow:0 4px 15px #f39c124d;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;right:1.5rem;text-transform:uppercase;top:1.5rem}.why-techkiez{background:var(--background-secondary);padding:6rem 0}.why-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.why-card{background:var(--background-primary);border:1px solid #e74c3c0d;border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:2rem;text-align:center;transition:var(--transition-medium)}.why-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-8px)}.why-card h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.why-card p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.faq-section{background:var(--background-secondary)}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto 3rem;max-width:1200px}.faq-item{box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.faq-item:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.faq-item h3{color:var(--secondary-color);font-size:1.25rem;font-weight:600;line-height:1.4}.faq-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;text-align:center}.faq-cta .btn{font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem}.cta-section{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 50%,var(--secondary-color) 100%);color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.cta-section:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cta-content{position:relative;z-index:2}.cta-content h2{animation:slideInUp .8s ease-out;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.cta-content p{animation:slideInUp .8s ease-out .2s both;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px;opacity:.95}@media (max-width:768px){.hero{min-height:80vh;padding:4rem 0}.hero-buttons{align-items:center;flex-direction:column;gap:1rem}.hero-btn-primary,.hero-btn-secondary{font-size:1rem;font-weight:600;max-width:280px;min-height:50px;padding:1rem 2rem;width:100%}.services-grid{gap:2rem;grid-template-columns:1fr}.service-card{padding:2rem}.why-grid{gap:2rem;grid-template-columns:1fr}.why-card{padding:1.5rem}.company-overview,.cta-section,.faq-section,.services-preview,.why-techkiez{padding:4rem 0}.faq-grid{gap:1.5rem;grid-template-columns:1fr}.faq-item{padding:1.5rem}}@media (max-width:480px){.hero{padding:3rem 0}.service-card{padding:1.5rem}.service-icon{font-size:2.5rem}.why-card{padding:1rem}.company-overview,.cta-section,.services-preview,.why-techkiez{padding:3rem 0}}.pricing-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden;padding:6rem 0;position:relative}.pricing-preview:before{background:radial-gradient(circle at 20% 80%,#e74c3c1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#27ae601a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pricing-preview .container{position:relative;z-index:2}.pricing-preview .section-subtitle{color:var(--text-light);font-size:1.2rem;margin-bottom:3rem;text-align:center}.price-comparison-preview{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1000px}.comparison-item{background:#fff;border:1px solid #0000001a;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-medium);padding:2rem;transition:all .3s ease}.comparison-item:hover{box-shadow:var(--shadow-heavy);transform:translateY(-5px)}.comparison-item.competitor{border-left:4px solid #e74c3c}.comparison-item.techkiez{border-left:4px solid #27ae60}.comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.comparison-header h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0}.price-badge{font-size:.8rem;padding:.3rem .8rem}.price-badge.expensive{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c}.price-badge.fair{background:#27ae601a;border:1px solid #27ae604d;color:#27ae60}.price-breakdown{margin-bottom:1.5rem}.price-line{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:.5rem 0}.price-line:last-child{border-bottom:none}.price-line.highlight{background:#e74c3c0d;border:none;border-radius:8px;font-weight:600;margin:0 -1rem;padding:.75rem 1rem}.price-line span:first-child{color:var(--text-light);font-size:.9rem}.price-line span:last-child{color:var(--text-primary);font-weight:600}.not-available{color:#e74c3c!important}.included{color:#27ae60!important;position:relative}.included:after{content:" ✓";font-weight:700}.total-price{background:#00000005;border:2px dashed #0000001a;border-radius:8px;padding:1rem;text-align:center}.total-price strong{color:var(--primary-color);font-size:1.3rem}.vs-divider{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;box-shadow:var(--shadow-medium);color:#fff;display:flex;font-size:1.2rem;font-weight:800;height:60px;justify-content:center;width:60px}.savings-highlight{background:linear-gradient(135deg,#27ae601a,#27ae600d);border:2px solid #27ae6033;border-radius:var(--border-radius-lg);margin-bottom:3rem;padding:2rem;text-align:center}.savings-amount{color:var(--text-primary);font-size:1.8rem;margin-bottom:.5rem}.savings-amount strong{color:#27ae60;font-size:2rem}.savings-features{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.feature-item{align-items:center;color:#27ae60;display:flex;font-size:.95rem;font-weight:500;padding:.25rem 0}.pricing-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.pricing-cta .btn{font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem}.services-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.services-cta .btn{font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem}@media (max-width:768px){.price-comparison-preview{gap:1.5rem;grid-template-columns:1fr}.vs-divider{font-size:1rem;height:50px;margin:0 auto;width:50px}.comparison-item{padding:1.5rem}.savings-amount{font-size:1.4rem}.savings-amount strong{font-size:1.6rem}.savings-features{gap:.3rem;grid-template-columns:1fr}.feature-item{font-size:.9rem}.faq-cta,.pricing-cta,.services-cta{align-items:center;flex-direction:column}.faq-cta .btn,.pricing-cta .btn,.services-cta .btn{max-width:300px;width:100%}}@media (max-width:480px){.pricing-preview{padding:3rem 0}.comparison-header{gap:.5rem}.comparison-header,.price-line{align-items:flex-start;flex-direction:column}.price-line{gap:.2rem}.price-line span:last-child{font-size:1.1rem}}@media (hover:none){.comparison-item:hover,.feature:hover,.service-card:hover{box-shadow:var(--shadow-light);transform:none}.service-card li:hover{color:var(--text-primary);transform:none}}.price-button-wrapper{display:inline-block;position:relative}.price-button{align-items:baseline;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid var(--primary-color);border-radius:16px;box-shadow:0 4px 15px #e74c3c1a;cursor:pointer;display:flex;font-family:inherit;gap:.5rem;min-width:180px;overflow:hidden;padding:1.2rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.price-button:hover{border-color:var(--primary-light);box-shadow:0 8px 25px #e74c3c33;transform:translateY(-3px) scale(1.05)}.price-button:active{transform:translateY(-1px) scale(1.02)}.price-button.loading{opacity:.8;pointer-events:none}.price-button.active{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid var(--accent-color);color:var(--text-primary);overflow:hidden;position:relative}.price-button.active:before{background:linear-gradient(135deg,#27ae600d,#27ae601a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.price-button.active:hover{background:linear-gradient(135deg,#fff,#f8f9fa);border-color:var(--accent-color);box-shadow:0 8px 25px #27ae6033;transform:translateY(-3px) scale(1.02)}.price-button.coming-soon{background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#f39c12;color:#fff;cursor:not-allowed}.price-button-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.price-button.active .price-button-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color),#229954);-webkit-background-clip:text;background-clip:text}.price-button.coming-soon .price-button-amount{-webkit-text-fill-color:#fff;background:#fff}.price-button-period{color:var(--text-secondary);font-size:1rem;font-weight:500}.price-button.active .price-button-period{color:var(--text-secondary);opacity:.8}.price-button.coming-soon .price-button-period{color:#ffffffe6}.price-button-check{align-items:center;animation:check-appear .4s ease-out;background:var(--accent-color);border-radius:50%;box-shadow:0 2px 8px #27ae604d;color:#fff;display:inline-flex;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-left:.5rem;width:24px}@keyframes check-appear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.price-button-badge{animation:badge-bounce 2s infinite;background:var(--primary-color);border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.3rem .8rem;position:absolute;right:-8px;text-transform:uppercase;top:-8px}.price-button-badge.active{animation:gentle-pulse 3s infinite;background:linear-gradient(135deg,var(--accent-color),#229954);box-shadow:0 2px 10px #27ae6066}@keyframes gentle-pulse{0%,to{opacity:.9;transform:scale(1) rotate(-5deg)}50%{opacity:1;transform:scale(1.05) rotate(-5deg)}}.price-button-badge.coming-soon{background:#f39c12}.price-button-badge.login{background:var(--primary-color)}@keyframes badge-bounce{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(-5deg)}}.price-button-hover-effect{background:#ffffff4d;border-radius:50%;height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.price-button:hover .price-button-hover-effect{height:300px;width:300px}.price-button-loader{align-items:center;display:flex;gap:.8rem}.spinner{animation:spin .8s linear infinite;border:3px solid #e74c3c4d;border-top:3px solid var(--primary-color);height:20px;width:20px}.price-button-tooltip{animation:tooltip-appear .3s ease-out;background:#000000e6;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.85rem;padding:.8rem 1.2rem;pointer-events:none;white-space:nowrap;z-index:1000}.price-button-tooltip,.price-button-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.price-button-tooltip:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #000000e6;content:"";height:0;top:100%;width:0}@keyframes tooltip-appear{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.price-button{min-width:150px;padding:1rem 1.5rem}.price-button-amount{font-size:1.5rem}.price-button-period{font-size:.9rem}.price-button-tooltip{font-size:.75rem;padding:.6rem 1rem}}.services-header{background:linear-gradient(135deg,var(--secondary-light) 0,var(--secondary-color) 50%,var(--primary-color) 100%);color:#fff;overflow:hidden;padding:5rem 0;position:relative;text-align:center}.services-header:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#e74c3c33 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.services-header h1{animation:slideInUp .8s ease-out;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.services-header p{animation:slideInUp .8s ease-out .2s both;font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.7;margin:0 auto 2rem;max-width:800px;opacity:.95;position:relative;z-index:2}.services-header .hero-actions{animation:slideInUp .8s ease-out .4s both;display:flex;justify-content:center;position:relative;z-index:2}.services-header .hero-actions .btn{font-size:.95rem;font-weight:600;padding:.875rem 2rem}.service-detail{background:var(--background-primary);overflow:hidden;padding:6rem 0;position:relative}.service-detail.alternate{background:var(--background-secondary)}.service-detail:before{background:radial-gradient(circle at 20% 80%,#e74c3c05 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.service-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;z-index:2}.service-text{animation:slideInLeft .8s ease-out}.service-detail.alternate .service-text{animation:slideInRight .8s ease-out}.service-text h2{color:var(--text-primary);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;position:relative}.service-text h2:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.service-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,var(--accent-color),#229954);border-radius:20px;box-shadow:0 4px 15px #27ae604d;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1rem;text-transform:uppercase}.coming-soon-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,var(--primary-light),#e67e22);box-shadow:0 4px 15px #f39c124d}.service-description{color:var(--text-secondary);font-size:1.15rem;font-weight:400;line-height:1.8;margin-bottom:2.5rem}.features-list{margin-bottom:3rem}.features-list h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;position:relative}.features-list h3:after{background:var(--primary-color);border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:40px}.features-list ul{list-style:none;padding:0}.features-list li{border-bottom:1px solid #e74c3c1a;line-height:1.7;padding:1rem 0 1rem 2rem;position:relative;transition:var(--transition-medium)}.features-list li:before{animation:pulse 2s infinite;content:"✨";font-size:1.2rem;left:0;position:absolute;top:1rem}.features-list li:hover{background:#e74c3c05;border-radius:var(--border-radius);margin-left:-.5rem;padding-left:2.5rem;transform:translateX(10px)}.features-list li:last-child{border-bottom:none}.features-list strong{color:var(--primary-color);display:block;font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.pricing-info h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;position:relative}.pricing-info h3:after{background:var(--accent-color);border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:40px}.pricing-options{display:flex;flex-wrap:wrap;gap:1.5rem}.pricing-option{align-items:baseline;background:var(--background-primary);border:2px solid var(--primary-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);display:flex;gap:.75rem;overflow:hidden;padding:1.5rem;position:relative;transition:var(--transition-medium)}.pricing-option:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.pricing-option:hover{border-color:var(--primary-light);box-shadow:var(--shadow-medium);transform:translateY(-5px)}.price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:1.8rem;font-weight:800}.period{font-weight:500}.discount{animation:pulse 2s infinite;background:#27ae601a;border-radius:12px;color:var(--accent-color);font-size:.85rem;font-weight:600;padding:.25rem .5rem}.vat-info{display:block;font-size:.75rem;margin-top:.3rem}.pricing-note{color:var(--text-light);font-style:italic}.service-visual{align-items:center;animation:slideInRight .8s ease-out;display:flex;justify-content:center}.service-detail.alternate .service-visual{animation:slideInLeft .8s ease-out}.service-mockup{background:var(--background-primary);border:1px solid #e74c3c1a;border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);max-width:420px;overflow:hidden;padding:2.5rem;position:relative;transition:var(--transition-medium);width:100%}.service-mockup:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-light),var(--accent-color));content:"";height:5px;left:0;position:absolute;right:0;top:0}.service-mockup:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px) rotate(2deg)}.mockup-content h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:2rem;position:relative;text-align:center}.mockup-content h4:after{background:var(--primary-color);border-radius:1px;bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.reservation-list{display:flex;flex-direction:column;gap:1rem}.reservation-item{align-items:center;background:var(--background-secondary);border:1px solid #e74c3c1a;border-radius:var(--border-radius);display:flex;font-size:.95rem;justify-content:space-between;padding:1rem;transition:var(--transition-medium)}.reservation-item:hover{background:#e74c3c0d;border-color:var(--primary-color);transform:translateX(5px)}.table{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;box-shadow:0 2px 8px #e74c3c4d;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.menu-preview{display:flex;flex-direction:column;gap:1rem}.mobile-screenshot-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:420px;width:100%}.mobile-device-frame{background:#1a1a1a;border-radius:30px;box-shadow:0 25px 50px #0000004d,0 0 0 1px #ffffff1a;height:640px;padding:10px;position:relative;transition:var(--transition-medium);width:300px}.mobile-device-frame:hover{box-shadow:0 35px 70px #0006,0 0 0 1px #ffffff1a;transform:translateY(-10px) rotate(2deg)}.mobile-screen{background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px #0000001a;height:100%;overflow:hidden;position:relative;width:100%}.mobile-screen:after{background:#00000026;border-radius:100px;bottom:8px;content:"";height:5px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:140px;z-index:10}.menu-screenshot{display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.menu-mockup-fallback{background:var(--background-primary);bottom:0;display:none;left:0;overflow-y:auto;padding:2rem 1.5rem;position:absolute;right:0;top:0}.menu-mockup-fallback.show-fallback{display:block}.menu-mockup-fallback .mockup-content{display:flex;flex-direction:column;height:100%}.menu-mockup-fallback h4{font-size:1rem;margin-bottom:1.5rem}.menu-mockup-fallback .menu-preview{flex:1 1}.menu-item{border-bottom:1px solid #ecf0f1;font-size:.9rem;justify-content:space-between;padding:.75rem}.menu-item .price{color:#e74c3c;font-size:.9rem;font-weight:700}.qr-code{background-color:#2c3e50;border-radius:6px;color:#fff;font-size:2rem;padding:1rem;text-align:center}.pos-preview{position:relative}.pos-item{background-color:#f8f9fa;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.pos-item .total{color:#27ae60;font-size:1.1rem;font-weight:700}.pos-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.pos-buttons button{background-color:#fff;border:2px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;flex:1 1;font-size:.8rem;padding:.75rem}.coming-soon-overlay{align-items:center;background-color:#ffffffe6;border-radius:6px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.coming-soon-overlay span{background-color:#f39c12;border-radius:20px;color:#fff;font-weight:500;padding:.5rem 1rem}.services-cta{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 50%,var(--secondary-color) 100%);color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.services-cta:before{animation:float 10s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.services-cta h2{animation:slideInUp .8s ease-out;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.services-cta p{animation:slideInUp .8s ease-out .2s both;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.cta-btn,.services-cta p{position:relative;z-index:2}.cta-btn{align-items:center;animation:slideInUp .8s ease-out .4s both;background:#fff;border:none;border-radius:var(--border-radius);box-shadow:0 10px 30px #0003;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;justify-content:center;letter-spacing:.5px;padding:1.25rem 2.5rem;text-decoration:none;text-transform:uppercase;transition:var(--transition-medium)}.cta-btn:hover{background:var(--background-secondary);box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}@media (max-width:768px){.service-detail,.services-header{padding:4rem 0}.service-content{gap:3rem;grid-template-columns:1fr}.service-detail:not(.alternate) .service-text{order:1}.service-detail:not(.alternate) .service-visual{order:2}.pricing-options{flex-direction:column}.pricing-option{justify-content:center;text-align:center}.service-mockup{max-width:100%;padding:2rem}.mobile-device-frame{height:550px;padding:8px;width:260px}.mobile-screen{border-radius:18px}.services-cta{padding:4rem 0}.cta-btn{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.service-detail,.services-header{padding:3rem 0}.service-content{gap:2rem}.service-mockup{padding:1.5rem}.features-list li{padding:.75rem 0 .75rem 1.5rem}.pricing-option{padding:1rem}.services-cta{padding:3rem 0}}.service-detail:first-child .service-text{animation-delay:.1s}.service-detail:first-child .service-visual{animation-delay:.3s}.service-detail:nth-child(2) .service-text{animation-delay:.2s}.service-detail:nth-child(2) .service-visual{animation-delay:.4s}.service-detail:nth-child(3) .service-text{animation-delay:.3s}.service-detail:nth-child(3) .service-visual{animation-delay:.5s}.cta-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.25rem 2.5rem;transition:all .3s ease}.cta-btn-secondary:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 10px 30px #00000026;transform:translateY(-2px)}@media (max-width:768px){.cta-buttons{align-items:center;flex-direction:column;gap:1rem}.cta-buttons .btn{max-width:280px;padding:1rem 2rem;width:100%}}.portfolio-showcase{background:var(--background-primary);border:1px solid #0000000d;border-radius:12px;box-shadow:var(--shadow-medium);padding:2rem}.portfolio-showcase h4{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem}.portfolio-item{text-align:center}.portfolio-preview{margin-bottom:1rem}.browser-mockup{background:#f1f3f4;border-radius:8px 8px 4px 4px;box-shadow:0 4px 20px #0000001a;max-width:100%;overflow:hidden}.browser-bar{align-items:center;background:#e8eaed;border-bottom:1px solid #dadce0;display:flex;gap:1rem;padding:.75rem 1rem}.browser-dots{display:flex;gap:.5rem}.browser-dots span{background:#ff5f57;border-radius:50%;height:12px;width:12px}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#28ca42}.browser-url{background:#fff;border:1px solid #dadce0;border-radius:20px;color:var(--text-secondary);flex:1 1;font-size:.85rem;max-width:200px;padding:.5rem 1rem}.browser-content{height:280px;overflow:hidden}.website-screenshot{height:100%;object-fit:cover;object-position:top;width:100%}.website-preview{display:flex;flex-direction:column;height:100%;padding:1rem;position:relative}.stilbruch-coffee{background:linear-gradient(135deg,#f5f3f0,#e8e0d8);color:#5d4037}.stilbruch-kitchen{background:linear-gradient(135deg,#fff,#f8f9fa);color:#2c3e50}.preview-header{background:#ffffffe6;border-bottom:1px solid #0000001a;padding:.75rem}.logo{color:#8b4513;font-size:1rem}.logo,.logo-kitchen{font-weight:700;margin-bottom:.5rem;text-align:center}.logo-kitchen{color:#2c3e50;font-size:.9rem}.nav-links{color:#666;font-size:.7rem;opacity:.8;text-align:center}.preview-content{align-items:center;justify-content:center;padding:1rem;position:relative}.floating-images{opacity:.3}.floating-images,.floating-images-kitchen{align-items:center;bottom:0;display:flex;justify-content:space-around;left:0;position:absolute;right:0;top:0}.floating-images-kitchen{opacity:.2}.food-item{animation:float 3s ease-in-out infinite;font-size:1.5rem}.food-item-kitchen{animation:float 4s ease-in-out infinite;font-size:1.2rem}.food-item.pastry{animation-delay:-1s}.food-item.meal{animation-delay:-2s}.food-item-kitchen.mediterranean{animation-delay:-1.5s}.food-item-kitchen.dish{animation-delay:-3s}.welcome-text{color:#8b4513}.welcome-text,.welcome-text-kitchen{background:#ffffffe6;border-radius:4px;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.5rem;position:relative;text-align:center;z-index:2}.welcome-text-kitchen{color:#2c3e50}.cta-buttons-preview{display:flex;gap:.5rem;position:relative;z-index:2}.btn-preview{background:#8b4513;border:none;border-radius:4px;color:#fff;font-size:.6rem;padding:.3rem .6rem}.btn-preview.menu{background:sienna}.btn-preview-kitchen{background:#2c3e50;border:none;border-radius:4px;color:#fff;font-size:.6rem;padding:.3rem .6rem}.btn-preview-kitchen.order{background:#34495e}.portfolio-link{color:inherit;display:block;text-decoration:none;transition:var(--transition-medium)}.portfolio-link:hover{transform:translateY(-5px)}.portfolio-item p{color:var(--text-secondary);font-size:.9rem;margin:0;text-align:left}.portfolio-item strong{color:var(--primary-color);font-weight:600}.integration-highlight{background:#e74c3c0d;border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem}.integration-highlight h3{color:var(--primary-color);font-size:1.1rem;margin-bottom:1rem}.integration-highlight p{color:var(--text-primary);line-height:1.6;margin:0}.price-range{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.price-option{align-items:center}.price-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.price-value{color:var(--primary-color);font-size:1.4rem;font-weight:700}.pricing-note{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-top:1rem;text-align:center}.pricing-philosophy{background:#e74c3c0d;border-left:4px solid var(--primary-color);border-radius:var(--border-radius);padding:2rem}.pricing-highlight{color:var(--primary-color);font-size:1.1rem;margin-bottom:1.5rem;text-align:center}.pricing-philosophy p{color:var(--text-primary);line-height:1.7;margin-bottom:1rem}.contact-cta{margin-top:2rem;text-align:center}.pricing-contact-btn{font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase}@media (max-width:768px){.portfolio-showcase{padding:1.5rem}.portfolio-grid{gap:1.5rem}.browser-content{height:200px}.preview-header{font-size:1rem}.preview-hero{font-size:.9rem}.price-range{flex-direction:column;gap:1rem}.integration-highlight{padding:1rem}}@media (max-width:480px){.portfolio-showcase{padding:1rem}.browser-bar{padding:.5rem}.browser-url{font-size:.75rem;padding:.25rem .75rem}.browser-content{height:160px}.website-preview{padding:.75rem}.preview-header{font-size:.9rem;margin-bottom:.75rem}.preview-nav{font-size:.7rem}.preview-hero{font-size:.8rem}}.faq-section{background:linear-gradient(135deg,#f8f9fa,#fff 50%,#f1f3f4);overflow:hidden;padding:6rem 0;position:relative}.faq-section:before{background:radial-gradient(circle at 15% 20%,#e74c3c14 0,#0000 50%),radial-gradient(circle at 85% 80%,#2c3e500f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.faq-header{margin-bottom:4rem;position:relative;text-align:center;z-index:2}.faq-header .section-title{color:var(--secondary-color);font-size:clamp(2.2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;position:relative}.faq-header .section-title:after{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.faq-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.faq-container{margin:0 auto;max-width:800px;position:relative;z-index:2}.faq-item{border:1px solid #e74c3c1a;border-radius:16px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;margin-bottom:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item:hover{border-color:#e74c3c33;box-shadow:0 8px 30px #0000001f,0 4px 8px #00000014;transform:translateY(-2px)}.faq-item.open{border-color:var(--primary-color);box-shadow:0 8px 30px #e74c3c26,0 4px 8px #e74c3c1a}.faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:2rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:linear-gradient(135deg,#e74c3c05,#e74c3c0d)}.faq-item.open .faq-question{background:linear-gradient(135deg,#e74c3c08,#e74c3c14);border-bottom:1px solid #e74c3c1a}.question-text{color:var(--secondary-color);font-size:1.25rem;font-weight:600;line-height:1.4;margin-right:1rem;transition:color .3s ease}.faq-icon,.faq-item.open .question-text{color:var(--primary-color)}.faq-icon{align-items:center;background:linear-gradient(135deg,#e74c3c1a,#e74c3c26);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.faq-item.open .faq-icon{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.faq-item.open .faq-answer{max-height:200px}.answer-content{opacity:0;padding:0 2rem 2rem;transform:translateY(-10px);transition:all .3s ease .1s}.faq-item.open .answer-content{opacity:1;transform:translateY(0)}.answer-content p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0 0 1rem}.contact-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.contact-btn:hover{box-shadow:0 6px 20px #e74c3c4d;transform:translateY(-2px)}@media (max-width:768px){.faq-section{padding:4rem 0}.faq-header{margin-bottom:3rem}.faq-question{padding:1.5rem}.question-text{font-size:1.1rem;margin-right:.75rem}.faq-icon{height:36px;width:36px}.answer-content{padding:0 1.5rem 1.5rem}.faq-item{border-radius:12px;margin-bottom:1rem}}@media (max-width:480px){.faq-question{padding:1.25rem}.question-text{font-size:1rem}.faq-icon{height:32px;width:32px}.answer-content{padding:0 1.25rem 1.25rem}.answer-content p{font-size:.95rem}}.faq-item{animation:fadeInUp .6s ease-out forwards}.faq-item:first-child{animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-question:focus{outline:2px solid var(--primary-color);outline-offset:2px}.faq-question:focus:not(:focus-visible){outline:none}.faq-page{min-height:100vh}.faq-hero{background:linear-gradient(135deg,var(--secondary-light) 0,var(--secondary-color) 50%,var(--primary-color) 100%);color:#fff;overflow:hidden;padding:5rem 0;position:relative;text-align:center}.faq-hero:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#e74c3c33 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.faq-hero h1{animation:slideInUp .8s ease-out;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.faq-hero .hero-subtitle{animation:slideInUp .8s ease-out .2s both;font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.7;margin:0 auto 2rem;max-width:800px;opacity:.95;position:relative;z-index:2}.hero-actions{animation:slideInUp .8s ease-out .4s both;display:flex;justify-content:center;position:relative;z-index:2}.hero-actions .btn{font-size:.95rem;font-weight:600;padding:.875rem 2rem}.additional-help{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 50%,var(--secondary-color) 100%);color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.additional-help:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.help-content{position:relative;z-index:2}.help-content h2{animation:slideInUp .8s ease-out;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.help-content p{animation:slideInUp .8s ease-out .2s both;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px;opacity:.95}.help-actions{animation:slideInUp .8s ease-out .4s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.help-actions .btn{font-size:1.1rem;overflow:hidden;padding:1.25rem 2.5rem;position:relative;transition:all .3s ease}.help-actions .btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;color:#fff}.help-actions .btn-primary:hover{background:#fff;border-color:#fff;box-shadow:0 10px 30px #0003;color:var(--primary-color);transform:translateY(-2px)}.help-actions .btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;color:#fff}.help-actions .btn-secondary:hover{background:#fff3;border-color:#fff6;box-shadow:0 10px 30px #00000026;transform:translateY(-2px)}@media (max-width:768px){.additional-help,.faq-hero{padding:4rem 0}.help-actions{align-items:center;flex-direction:column;gap:1rem}.help-actions .btn{max-width:280px;padding:1rem 2rem;width:100%}}@media (max-width:480px){.additional-help,.faq-hero{padding:3rem 0}.help-content h2{margin-bottom:1rem}.help-content p{font-size:1.1rem;margin-bottom:2rem}}.impressum-page{background:var(--background-secondary);min-height:100vh}.impressum-header{background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-light) 100%);color:#fff;overflow:hidden;padding:4rem 0;position:relative;text-align:center}.impressum-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.impressum-header h1{animation:slideInUp .8s ease-out;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:.5rem;position:relative;z-index:2}.impressum-header p{animation:slideInUp .8s ease-out .2s both;font-size:1.1rem;opacity:.9;position:relative;z-index:2}.impressum-content{padding:4rem 0}.impressum-grid{grid-gap:3rem;display:grid;gap:3rem;margin:0 auto;max-width:800px}.impressum-section{background:var(--background-primary);border:1px solid #0000000d;border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:2rem;transition:var(--transition-medium)}.impressum-section:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.impressum-section h2{color:var(--primary-color);font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.impressum-section h2:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.impressum-section p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1rem}.impressum-section p:last-child{margin-bottom:0}.impressum-section a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:var(--transition-fast)}.impressum-section a:hover{color:var(--primary-dark);text-decoration:underline}.contact-info,.contact-info ul{text-align:left!important;width:100%}.contact-info ul{list-style:none;margin:0;max-width:none;padding:0}.contact-info li{margin-bottom:.75rem;padding-left:1.5rem;position:relative;text-align:left!important;width:100%}.contact-info li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.contact-info li:last-child{margin-bottom:0}@media (max-width:768px){.impressum-content,.impressum-header{padding:3rem 0}.impressum-section{padding:1.5rem}.impressum-section h2{font-size:1.25rem}}@media (max-width:480px){.impressum-content,.impressum-header{padding:2rem 0}.impressum-grid{gap:2rem}.impressum-section{padding:1.25rem}.impressum-section p{font-size:.95rem}}.datenschutz-page{background:var(--background-secondary);min-height:100vh}.datenschutz-header{background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-light) 100%);color:#fff;overflow:hidden;padding:4rem 0;position:relative;text-align:center}.datenschutz-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.datenschutz-header h1{animation:slideInUp .8s ease-out;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:.5rem;position:relative;z-index:2}.datenschutz-header p{animation:slideInUp .8s ease-out .2s both;font-size:1.1rem;opacity:.9;position:relative;z-index:2}.datenschutz-content{padding:4rem 0}.datenschutz-grid{grid-gap:3rem;display:grid;gap:3rem;margin:0 auto;max-width:900px}.datenschutz-section{background:var(--background-primary);border:1px solid #0000000d;border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:2rem;transition:var(--transition-medium)}.datenschutz-section:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.datenschutz-section h2{color:var(--primary-color);font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.datenschutz-section h2:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.datenschutz-section h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem}.datenschutz-section p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1rem}.datenschutz-section p:last-child{margin-bottom:0}.datenschutz-section ul{margin:1rem 0;padding-left:1.5rem}.datenschutz-section li{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.datenschutz-section li strong{color:var(--text-primary);font-weight:600}.datenschutz-section a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:var(--transition-fast)}.datenschutz-section a:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width:768px){.datenschutz-content,.datenschutz-header{padding:3rem 0}.datenschutz-section{padding:1.5rem}.datenschutz-section h2{font-size:1.25rem}.datenschutz-section h3{font-size:1.1rem}}@media (max-width:480px){.datenschutz-content,.datenschutz-header{padding:2rem 0}.datenschutz-grid{gap:2rem}.datenschutz-section{padding:1.25rem}.datenschutz-section li,.datenschutz-section p{font-size:.95rem}.contact-info{padding:1rem}}.agb-page{background:var(--background-secondary);min-height:100vh}.agb-header{background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-light) 100%);color:#fff;overflow:hidden;padding:4rem 0;position:relative;text-align:center}.agb-header:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.agb-header h1{animation:slideInUp .8s ease-out;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:.5rem;position:relative;z-index:2}.agb-header p{animation:slideInUp .8s ease-out .2s both;font-size:1.1rem;opacity:.9;position:relative;z-index:2}.agb-content{padding:4rem 0}.agb-grid{grid-gap:3rem;display:grid;gap:3rem;margin:0 auto;max-width:900px}.agb-section{background:var(--background-primary);border:1px solid #0000000d;border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:2rem;transition:var(--transition-medium)}.agb-section:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.agb-section h2{color:var(--primary-color);font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.agb-section h2:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.agb-section h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem}.agb-section p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1rem}.agb-section p:last-child{margin-bottom:0}.agb-section ul{margin:1rem 0;padding-left:1.5rem}.agb-section li{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.agb-section li strong,.agb-section p strong{color:var(--text-primary);font-weight:600}.agb-section a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:var(--transition-fast)}.agb-section a:hover{color:var(--primary-dark);text-decoration:underline}.contact-info{background:#e74c3c0d;border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin:1rem 0;padding:1.5rem}.contact-info p{color:var(--text-primary);margin-bottom:.5rem}.contact-info p:last-child{margin-bottom:0}.contact-info strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.agb-content,.agb-header{padding:3rem 0}.agb-section{padding:1.5rem}.agb-section h2{font-size:1.25rem}.agb-section h3{font-size:1.1rem}}@media (max-width:480px){.agb-content,.agb-header{padding:2rem 0}.agb-grid{gap:2rem}.agb-section{padding:1.25rem}.agb-section li,.agb-section p{font-size:.95rem}.contact-info{padding:1rem}}.preise-page{background:var(--background-secondary);min-height:100vh}.preise-hero{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 50%,var(--secondary-color) 100%);color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.preise-hero:before{animation:float 10s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem}.preise-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.6;margin:0 auto 3rem;max-width:900px;opacity:.95}.hero-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:600px}.stat{text-align:center}.stat-number{font-size:2.5rem;margin-bottom:.5rem}.stat-label{letter-spacing:.5px;opacity:.9;text-transform:uppercase}.game-changer{background:var(--background-primary);padding:6rem 0}.game-changer h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);margin-bottom:4rem;text-align:center}.game-changer-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.game-changer-item{background:var(--background-secondary);border:1px solid #0000000d;border-radius:12px;box-shadow:var(--shadow-medium);padding:2.5rem;text-align:center;transition:var(--transition-medium)}.game-changer-item:hover{box-shadow:var(--shadow-large);transform:translateY(-5px)}.icon-wrapper{align-items:center;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.icon-wrapper.red{background:linear-gradient(135deg,#e74c3c,#c0392b)}.icon-wrapper.green{background:linear-gradient(135deg,#27ae60,#229954)}.icon-wrapper.blue{background:linear-gradient(135deg,#3498db,#2980b9)}.game-changer-item h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.game-changer-item p{color:var(--text-secondary);line-height:1.6}.pricing-comparison{background:var(--background-secondary);padding:6rem 0}.pricing-comparison h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);margin-bottom:2rem;text-align:center}.competitor-selector{margin-bottom:3rem;text-align:center}.competitor-selector label{color:var(--text-primary);font-weight:600;margin-right:1rem}.competitor-selector select{background:#fff;border:2px solid var(--primary-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem}.comparison-table{background:#fff;border-radius:12px;box-shadow:var(--shadow-large);margin:0 auto;max-width:800px;overflow:hidden}.comparison-header{background:var(--background-secondary);display:grid;grid-template-columns:1fr 1fr}.competitor-col,.techkiez-col{padding:2rem;text-align:center}.competitor-col h3,.techkiez-col h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.price-badge{border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.price-badge.expensive{background:#ffebee;color:#c62828}.price-badge.fair{background:#e8f5e8;color:#2e7d32}.comparison-row{border-bottom:1px solid #ecf0f1;display:grid;grid-template-columns:200px 1fr 1fr}.service-name{align-items:center;background:#f8f9fa;color:var(--text-primary);display:flex;font-weight:600;padding:1.5rem}.competitor-price,.techkiez-price{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center}.competitor-price{background:#ffebee;color:#c62828;font-weight:600}.techkiez-price{background:#e8f5e8;color:var(--text-primary)}.techkiez-price strong{color:var(--primary-color);font-size:1.1rem}.price-note{font-size:.8rem;margin-top:.25rem;opacity:.7}.not-available{color:#95a5a6;font-style:italic;font-weight:500}.comparison-total{background:var(--background-secondary);display:grid;font-weight:600;grid-template-columns:200px 1fr 1fr}.total-label{align-items:center;color:var(--text-primary);display:flex;padding:2rem 1.5rem}.competitor-total{color:#c62828}.competitor-total,.techkiez-total{align-items:center;display:flex;font-size:1.2rem;justify-content:center;padding:2rem 1.5rem}.techkiez-total{color:var(--primary-color);flex-direction:column}.savings{color:#27ae60;font-size:.9rem;font-weight:600;margin-top:.5rem}.our-pricing{background:var(--background-primary);padding:6rem 0}.our-pricing h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);margin-bottom:4rem;text-align:center}.pricing-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.pricing-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:var(--shadow-medium);padding:2.5rem;position:relative;transition:var(--transition-medium)}.pricing-card:hover{background:linear-gradient(135deg,#fff,#fff5f2);border:2px solid #ff6b35;box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.pricing-card.featured{border-color:var(--primary-color);position:relative}.pricing-card.featured:before{background:var(--primary-color);border-radius:20px;color:#fff;content:"⭐ Empfohlen";font-size:.85rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-15px;transform:translateX(-50%)}.pricing-card.empfohlen{background:linear-gradient(135deg,#fff,#f8f9ff);border:3px solid #27ae60;transform:scale(1.02);z-index:2}.pricing-card.empfohlen:hover{background:linear-gradient(135deg,#fff,#fff5f2);border:3px solid #ff6b35;box-shadow:0 25px 50px #ff6b3533;transform:scale(1.05) translateY(-8px)}.pricing-card.empfohlen:before{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 15px #27ae604d;content:"🎯 Beste Wahl"}.card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.card-header h3{color:var(--text-primary);flex:1 1;font-size:1.5rem;margin:0;min-width:0}.badge{border-radius:20px;flex-shrink:0;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.badge:not(.popular){background:var(--primary-color);color:#fff}.badge.popular{background:#27ae60;color:#fff}.badge.empfohlen{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 2px 8px #27ae604d;color:#fff;font-weight:700}.price{margin-bottom:1rem;text-align:center}.currency{color:var(--text-secondary);font-size:1rem;margin-right:.25rem}.amount{color:var(--primary-color);font-size:3rem;font-weight:800}.period{font-size:1rem;margin-left:.25rem}.period,.price-note{color:var(--text-secondary)}.price-note{font-size:.9rem;font-style:italic;margin-bottom:2rem;text-align:center}.features{list-style:none;margin:0 0 2rem;padding:0}.features li{align-items:center;border-bottom:1px solid #0000000d;color:var(--text-secondary);display:flex;gap:.75rem;padding:.75rem 0}.features li:last-child{border-bottom:none}.features svg{color:#27ae60;flex-shrink:0}.optional-service{background:#e74c3c0d;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.optional-service h4{color:var(--primary-color);margin:0 0 .5rem}.optional-service p{color:var(--text-primary);margin:0 0 .5rem}.optional-service small{color:var(--text-secondary);font-size:.8rem}.cta-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:var(--transition-medium);width:100%}.cta-button:not(.secondary){background:var(--primary-color);color:#fff}.cta-button.secondary{background:var(--background-secondary);border:2px solid var(--primary-color);color:var(--text-primary)}.cta-button.secondary:hover{color:#fff}.cta-button.secondary:hover,.cta-button:hover{background:linear-gradient(135deg,#ff6b35,#e85a2b);border:2px solid #ff6b35;box-shadow:0 8px 25px #ff6b354d}.cta-button:hover{transform:translateY(-3px)}.cta-button.empfohlen{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 15px #27ae604d;color:#fff;font-weight:700}.cta-button.empfohlen:hover{background:linear-gradient(135deg,#229954,#1e7e34);box-shadow:0 8px 25px #27ae6066;transform:translateY(-3px)}.package-breakdown{background:#27ae600d;border:1px solid #27ae601a;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.package-item{align-items:center;border-bottom:1px solid #27ae601a;color:var(--text-primary);display:flex;justify-content:space-between;padding:.75rem 0}.package-item:last-of-type{border-bottom:2px solid #27ae60;font-weight:600;margin-bottom:1rem;padding-bottom:1rem}.package-savings{color:#27ae60;font-size:.95rem;padding:1rem 0 0;text-align:center}.package-savings strong{display:block;font-size:1.1rem}.pricing-button-wrapper{margin-top:2rem}.pricing-button-wrapper .price-button{font-size:1.1rem;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase;width:100%}.savings-calculator{background:var(--background-secondary);padding:6rem 0}.savings-calculator h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);margin-bottom:4rem;text-align:center}.calculator-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 500px}.calculator-text h3{color:var(--text-primary);margin-bottom:2rem}.calculation-breakdown{background:#fff;border-radius:12px;box-shadow:var(--shadow-medium);margin-bottom:2rem;padding:2rem}.calc-row{border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:1rem 0}.calc-row.techkiez{color:var(--primary-color);font-weight:600}.calc-result{border-top:2px solid #27ae60;color:#27ae60;font-size:1.2rem;margin-top:1rem;padding:1.5rem 0;text-align:center}.additional-savings{background:#e8f5e8;border-radius:12px;padding:2rem}.additional-savings h4{color:var(--text-primary);margin-bottom:1rem}.additional-savings ul{list-style:none;padding:0}.additional-savings li{color:var(--text-secondary);padding:.5rem 0}.calculator-visual{text-align:center}.savings-chart{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem;padding:2rem}.chart-bar{align-items:center;display:flex;gap:1rem;width:100%}.bar-label{color:var(--text-primary);min-width:120px;text-align:left}.bar,.bar-label{font-size:1.1rem;font-weight:700}.bar{align-items:center;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:0 8px 8px 0;box-shadow:0 4px 15px #e74c3c4d;color:#fff;display:flex;height:60px;justify-content:flex-end;padding:0 1.5rem;position:relative;transition:var(--transition-medium)}.chart-bar.techkiez .bar{background:linear-gradient(90deg,#27ae60,#229954);box-shadow:0 4px 15px #27ae604d}.bar:hover{box-shadow:0 8px 25px #e74c3c66;transform:scaleX(1.05)}.chart-bar.techkiez .bar:hover{box-shadow:0 8px 25px #27ae6066}.chart-bar.competitor .bar{width:100%}.chart-bar.techkiez .bar{max-width:120px;min-width:90px;width:1%}.chart-note{color:var(--text-secondary);font-size:1rem;font-weight:500;margin-top:1rem}.pricing-faq{background:var(--background-primary);padding:6rem 0}.pricing-faq h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);margin-bottom:4rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-item{background:#fff;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:var(--shadow-light);padding:2rem}.faq-item h3{color:var(--text-primary);margin-bottom:1rem}.faq-item p{color:var(--text-secondary);line-height:1.6;margin:0}.pricing-cta{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 50%,var(--secondary-color) 100%);color:#fff;padding:6rem 0;text-align:center}.pricing-cta h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1.5rem}.pricing-cta p{font-size:1.2rem;margin-bottom:3rem;opacity:.95}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:768px){.hero-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}.comparison-row,.game-changer-grid{grid-template-columns:1fr}.service-name{background:var(--primary-color);color:#fff;font-weight:600}.calculator-content,.comparison-total,.pricing-grid{grid-template-columns:1fr}.calculator-content{gap:2rem}.savings-chart{gap:1.5rem;padding:1.5rem}.bar-label{font-size:1rem;min-width:80px}.bar{font-size:1rem;height:50px;padding:0 1rem}.chart-bar.techkiez .bar{max-width:120px;min-width:80px;width:8%}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn{max-width:300px;width:100%}}@media (max-width:480px){.hero-stats{gap:.75rem}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}.pricing-card{padding:1.5rem}.amount{font-size:2.5rem}.game-changer-item{padding:1.5rem}.calculation-breakdown{padding:1rem}.card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.card-header h3{font-size:1.3rem}.badge{align-self:flex-end;font-size:.75rem;padding:.4rem .8rem}.pricing-card.empfohlen{margin-bottom:2rem;transform:scale(1)}.package-breakdown{padding:1rem}.package-item{align-items:center;flex-direction:row;font-size:.9rem;justify-content:space-between;padding:1rem .5rem}.package-item span:first-child{flex:1 1;margin-right:1rem}.package-item span:last-child{color:var(--primary-color);font-weight:600;white-space:nowrap}.package-savings strong{font-size:1rem}.savings-chart{gap:1rem;padding:1rem}.bar-label{font-size:.9rem;min-width:60px;text-align:center}.chart-bar{align-items:stretch;flex-direction:column;gap:.5rem}.bar{border-radius:8px;font-size:.9rem;height:40px;padding:0 .75rem}.chart-bar.competitor .bar{width:100%}.chart-bar.techkiez .bar{align-self:flex-start;max-width:80px;min-width:auto;width:100%}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--background-secondary) 0,#e74c3c08 100%);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:3rem 0;position:relative}.auth-container:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#e74c3c0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#3498db08 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.auth-card{animation:scaleIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-primary);border:1px solid #e74c3c1a;border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);max-width:450px;padding:3rem;position:relative;width:100%;z-index:2}.register-card{max-width:700px}.auth-card h2{animation:slideInUp .6s ease-out .2s both;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem;position:relative;text-align:center}.auth-card h2:after{background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.auth-subtitle{animation:slideInUp .6s ease-out .3s both;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:2.5rem;text-align:center}.auth-form{animation:slideInUp .6s ease-out .4s both;margin-bottom:2rem}.form-row{grid-gap:1.5rem;gap:1.5rem}.auth-btn{animation:slideInUp .6s ease-out .5s both;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-top:1.5rem;overflow:hidden;padding:1rem;position:relative;text-transform:uppercase;width:100%}.auth-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-btn:hover:before{left:100%}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-btn:disabled:before{display:none}.auth-links{animation:slideInUp .6s ease-out .6s both;border-top:1px solid #e74c3c1a;padding-top:1.5rem;text-align:center}.auth-links p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.auth-links a{color:var(--primary-color);font-weight:600;position:relative;text-decoration:none;transition:var(--transition-medium)}.auth-links a:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-links a:hover:after{width:100%}.auth-links a:hover{color:var(--primary-dark)}.form-group{animation:slideInUp .4s ease-out;animation-fill-mode:both}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.15s}.form-group:nth-child(3){animation-delay:.2s}.form-group:nth-child(4){animation-delay:.25s}.form-group:nth-child(5){animation-delay:.3s}.form-group:nth-child(6){animation-delay:.35s}.form-group input{position:relative}.form-group input:focus{animation:inputFocus .3s ease-out}@keyframes inputFocus{0%{box-shadow:0 0 0 0 #e74c3c66}to{box-shadow:0 0 0 3px #e74c3c1a}}.auth-btn.loading{color:#0000;position:relative}.auth-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@media (max-width:768px){.auth-container{padding:2rem 1rem}.auth-card{padding:2rem}.auth-card,.register-card{max-width:100%}.form-row{gap:0;grid-template-columns:1fr}.auth-card h2{font-size:1.6rem}}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{border-radius:var(--border-radius);padding:1.5rem}.auth-card h2{font-size:1.4rem}.auth-subtitle{font-size:.9rem}}.forgot-password-link{animation:slideInUp .6s ease-out .5s both;margin-top:1rem;text-align:center}.link-button{background:none;border:none;border-radius:var(--border-radius);color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem;position:relative;text-decoration:none;transition:var(--transition-medium)}.link-button:after{background:var(--primary-color);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.link-button:hover:after{width:80%}.link-button:hover{background:#e74c3c0d;color:var(--primary-dark)}.link-button:disabled{cursor:not-allowed;opacity:.5}.link-button:disabled:hover{background:none;color:var(--primary-color)}.link-button:disabled:hover:after{width:0}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:2rem}.spinner{border:4px solid #e74c3c1a;border-top:4px solid var(--primary-color);height:40px;width:40px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3rem;width:100%}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;transition:var(--transition-medium);z-index:1}.password-toggle:hover{background:#e74c3c0d;color:var(--primary-color)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-toggle:disabled:hover{background:none;color:var(--text-secondary)}.password-toggle svg{stroke-width:2;height:1.25rem;width:1.25rem}.eye-icon{display:inline-block;height:1.25rem;position:relative;width:1.25rem}.eye-icon:before{border:2px solid;border-bottom:none;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;height:.6rem;width:1rem}.eye-icon:after,.eye-icon:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.eye-icon:after{background:currentColor;border-radius:50%;height:.4rem;width:.4rem}.eye-icon.closed{overflow:visible}.eye-icon.closed:after{background:currentColor;border-radius:50%;content:"";height:.4rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.4rem}.eye-icon.closed{background:linear-gradient(45deg,#0000 45%,currentColor 47%,currentColor 53%,#0000 55%)}.password-requirements{background:#00000005;border:1px solid #0000001a;border-radius:var(--border-radius);margin:1.5rem 0;padding:1rem}.password-requirements h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .75rem}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{align-items:center;color:var(--text-light);display:flex;font-size:.85rem;padding:.25rem 0 .25rem 1.5rem;position:relative;transition:all .3s ease}.password-requirements li:before{color:#e74c3c;content:"✗";font-weight:700;left:0;position:absolute;transition:all .3s ease}.password-requirements li.valid{color:#27ae60;font-weight:500}.password-requirements li.valid:before{color:#27ae60;content:"✓"}@media (max-width:768px){.password-requirements{margin:1rem 0;padding:.75rem}.password-requirements h4{font-size:.85rem}.password-requirements li{font-size:.8rem}}.subscription-btn{border-radius:var(--border-radius-medium);font-size:.9rem;font-weight:600;margin-top:1rem;min-height:45px;overflow:hidden;position:relative;transition:all .3s ease}.subscription-btn.monthly{background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #2980b9;color:#fff}.subscription-btn.monthly:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 8px 25px #3498db4d;transform:translateY(-2px)}.subscription-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}@media (max-width:768px){.subscription-btn{font-size:.85rem;min-height:40px}}.dashboard-header{grid-gap:3rem;align-items:center;animation:slideInUp .6s ease-out;background:var(--background-primary);border:1px solid #e74c3c1a;border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);display:grid;gap:3rem;grid-template-columns:1fr auto;margin-bottom:3rem;overflow:hidden;padding:2.5rem;position:relative}.dashboard-header:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-light),var(--accent-color));content:"";height:5px;left:0;position:absolute;right:0;top:0}.welcome-content h1{animation:slideInLeft .6s ease-out .2s both;color:var(--text-primary);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;margin-bottom:.75rem}.welcome-content p{animation:slideInLeft .6s ease-out .3s both;color:var(--text-secondary);font-size:1.1rem;line-height:1.5}.quick-stats{animation:slideInRight .6s ease-out .4s both;display:flex;gap:1.5rem}.stat-card{background:linear-gradient(135deg,var(--background-secondary),#e74c3c0d);border:1px solid #e74c3c1a;border-radius:var(--border-radius);min-width:120px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:var(--transition-medium)}.stat-card:before{background:linear-gradient(90deg,#0000,#e74c3c1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.stat-card:hover:before{left:100%}.stat-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px) scale(1.05)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;display:block;font-size:2.2rem;font-weight:800;margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.dashboard-section{animation:slideInUp .6s ease-out;margin-bottom:4rem}.dashboard-section h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:2rem;padding-left:1rem;position:relative}.dashboard-section h2:before{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.service-card{background:var(--background-primary);border:2px solid #0000;border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);overflow:hidden;padding:2rem;position:relative;transition:var(--transition-medium)}.service-card:before{background:linear-gradient(90deg,#0000,#0000 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.service-card:hover{border-color:#e74c3c33;box-shadow:var(--shadow-heavy);transform:translateY(-8px) scale(1.02)}.service-card:hover:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-light),var(--accent-color))}.service-card.active{background:linear-gradient(135deg,var(--background-primary),#27ae6005);border-color:var(--accent-color)}.service-card.active:before{background:linear-gradient(90deg,var(--accent-color),#229954)}.service-card:first-child{animation:slideInLeft .6s ease-out .2s both}.service-card:nth-child(2){animation:slideInUp .6s ease-out .3s both}.service-card:nth-child(3){animation:slideInRight .6s ease-out .4s both}.service-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.service-icon{animation:bounce 2s infinite;animation-delay:0;animation-delay:var(--icon-delay,0);font-size:3rem}.service-card:first-child .service-icon{--icon-delay:0.5s}.service-card:nth-child(2) .service-icon{--icon-delay:1s}.service-card:nth-child(3) .service-icon{--icon-delay:1.5s}.service-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.status-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background-color:#27ae60;color:#fff}.status-badge.coming-soon{background-color:#f39c12;color:#fff}.plan-badge{background-color:#3498db;border-radius:8px;color:#fff;font-size:.75rem;padding:.25rem .5rem}.service-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.75rem}.service-card p{color:#7f8c8d;line-height:1.5;margin-bottom:1.5rem}.pricing{display:flex;gap:1rem;margin-bottom:1.5rem}.price-option{align-items:baseline;background-color:#f8f9fa;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:.75rem;text-align:center}.price{color:#e74c3c;font-size:1.2rem;font-weight:700}.period{color:#7f8c8d;font-size:.8rem}.discount{color:#27ae60;font-size:.7rem;font-weight:500}.vat-info{color:#95a5a6;font-size:.65rem;font-weight:400;margin-top:.2rem}.service-actions{display:flex;flex-direction:column;gap:.5rem}.btn-link{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.btn-link.danger{color:#e74c3c}.btn-link:hover{color:#2c3e50}.btn-link.danger:hover{color:#c0392b}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-decoration:none;transition:all .3s ease}.action-card:hover{border-color:#e74c3c;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.action-card.disabled{opacity:.6;pointer-events:none}.action-icon{font-size:2rem;margin-bottom:1rem}.action-card h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.action-card p{color:#7f8c8d;font-size:.9rem;line-height:1.4}.account-info{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.account-info h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}@media (max-width:768px){.dashboard-header{grid-template-columns:1fr;text-align:center}.quick-stats{justify-content:center}.info-grid,.quick-actions,.services-grid{grid-template-columns:1fr}.pricing{flex-direction:column}}.profile-header{margin-bottom:3rem;text-align:center}.profile-header h1{color:#2c3e50;font-size:2.2rem;margin-bottom:.5rem}.profile-header p{color:#7f8c8d;font-size:1.1rem}.profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;padding-bottom:3rem}.profile-form-section{display:flex;flex-direction:column}.form-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.form-card h2{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem}.profile-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.profile-form .form-row:first-child,.profile-form .form-row:last-child,.profile-form .form-row:nth-child(3){grid-template-columns:1fr}.form-actions{border-top:1px solid #ecf0f1;gap:1rem;margin-top:2rem;padding-top:1.5rem}.profile-info-section{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.info-card h2{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.info-list{gap:1rem}.info-item,.info-list{display:flex;flex-direction:column}.info-item{border-bottom:1px solid #ecf0f1;gap:.25rem;padding-bottom:1rem}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item label{color:#7f8c8d;font-size:.9rem;font-weight:600}.info-item span{color:#2c3e50;font-size:1rem}.account-id{background-color:#f8f9fa;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:.25rem .5rem}.info-item small{color:#95a5a6;font-size:.8rem;margin-top:.25rem}.service-status-list{display:flex;flex-direction:column;gap:.75rem}.service-status-item{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.service-name{color:#2c3e50;font-weight:500}.status{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status.active{background-color:#27ae60;color:#fff}.status.inactive{background-color:#95a5a6;color:#fff}.status.coming-soon{background-color:#f39c12;color:#fff}.status.clickable{cursor:pointer;text-decoration:none;transition:all .2s ease}.status.clickable:hover{background:#e74c3c;color:#fff;transform:translateY(-1px)}.security-actions{display:flex;flex-direction:column;gap:.5rem}.security-actions small{color:#95a5a6;font-size:.8rem}.danger-zone{border:2px solid #e74c3c}.danger-zone h2{color:#e74c3c}.danger-actions{display:flex;flex-direction:column;gap:.5rem}.btn.danger{background-color:#e74c3c;border-color:#e74c3c}.btn.danger:hover{background-color:#c0392b;border-color:#c0392b}.btn.danger:disabled{background-color:#95a5a6;border-color:#95a5a6;opacity:.6}.danger-actions small{color:#7f8c8d;font-size:.8rem;line-height:1.4}@media (max-width:768px){.profile-content{gap:1.5rem}.profile-content,.profile-form .form-row{grid-template-columns:1fr}.form-actions,.service-status-item{flex-direction:column}.service-status-item{align-items:flex-start;gap:.5rem}}.google-places-search{position:relative;width:100%}.search-input-container{align-items:center;display:flex;position:relative}.search-input{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;outline:none;padding:12px 45px 12px 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed}.search-input.loading{padding-right:80px}.search-icon{color:#64748b;font-size:16px;pointer-events:none;position:absolute;right:16px}.search-spinner{align-items:center;display:flex;position:absolute;right:45px}.spinner{border:2px solid #e2e8f0;border-top-color:#3b82f6;height:16px;width:16px}.predictions-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.prediction-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.prediction-item:last-child{border-bottom:none}.prediction-item.selected,.prediction-item:hover{background-color:#f8fafc}.prediction-main{align-items:center;display:flex;gap:12px}.place-icon{flex-shrink:0;font-size:18px}.prediction-text{flex:1 1;min-width:0}.prediction-name{color:#1e293b;font-weight:600;margin-bottom:2px}.prediction-address,.prediction-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prediction-address{color:#64748b;font-size:14px}.no-results{color:#64748b;font-style:italic;padding:16px;text-align:center}@media (max-width:768px){.search-input{font-size:16px;padding:14px 45px 14px 16px}.predictions-dropdown{border-radius:8px;max-height:250px}.prediction-item{padding:14px 16px}.prediction-name{font-size:15px}.prediction-address{font-size:13px}}@media (hover:none) and (pointer:coarse){.prediction-item{align-items:center;display:flex;min-height:56px;padding:16px}.prediction-item:active{background-color:#e2e8f0}}.place-info{background-color:#f0f9ff;border-left:4px solid #3b82f6;border-radius:4px;margin-top:8px;padding:12px}.place-info small{color:#1e40af;font-weight:500}@media (max-width:768px){.place-info{margin-top:6px;padding:10px}}.qr-section{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.qr-section:last-child{border-bottom:none;margin-bottom:0}.qr-section h4{color:#1e293b;font-size:1.2rem;margin-bottom:8px}.qr-section p{color:#64748b;font-size:14px;line-height:1.5}.form-group,.qr-section p{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:6px}.form-group small{color:#6b7280;font-size:12px;line-height:1.4;margin-top:4px}.menu-management{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.menu-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #0000000a;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.menu-header:before{background:linear-gradient(90deg,#e74c3c,#f39c12,#27ae60,#3498db);content:"";height:3px;left:0;position:absolute;right:0;top:0}.menu-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:20px 0 8px}.menu-header h1,.menu-header-subtitle{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.menu-header-subtitle{color:#64748b;font-size:1.2rem;font-weight:400;line-height:1.5;margin-bottom:0}@media (max-width:1200px){.menu-header-subtitle{font-size:1.1rem}}@media (max-width:1024px){.menu-header-subtitle{font-size:1.05rem}}@media (max-width:900px){.menu-header-subtitle{font-size:1rem}}@media (max-width:768px){.menu-header-subtitle{font-size:1rem;line-height:1.4}}@media (max-width:600px){.menu-header-subtitle{font-size:.95rem;line-height:1.4}}@media (max-width:480px){.menu-header-subtitle{font-size:.9rem;line-height:1.5}}@media (max-width:360px){.menu-header-subtitle{font-size:.85rem;line-height:1.5}}.menu-header-top{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px;position:relative}.menu-header-content{flex:1 1;padding-right:150px;width:100%}@media (max-width:1024px){.menu-header-content{padding-right:140px}}@media (max-width:900px){.menu-header-content{padding-right:130px}}.menu-header-qr-buttons{align-items:flex-start;display:flex;flex-direction:row;flex-shrink:0;gap:8px;position:absolute;right:-8px;top:-20px}.menu-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ai-import-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-import-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ai-import-button:hover:before{left:100%}.ai-import-button:hover{box-shadow:0 10px 25px -3px #8b5cf666;transform:translateY(-2px)}.settings-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.settings-button:hover:before{left:100%}.settings-button:hover{box-shadow:0 10px 25px -3px #3b82f666;transform:translateY(-2px)}.toggle-public{align-items:center;border:none;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;line-height:1;min-height:48px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-public.public{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b9814d;color:#fff}.toggle-public.private{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 6px -1px #6b72804d;color:#fff}.toggle-public:hover{transform:translateY(-2px)}.toggle-public.public:hover{box-shadow:0 10px 25px -3px #10b98166}.toggle-public.private:hover{box-shadow:0 10px 25px -3px #6b728066}.view-public{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-public:hover{box-shadow:0 10px 25px -3px #8b5cf666;color:#fff;text-decoration:none;transform:translateY(-2px)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 0}.section-header h2{align-items:center;color:#1e293b;display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0}.section-header h2:before{background:linear-gradient(180deg,#e74c3c,#f39c12);border-radius:2px;content:"";height:32px;width:4px}.add-button{align-items:center;background:linear-gradient(135deg,#e74c3c,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #e74c3c4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-button:hover:not(:disabled):before{left:100%}.add-button:hover:not(:disabled){box-shadow:0 10px 25px -3px #e74c3c66;transform:translateY(-2px)}.add-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;transform:none}.categories-section{margin-bottom:48px}.categories-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.category-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000008;overflow:hidden;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:before{background:linear-gradient(90deg,#e74c3c,#f39c12);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.category-card:hover:before{transform:scaleX(1)}.category-card:hover{border-color:#e2e8f0;box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.category-card h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.category-card p{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 20px}.category-stats{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;color:#475569;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:12px 16px}.category-actions{display:flex;gap:12px}@media (max-width:768px){.category-actions{gap:8px;margin-top:16px}}.category-actions button{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.category-actions button{border-radius:10px;font-size:13px;padding:10px 16px}}.category-actions button:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.delete-button{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#0000!important;box-shadow:0 4px 6px -1px #ef44444d!important;color:#fff!important}.delete-button:hover{box-shadow:0 10px 25px -3px #ef444466!important;transform:translateY(-1px)!important}.items-section{margin-top:48px}.empty-category,.empty-state{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:20px;margin:24px 0;padding:80px 40px;text-align:center}.empty-state{color:#64748b;font-size:16px;font-weight:500}.empty-category{color:#94a3b8;font-size:15px;font-style:italic;padding:60px 40px}.category-section{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000008;margin-bottom:48px;overflow:hidden;padding:0}.category-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f080;cursor:pointer;display:flex;justify-content:space-between;padding:24px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-header:before{background:linear-gradient(90deg,#e74c3c,#f39c12);content:"";height:3px;left:0;position:absolute;right:0;top:0}.category-header:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.category-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0}.category-info{align-items:center;display:flex;gap:16px}.item-count{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0cc;border-radius:20px;color:#64748b;font-size:14px;font-weight:500;padding:6px 12px}.expand-toggle{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px -1px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.expand-toggle:hover{box-shadow:0 4px 8px -2px #3b82f666;transform:scale(1.1)}.expand-toggle.expanded{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px -1px #10b9814d}.expand-toggle.expanded:hover{box-shadow:0 4px 8px -2px #10b98166}.category-section .empty-category,.category-section .items-grid{animation:fadeIn .3s ease-in-out;padding:32px}.category-section .empty-category{color:#64748b;font-style:italic;text-align:center}.items-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.menu-item{border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000008;padding:0}.item-card:hover{border-color:#e2e8f0;box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a;transform:translateY(-6px)}.item-card img{border-radius:16px 16px 0 0;height:220px;object-fit:cover;transition:transform .3s ease;width:100%}.item-card:hover img{transform:scale(1.05)}.item-content{padding:24px 24px 20px}@media (min-width:768px){.item-content{display:flex;flex:1 1;flex-direction:column;padding:32px 32px 24px}}.item-price{white-space:nowrap}.item-description{margin:0 0 16px}.item-details{margin-bottom:0}.item-details:not(:empty){border-top:1px solid #e2e8f0}.item-details:empty,.item-details:not(:empty){margin-top:16px;padding-top:16px}@media (min-width:768px){.item-details:empty{margin-top:20px;padding-top:20px}}.ingredients{border-left:4px solid #3b82f6;border-radius:12px;line-height:1.5;margin-bottom:0;padding:12px 16px}.ingredients+.allergens{margin-top:12px}.allergens{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;color:#475569;line-height:1.5;padding:12px 16px}.website-visibility{margin-bottom:12px}.visibility-toggle{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.visibility-toggle:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1}.visibility-toggle input[type=checkbox]{accent-color:#4ade80;height:16px;margin:0;width:16px}.toggle-text{align-items:center;color:#475569;display:flex;gap:6px}.toggle-text i{font-size:14px}.toggle-text i.fa-globe{color:#4ade80}.toggle-text i.fa-eye-slash{color:#ef4444}@media (max-width:768px){.visibility-toggle{font-size:12px;padding:6px 10px}.toggle-text i{font-size:13px}}.item-actions{flex-direction:column;margin-bottom:0;margin-top:auto;padding-top:16px}.action-buttons,.item-actions{display:flex;gap:12px}.action-buttons button{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.item-actions{gap:8px;padding-top:12px}.action-buttons button{border-radius:10px;font-size:13px;padding:10px 16px}}.action-buttons button:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.action-buttons .delete-button{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#0000!important;box-shadow:0 4px 6px -1px #ef44444d!important;color:#fff!important}.action-buttons .delete-button:hover{box-shadow:0 10px 25px -3px #ef444466!important;transform:translateY(-1px)!important}.item-actions button{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.item-actions button{border-radius:10px;font-size:13px;padding:10px 16px}}.item-actions button:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.item-actions .delete-button{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#0000!important;box-shadow:0 4px 6px -1px #ef44444d!important;color:#fff!important}.item-actions .delete-button:hover{box-shadow:0 10px 25px -3px #ef444466!important;transform:translateY(-1px)!important}.modal-overlay{align-items:flex-start;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;bottom:0;contain:layout style;display:flex;isolation:isolate;justify-content:center;left:0;overflow-y:auto;padding:20px 0;position:fixed;right:0;top:0;transform:translateZ(0);z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideIn .3s ease-out forwards;background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 25px 50px -12px #00000059,0 10px 15px -3px #00000026;margin:auto;max-width:600px;overflow:hidden;position:relative;transform:scale(.95);width:90%}.modal:before{background:linear-gradient(90deg,#e74c3c,#f39c12,#27ae60,#3498db);border-radius:6px 6px 0 0;content:"";height:3px;left:8px;position:absolute;right:8px;top:1px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal.large{max-width:900px}.modal-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #ffffff1a;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;font-size:1.25rem;font-weight:700;line-height:36px;margin:0}.modal-header .close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.modal-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal form{padding:32px 24px 24px}.modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.875rem;font-weight:800;letter-spacing:-.02em;margin:0 0 32px}.form-group{margin-bottom:28px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group small{color:#64748b;display:block;font-size:13px;font-weight:500;margin-top:8px}.form-group label{color:#1e293b;font-size:14px;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-group textarea{height:120px;line-height:1.6}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:center;margin-top:40px;padding-top:32px}.form-actions button{border:2px solid #0000;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-actions button[type=button]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#e2e8f0;color:#475569}.form-actions button[type=button]:hover{border-color:#cbd5e1;box-shadow:0 8px 16px -4px #4755694d;transform:translateY(-2px)}.form-actions button.primary{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 4px 6px -1px #10b9814d;color:#fff}.form-actions button.primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.form-actions button.primary:hover:before{left:100%}.form-actions button.primary:hover{box-shadow:0 10px 25px -3px #10b98166;transform:translateY(-2px)}.loading{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;margin:40px auto;max-width:600px;overflow:hidden;padding:80px 40px;position:relative}.loading:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#e74c3c,#f39c12,#27ae60,#3498db);content:"";height:4px;left:0;position:absolute;right:0;top:0}.loading:after{animation:spin 2s linear infinite;content:"🔄";display:block;font-size:3rem;margin-bottom:20px}.loading{color:#64748b;font-size:18px;font-weight:600;letter-spacing:.02em}.image-upload-container{position:relative;width:100%}.upload-area{align-items:center;background:linear-gradient(135deg,#fafbfc,#f1f5f9);border:3px dashed #cbd5e1;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:160px;overflow:hidden;padding:48px 32px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-area:before{background:linear-gradient(135deg,#3b82f605,#8b5cf605);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.upload-area:hover{background:linear-gradient(135deg,#fafbfc,#f8fafc);border-color:#3b82f6;box-shadow:0 10px 25px -3px #3b82f61a;transform:translateY(-2px)}.upload-area:hover:before{opacity:1}.upload-area.dragging{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;box-shadow:0 20px 25px -5px #10b98126;transform:scale(1.02)}.upload-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:4rem;margin-bottom:20px;opacity:.8}.upload-text{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.upload-subtext{color:#64748b;font-size:15px;font-weight:500;margin:0}.image-preview-container{border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:inline-block;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.image-preview-container:hover{box-shadow:0 25px 50px -12px #00000026,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.preview-image{display:block;height:250px;max-width:400px;object-fit:cover;transition:transform .3s ease;width:100%}.image-preview-container:hover .preview-image{transform:scale(1.05)}.settings-section .opening-hours-section{border-top:1px solid #e2e8f0;box-sizing:border-box;margin:32px 0 20px;max-width:100%;padding:24px 0 0;width:100%}.opening-hours-section h4{color:#1e293b;display:block;font-size:20px;font-weight:600;letter-spacing:.01em;margin:0 0 8px}.opening-hours-section p{color:#64748b;display:block;font-size:13px;font-weight:500;margin:0 0 24px}.opening-hours-section .form-group{margin-bottom:28px}.opening-hours-list{box-sizing:border-box;gap:12px;margin:20px 0 0;padding:0;width:100%}.opening-hour-row{grid-gap:32px;align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-sizing:border-box;display:grid;gap:32px;grid-template-columns:180px 50px 120px 30px 120px;margin:0;padding:20px 30px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.opening-hour-row:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.opening-hour-row.closed{background:linear-gradient(135deg,#f8fafc,#f1f5f9);opacity:.6}.day-label{color:#334155;font-size:16px;font-weight:600;letter-spacing:.01em}.settings-modal .opening-hours-section .opening-hour-row .checkbox-label{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;gap:0!important;justify-content:center!important;margin:0!important;min-height:auto!important;padding:0!important}.settings-modal .opening-hours-section .opening-hour-row .checkbox-label input[type=checkbox]{appearance:none!important;background:#e5e7eb!important;border:2px solid #d1d5db!important;border-radius:20px!important;cursor:pointer!important;flex-shrink:0!important;height:24px!important;margin:0!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:44px!important}.settings-modal .opening-hours-section .opening-hour-row .checkbox-label input[type=checkbox]:before{background:#fff!important;border-radius:50%!important;box-shadow:0 2px 6px #0000004d!important;content:""!important;height:18px!important;left:2px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:18px!important}.settings-modal .opening-hours-section .opening-hour-row .checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#10b981!important;border-radius:20px!important;transform:none!important}.settings-modal .opening-hours-section .opening-hour-row .checkbox-label input[type=checkbox]:checked:before{transform:translateX(20px) translateY(-50%)!important}.opening-hour-row .checkbox-label input[type=checkbox]:checked:after{display:none!important}.opening-hour-row .checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 3px #10b98133!important;outline:none!important}.settings-modal .opening-hours-section .opening-hour-row .checkbox-label:before{display:none!important}.settings-modal .opening-hours-section .opening-hour-row .checkbox-label:hover{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;transform:none!important}.settings-modal .opening-hours-section .opening-hour-row .checkbox-label:hover:before{display:none!important}.time-input{background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:15px;font-weight:500;padding:10px 12px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:120px}.time-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.time-input:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af}.time-dash{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:center}.closed-label,.time-dash{color:#64748b;text-align:center}.closed-label{font-size:14px;font-style:italic;font-weight:500;grid-column:3/-1}.toggle-switch{display:inline-block;height:20px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0000004d;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #10b98133}.time-editor-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.time-editor-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px;width:90%}.time-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.time-editor-header h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.time-editor-content{margin-bottom:24px}.time-editor-toggle{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.toggle-label{color:#1e293b;font-size:16px;font-weight:600}.time-editor-inputs{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr auto 1fr}.time-input-group{display:flex;flex-direction:column;gap:8px}.time-input-group label{color:#374151;font-size:14px;font-weight:600}.time-input-large{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 16px;text-align:center;transition:all .2s ease}.time-input-large:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.settings-modal .time-separator{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:600;justify-content:center;margin:0;min-width:20px;padding:0 4px;text-align:center}.time-editor-actions{display:flex;gap:12px;justify-content:flex-end}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.closed-indicator{align-items:center;display:flex;justify-content:flex-start}.closed-indicator span{background:#64748b1a;border-radius:6px;color:#64748b;font-size:13px;font-style:italic;font-weight:500;padding:4px 8px}@media (min-width:1400px){.opening-hour-row{gap:40px;grid-template-columns:200px 55px 140px 35px 140px;padding:24px 36px}.day-label{font-size:18px}.time-input{font-size:16px;padding:12px 16px;width:140px}.time-dash{font-size:18px}}@media (min-width:1200px) and (max-width:1399px){.opening-hour-row{gap:36px;grid-template-columns:190px 52px 130px 32px 130px;padding:22px 32px}.day-label{font-size:17px}.time-input{font-size:15px;padding:11px 14px;width:130px}.time-dash{font-size:17px}}@media (min-width:992px) and (max-width:1199px){.opening-hour-row{gap:30px;grid-template-columns:170px 50px 120px 30px 120px;padding:20px 28px}.day-label{font-size:16px}.time-input{font-size:15px;padding:10px 12px;width:120px}.time-dash{font-size:16px}}@media (min-width:768px) and (max-width:991px){.opening-hour-row{gap:24px;grid-template-columns:140px 48px 100px 28px 100px;padding:18px 24px}.day-label{font-size:15px}.time-input{font-size:14px;padding:9px 10px;width:100px}.time-dash{font-size:15px}}@media (min-width:576px) and (max-width:767px){.opening-hour-row{gap:16px;grid-template-columns:90px 50px 90px 20px 90px;padding:14px 16px}.day-label{font-size:14px}.time-input{font-size:13px;padding:8px 6px;width:90px}.time-dash{font-size:14px}.closed-label{font-size:13px;grid-column:3/-1;text-align:center}.opening-hours-section .form-group{margin-bottom:18px}}@media (min-width:481px) and (max-width:575px){.opening-hour-row{gap:12px;grid-template-columns:80px 45px 85px 18px 85px;padding:12px 16px}.day-label{font-size:13px}.time-input{font-size:12px;padding:8px 6px;width:85px}.time-dash{font-size:13px}.closed-label{font-size:12px;grid-column:3/-1;text-align:center}.opening-hours-section .form-group{margin-bottom:16px}}@media (max-width:480px){.opening-hour-row{gap:8px;grid-template-columns:70px 40px 80px 16px 80px;padding:12px 16px}.day-label{font-size:12px;font-weight:600}.time-input{padding:8px 6px;width:80px}.time-dash,.time-input{font-size:12px}.closed-label{font-size:11px;grid-column:3/-1;text-align:center}.opening-hours-section .form-group{margin-bottom:14px}.opening-hours-list{gap:8px}}@media (max-width:319px){.opening-hour-row{gap:6px;grid-template-columns:60px 35px 70px 12px 70px;padding:10px 12px}.day-label,.time-input{font-size:11px}.time-input{padding:6px 4px;width:70px}.time-dash{font-size:11px}.closed-label{font-size:10px;grid-column:3/-1;text-align:center}.opening-hours-section .form-group{margin-bottom:14px}.opening-hours-list{gap:8px}}.remove-image-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 4px 6px -1px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.remove-image-btn:hover{box-shadow:0 10px 25px -3px #ef444480;transform:scale(1.1)}.image-overlay{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:32px 20px 20px;position:absolute;right:0;transition:opacity .3s ease}.image-preview-container:hover .image-overlay{opacity:1}.change-image-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #fffc;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#1e293b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.change-image-btn:hover{background:#fff;box-shadow:0 8px 16px -4px #0003;transform:translateY(-2px)}.image-upload{border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:20px;position:relative;text-align:center;transition:border-color .3s ease}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.qr-generator{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:25px}.qr-generator h3{color:#2c3e50;margin:0 0 20px;text-align:center}.qr-controls,.qr-preview{margin-bottom:25px}.qr-controls{grid-gap:20px;display:grid;gap:20px}.size-control label,.url-display label{color:#2c3e50;display:block;font-weight:700;margin-bottom:8px}.size-control select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.url-input{display:flex;gap:10px}.url-input input{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.copy-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s ease}.copy-btn:hover{background-color:#2980b9}.qr-actions{margin-bottom:25px;text-align:center}.download-options{background-color:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.download-options h4{color:#2c3e50;margin:0 0 15px}.download-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.download-btn{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:background-color .3s ease}.download-btn:hover{background-color:#219a52}.qr-instructions{background-color:#f8f9fa;border-left:4px solid #e74c3c;border-radius:8px;padding:20px}.qr-instructions h4,.qr-instructions ol{color:#2c3e50;margin:0 0 15px}.qr-instructions ol{padding-left:20px}.qr-instructions li{line-height:1.4;margin-bottom:8px}.tip{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:14px;padding:12px}.embed-generator{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:25px}.embed-generator h3{color:#2c3e50;margin:0 0 10px}.embed-generator>p{color:#7f8c8d;margin-bottom:25px}.embed-options{grid-gap:25px;display:grid;gap:25px;margin-bottom:30px}.embed-option{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:20px}.embed-option h4{color:#2c3e50;margin:0 0 10px}.embed-option p{color:#7f8c8d}.embed-option p,.height-control{margin-bottom:15px}.height-control label{color:#2c3e50;display:block;font-weight:700;margin-bottom:5px}.height-control select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.code-preview{margin-bottom:15px}.preview-header{justify-content:space-between;margin-bottom:8px}.preview-header span{color:#2c3e50;font-size:14px;font-weight:700}.copy-code-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s ease}.copy-code-btn:hover{background-color:#2980b9}.code-block{word-wrap:break-word;background-color:#2c3e50;border-radius:4px;color:#ecf0f1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;overflow-x:auto;padding:15px;white-space:pre-wrap}.direct-url{margin-top:15px}.direct-url label{color:#2c3e50;display:block;font-weight:700;margin-bottom:5px}.integration-instructions{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:20px}.integration-instructions h4{color:#2c3e50;margin:0 0 15px}.instruction-tabs{display:flex;gap:10px;margin-bottom:20px}.instruction-tabs button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#2c3e50;cursor:pointer;padding:10px 20px;transition:all .3s ease}.instruction-tabs button.active{background-color:#3498db;border-color:#3498db;color:#fff}.instruction-tabs button:hover:not(.active){background-color:#f8f9fa}.cms-instructions ol,.general-instructions ol{color:#2c3e50;margin:0 0 20px;padding-left:20px}.cms-instructions li,.general-instructions li{line-height:1.5;margin-bottom:8px}.cms-guide h5{color:#2c3e50;margin:15px 0 10px}.cms-guide h5:first-child{margin-top:0}.tips{margin-top:20px}.tips h5{color:#2c3e50;margin:0 0 10px}.tips ul{color:#2c3e50;margin:0;padding-left:20px}.tips li{line-height:1.4;margin-bottom:6px}.settings-modal{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 25px 50px -12px #00000059,0 10px 15px -3px #00000026;display:flex;flex-direction:column;max-width:900px;min-height:auto;overflow:visible;width:90%}.settings-modal .checkbox-label{align-items:center!important;background:linear-gradient(135deg,#fff,#fafbfc)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 2px 4px -1px #0000000d!important;cursor:pointer!important;display:flex!important;font-weight:500!important;gap:16px!important;justify-content:flex-start!important;margin-bottom:0!important;overflow:visible!important;padding:8px 12px 8px 16px!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.settings-modal .checkbox-label:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border-color:#cbd5e1!important;box-shadow:0 4px 8px -2px #3b82f626!important;transform:translateY(-1px)!important}.settings-modal .checkbox-label input[type=checkbox]{appearance:none!important;background:#e5e7eb!important;border:1px solid #d1d5db!important;border-radius:20px!important;cursor:pointer!important;flex-shrink:0!important;height:26px!important;margin:0!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:48px!important}.settings-modal .checkbox-label input[type=checkbox]:before{background:#fff!important;border-radius:50%!important;box-shadow:0 2px 6px #0000004d!important;content:""!important;height:20px!important;left:3px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:20px!important}.settings-modal .checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#10b981!important}.settings-modal .checkbox-label input[type=checkbox]:checked:before{transform:translateX(22px) translateY(-50%)!important}.settings-modal .checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 3px #10b98133!important;outline:none!important}.settings-modal .radio-label{align-items:center!important;background:linear-gradient(135deg,#fff,#fafbfc)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 2px 4px -1px #0000000d!important;cursor:pointer!important;display:flex!important;font-weight:500!important;gap:16px!important;justify-content:flex-start!important;margin-bottom:0!important;padding:8px 12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.settings-modal .radio-label:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border-color:#cbd5e1!important;box-shadow:0 2px 4px -1px #3b82f61a!important;transform:translateY(-1px)!important}.settings-modal .radio-label input[type=radio]{appearance:none!important;background:#e5e7eb!important;border:1px solid #d1d5db!important;border-radius:20px!important;cursor:pointer!important;flex-shrink:0!important;height:22px!important;margin:0!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:40px!important}.settings-modal .radio-label input[type=radio]:before{background:#fff!important;border-radius:50%!important;box-shadow:0 2px 6px #0000004d!important;content:""!important;height:16px!important;left:2px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:16px!important}.settings-modal .radio-label input[type=radio]:checked{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#10b981!important;border-radius:20px!important;transform:none!important}.settings-modal .radio-label input[type=radio]:checked:before{transform:translateX(18px) translateY(-50%)!important}.settings-modal .radio-label input[type=radio]:checked:after{display:none!important}.settings-modal .radio-label input[type=radio]:focus{box-shadow:0 0 0 3px #10b98133!important;outline:none!important}.settings-modal .language-grid .checkbox-label{background:linear-gradient(135deg,#fff,#fafbfc)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:14px!important;gap:16px!important;justify-content:flex-start!important;padding:8px 12px 8px 16px!important}.settings-modal .language-grid .checkbox-label:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border-color:#cbd5e1!important;box-shadow:0 2px 4px -1px #3b82f61a!important;transform:translateY(-1px)!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]{appearance:none!important;background:#e5e7eb!important;border:1px solid #d1d5db!important;border-radius:20px!important;cursor:pointer!important;flex-shrink:0!important;height:24px!important;margin:0!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:42px!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]:before{background:#fff!important;border-radius:50%!important;box-shadow:0 2px 6px #0000004d!important;content:""!important;height:18px!important;left:2px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:18px!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#10b981!important;border-radius:20px!important;transform:none!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]:checked:before{transform:translateX(20px) translateY(-50%)!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]:checked:after{display:none!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 3px #10b98133!important;outline:none!important}.settings-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #ffffff1a;border-radius:16px 16px 0 0;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:0;min-height:auto;padding:20px 24px}.settings-header h2{color:#fff;font-weight:700;margin:0}.settings-header .close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.settings-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.settings-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;margin:20px 0 16px;min-height:70px;overflow-x:auto;overflow-y:hidden;padding:0 0 8px;position:relative;scroll-behavior:smooth;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.settings-tabs::-webkit-scrollbar{height:6px}.settings-tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px;margin:0}.settings-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.settings-tabs::-webkit-scrollbar-thumb:hover{background:#9ca3af}.settings-tabs::-webkit-scrollbar-thumb:active{background:#6b7280}@supports (scrollbar-width:thin){.settings-tabs{scrollbar-width:thin}}.tab{background:none;border:none;border-bottom:3px solid #0000;border-radius:12px 12px 0 0;color:#64748b;cursor:pointer;flex:none;font-size:15px;font-weight:600;min-width:120px;padding:18px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b;transform:translateY(-1px)}.tab.active{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom-color:#e74c3c;color:#e74c3c;font-weight:700}.settings-content{background:#fff;flex:1 1;padding:32px 24px 24px}.settings-section{max-width:100%}.settings-section h3{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.settings-section p{color:#7f8c8d;font-style:italic;margin-bottom:20px}.checkbox-label{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;font-weight:500;gap:20px;margin-bottom:0;min-height:auto;overflow:hidden;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkbox-label:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.checkbox-label:hover{border-color:#cbd5e1;box-shadow:0 4px 8px -2px #3b82f626;transform:translateY(-1px)}.checkbox-label:hover:before{transform:scaleX(1)}.checkbox-label input[type=checkbox]{appearance:none;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;margin:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:16px}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;transform:scale(1.05)}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.settings-modal .checkbox-label input[type=checkbox]:checked:after{display:none!important}.settings-modal .checkbox-label input[type=checkbox]:checked{border-radius:20px!important;transform:none!important}.settings-modal .checkbox-label:before,.settings-modal .checkbox-label:hover:before{display:none!important}.checkbox-label input[type=checkbox]:focus{box-shadow:0 0 0 3px #3b82f633;outline:none}.radio-group{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:8px}.radio-label{align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:16px;margin-bottom:0;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.radio-label:hover{border-color:#e2e8f0;box-shadow:0 2px 4px -1px #3b82f61a;transform:translateY(-1px)}.radio-label input[type=radio]{appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:50%;cursor:pointer;flex-shrink:0;height:12px;margin:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:12px}.radio-label input[type=radio]:checked{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;transform:none}.radio-label input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.radio-label input[type=radio]:focus{box-shadow:0 0 0 3px #3b82f633;outline:none}.radio-label input[type=radio]:checked+*{color:#1e293b;font-weight:600}.preview-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;margin-top:20px;overflow:hidden;padding:20px;position:relative}.preview-section:before{background:linear-gradient(90deg,#0ea5e9,#3b82f6,#8b5cf6);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.preview-section h4{align-items:center;color:#0c4a6e;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.price-preview{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#e74c3c;display:inline-block;font-size:1.5rem;font-weight:700;min-width:80px;padding:12px 16px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.price-preview:hover{box-shadow:0 8px 12px -3px #0000001f,0 4px 6px -2px #00000014;transform:translateY(-1px)}.language-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:16px}.language-grid .checkbox-label{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:8px;font-size:14px;gap:16px;margin-bottom:0;padding:10px 14px}.language-grid .checkbox-label:hover{box-shadow:0 2px 4px -1px #3b82f61a;transform:translateY(-1px)}.language-grid .checkbox-label input[type=checkbox]{height:14px;width:14px}.language-grid .checkbox-label input[type=checkbox]:checked:after{font-size:9px}.qr-section{border-top:1px solid #ddd;margin-top:30px;padding-top:20px}.settings-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:16px;justify-content:center;min-height:80px;padding:24px 0}.settings-actions .btn,.settings-actions .btn-secondary{border:2px solid #0000;border-radius:12px;font-size:14px;font-weight:600;min-width:140px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-actions .btn-secondary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#e2e8f0;color:#475569}.settings-actions .btn-secondary:hover{border-color:#cbd5e1;box-shadow:0 8px 16px -4px #4755694d;transform:translateY(-2px)}.settings-actions .btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 4px 6px -1px #10b9814d;color:#fff}.settings-actions .btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.settings-actions .btn:hover:before{left:100%}.settings-actions .btn:hover{box-shadow:0 10px 25px -3px #10b98166;transform:translateY(-2px)}@media (max-width:768px){.settings-modal{margin:8px;width:calc(100% - 16px)}.settings-header{margin-bottom:0;padding:20px 16px 16px}.settings-header h2{font-size:1.25rem}.settings-tabs{gap:6px;margin:16px 0 12px;padding:0 0 6px}.tab{border-radius:10px;font-size:14px;font-weight:600;min-width:80px;padding:16px 8px;text-align:center}.settings-content{padding:24px 8px 16px}.settings-section h3{font-size:1.1rem;margin-bottom:16px}.form-group{margin-bottom:18px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:12px 14px}.settings-modal .checkbox-label{font-size:14px;gap:16px!important;margin:0 0 8px!important;padding:8px 8px 8px 16px!important}.settings-modal .checkbox-label input[type=checkbox]{height:22px!important;width:40px!important}.settings-modal .checkbox-label input[type=checkbox]:before{height:16px!important;top:50%!important;transform:translateY(-50%)!important;width:16px!important}.settings-modal .checkbox-label input[type=checkbox]:checked:before{transform:translateX(18px) translateY(-50%)!important}.radio-label{font-size:14px;gap:16px;margin:0 0 6px;padding:8px 12px 8px 16px}.radio-group{gap:6px;margin:0;padding:6px}.language-grid{gap:6px;grid-template-columns:1fr;margin:0 8px 0 0}.settings-modal .language-grid .checkbox-label{font-size:13px!important;gap:16px!important;margin:0!important;padding:6px 8px 6px 16px!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]{border-radius:15px!important;height:20px!important;width:36px!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]:before{height:14px!important;left:2px!important;top:50%!important;transform:translateY(-50%)!important;width:14px!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]:checked:before{transform:translateX(16px) translateY(-50%)!important}.preview-section{margin-left:0;margin-right:0;margin-top:16px;padding:16px}.preview-section h4{font-size:.9rem;margin-bottom:12px}.price-preview{font-size:1.25rem;padding:10px 14px}.settings-actions{flex-direction:column-reverse;gap:12px;margin-top:20px;padding:16px 0}.settings-actions .btn,.settings-actions .btn-secondary{font-size:14px;padding:14px 20px;width:100%}.profile-info-display{gap:14px;margin:0}.profile-info-item{padding:10px}.profile-info-item label{font-size:12px}.profile-info-item span{font-size:14px}.profile-info-note{font-size:13px;margin:16px 0 0;padding:10px}.qr-section{margin-top:20px;padding-top:16px}}@media (max-width:480px){.settings-modal{margin:4px;width:calc(100% - 8px)}.settings-header{padding:16px 12px 14px}.settings-header h2{font-size:1.1rem}.settings-tabs{gap:3px;padding:0 0 6px}.tab{border-radius:8px;font-size:13px;font-weight:600;min-width:70px;padding:14px 6px}.settings-content{padding:20px 12px 14px}.settings-section h3{font-size:1rem}.form-group{margin-bottom:16px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:10px 12px}.settings-modal .checkbox-label{font-size:13px;gap:16px!important;margin:0 0 6px!important;padding:6px 12px 6px 16px!important}.settings-modal .checkbox-label input[type=checkbox]{height:20px!important;width:36px!important}.settings-modal .checkbox-label input[type=checkbox]:before{height:14px!important;top:50%!important;transform:translateY(-50%)!important;width:14px!important}.settings-modal .checkbox-label input[type=checkbox]:checked:before{transform:translateX(16px) translateY(-50%)!important}.radio-label{font-size:13px;gap:16px;margin:0 0 4px;padding:6px 12px 6px 16px}.radio-group{margin:0;padding:4px}.language-grid{gap:4px;margin:0 12px 0 0}.settings-modal .language-grid .checkbox-label{font-size:12px!important;gap:16px!important;margin:0!important;padding:5px 12px 5px 16px!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]{border-radius:12px!important;height:18px!important;width:32px!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]:before{height:12px!important;left:2px!important;top:50%!important;transform:translateY(-50%)!important;width:12px!important}.settings-modal .language-grid .checkbox-label input[type=checkbox]:checked:before{transform:translateX(14px) translateY(-50%)!important}.preview-section{margin:16px 0 0;padding:14px}.price-preview{font-size:1.1rem;padding:8px 12px}.settings-actions{padding:14px 0}.settings-actions .btn,.settings-actions .btn-secondary{padding:12px 16px}}.ai-import-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.ai-import-content{padding:0 32px 32px}.upload-info{margin-bottom:32px;text-align:center}.upload-info h3{color:#1e293b;font-size:1.5rem;margin-bottom:12px}.upload-info p{color:#64748b;line-height:1.6;margin-bottom:16px}.supported-formats{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;color:#475569;font-size:14px;padding:12px 16px}.supported-formats strong{color:#1e293b;margin-right:8px}.file-drop-zone{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px dashed #cbd5e1;border-radius:16px;cursor:pointer;margin-bottom:32px;padding:48px 24px;text-align:center;transition:all .3s ease}.file-drop-zone:hover{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#8b5cf6}.file-drop-zone.has-file{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:16px}.upload-icon{font-size:3rem;opacity:.7}.upload-text strong{color:#1e293b;display:block;font-size:1.1rem;margin-bottom:8px}.upload-text p{color:#64748b;margin:0}.file-selected{align-items:center;display:flex;gap:16px}.file-icon{font-size:2.5rem}.file-info{text-align:left}.file-name{color:#1e293b;font-weight:600;margin-bottom:4px}.file-size{color:#64748b;font-size:14px}.import-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.processing-state{padding:48px 24px;text-align:center}.processing-animation{margin-bottom:32px}.spinner{border:4px solid #e2e8f0;border-top-color:#8b5cf6;height:64px;margin:0 auto;width:64px}.processing-state h3{color:#1e293b;font-size:1.5rem;margin-bottom:12px}.processing-state p{color:#64748b;line-height:1.6;margin-bottom:32px}.processing-steps{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.step{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:14px;padding:8px 16px;transition:all .3s ease}.step.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.preview-state h3{color:#1e293b;font-size:1.5rem;margin-bottom:12px}.preview-state p{color:#64748b;line-height:1.6;margin-bottom:24px}.preview-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;display:flex;gap:48px;justify-content:center;margin-bottom:32px;padding:24px}.summary-item{text-align:center}.summary-item .count{color:#8b5cf6;display:block;font-size:2rem;font-weight:800;margin-bottom:4px}.summary-item .label{color:#64748b;font-size:14px;font-weight:500}.preview-data{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:400px;overflow-y:auto;padding:24px}.preview-category{border-bottom:1px solid #f1f5f9;margin-bottom:32px;padding-bottom:24px}.preview-category:last-child{border-bottom:none;margin-bottom:0}.preview-category h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:8px}.category-desc{color:#64748b;font-style:italic;margin-bottom:16px}.preview-items{display:flex;flex-direction:column;gap:16px}.preview-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:16px}.item-header{margin-bottom:8px}.item-name{font-weight:600}.item-price{color:#8b5cf6;font-size:1.1rem;font-weight:700}.item-desc{color:#64748b;line-height:1.5;margin-bottom:12px}.item-ingredients{color:#475569;font-size:14px}.item-ingredients strong{color:#1e293b}@media (max-width:768px){.ai-import-modal{margin:10px;width:95%}.ai-import-content{padding:0 16px 24px}.file-drop-zone{padding:32px 16px}.preview-summary{flex-direction:column;gap:24px}.processing-steps{align-items:center}.import-actions,.processing-steps{flex-direction:column}.upload-info h3{font-size:1.25rem}}.confirm-overlay{z-index:10001}.confirm-modal{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 25px 50px -12px #00000059,0 10px 15px -3px #00000026;max-width:500px;overflow:hidden;width:90%}.confirm-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.confirm-header h3{font-size:1.25rem;gap:12px;margin:0}.confirm-header .close-btn,.confirm-header h3{align-items:center;display:flex;font-weight:700}.confirm-header .close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.confirm-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.confirm-content{padding:24px;text-align:center}.confirm-content p{color:#374151;font-size:1rem;line-height:1.6;margin:0}.confirm-actions{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;padding:20px 24px 24px}.confirm-actions button{border:2px solid #0000;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirm-actions .btn-secondary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#e2e8f0;color:#475569}.confirm-actions .btn-secondary:hover{border-color:#cbd5e1;box-shadow:0 8px 16px -4px #4755694d;transform:translateY(-2px)}.confirm-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 6px -1px #ef44444d;color:#fff}.confirm-actions .btn-danger:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.confirm-actions .btn-danger:hover:before{left:100%}.confirm-actions .btn-danger:hover{box-shadow:0 10px 25px -3px #ef444466;transform:translateY(-2px)}.confirm-actions .btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 4px 6px -1px #10b9814d;color:#fff}.confirm-actions .btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.confirm-actions .btn:hover:before{left:100%}.confirm-actions .btn:hover{box-shadow:0 10px 25px -3px #10b98166;transform:translateY(-2px)}@media (max-width:768px){.confirm-modal{margin:20px;width:95%}.confirm-actions{flex-direction:column;gap:12px}.confirm-actions button{font-size:14px;min-width:0;min-width:auto;padding:14px 20px;width:100%}.confirm-header h3{font-size:1.1rem}.confirm-content{padding:20px}.confirm-content p{font-size:.95rem}}@media (max-width:480px){.profile-info-display{gap:12px;margin:0}.profile-info-item{padding:8px}.profile-info-item label{font-size:11px}.profile-info-item span{font-size:13px}.profile-info-note{margin:14px 0 0;padding:8px}}.design-themes{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.theme-option{border-radius:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.theme-card{background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:block;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.theme-card:hover:before{transform:scaleX(1)}.theme-card:hover{border-color:#3b82f6;box-shadow:0 10px 25px -3px #3b82f633;transform:translateY(-4px)}.theme-option.active .theme-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;box-shadow:0 8px 20px -4px #10b9814d}.theme-option.active .theme-card:before{background:linear-gradient(90deg,#10b981,#059669);transform:scaleX(1)}.theme-preview{border-radius:12px;display:flex;flex-direction:column;height:120px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.preview-header{align-items:center;display:flex;font-size:10px;font-weight:600;height:30px;padding:0 12px}.preview-content{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:8px 12px}.preview-item{border-radius:4px;height:16px;opacity:.8}.classic-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.classic-preview .preview-header{background:linear-gradient(135deg,#fff,#fafbfc);border-bottom:1px solid #e2e8f0;color:#1e293b}.classic-preview .preview-item{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e2e8f0}.dark-preview{background:linear-gradient(135deg,#1e293b,#334155)}.dark-preview .preview-header{background:linear-gradient(135deg,#334155,#475569);border-bottom:1px solid #475569;color:#fff}.dark-preview .preview-item{background:linear-gradient(135deg,#475569,#64748b);border:1px solid #64748b}.modern-preview{background:linear-gradient(135deg,#fff,#f9fafb)}.modern-preview .preview-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;color:#111827}.modern-preview .preview-item{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #d1d5db;border-radius:8px}.elegant-preview{background:linear-gradient(135deg,#fef7cd,#fde68a)}.elegant-preview .preview-header{background:linear-gradient(135deg,#fff,#fefce8);border-bottom:1px solid #f59e0b;color:#92400e}.elegant-preview .preview-item{background:linear-gradient(135deg,#fff,#fefce8);border:1px solid #f59e0b}.colorful-preview{background:linear-gradient(135deg,#fecaca,#fed7d7)}.colorful-preview .preview-header{background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom:1px solid #f87171;color:#b91c1c}.colorful-preview .preview-item{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171}.theme-info{text-align:center}.theme-info h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 8px}.theme-info p{color:#64748b;font-size:14px;line-height:1.4;margin:0}.theme-option.active .theme-info h4{color:#10b981}.design-preview-container{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #e2e8f0;border-radius:16px;margin-top:16px;padding:24px}.design-preview-sample{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px;transition:all .3s ease}.design-preview-sample.classic-theme{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #e2e8f0}.design-preview-sample.dark-theme{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.design-preview-sample.modern-theme{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #d1d5db;border-radius:16px}.design-preview-sample.elegant-theme{background:linear-gradient(135deg,#fff,#fefce8);border:2px solid #f59e0b}.design-preview-sample.colorful-theme{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171}.sample-header h5{border-bottom:2px solid;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:12px;text-align:center}.design-preview-sample.classic-theme .sample-header h5{border-bottom-color:#3b82f6;color:#1e293b}.design-preview-sample.dark-theme .sample-header h5{border-bottom-color:#8b5cf6;color:#fff}.design-preview-sample.modern-theme .sample-header h5{border-bottom-color:#6b7280;color:#111827}.design-preview-sample.elegant-theme .sample-header h5{border-bottom-color:#f59e0b;color:#92400e}.design-preview-sample.colorful-theme .sample-header h5{border-bottom-color:#f87171;color:#b91c1c}.sample-item{background:#ffffff80;border:1px solid #0000001a;border-radius:8px;padding:16px}.design-preview-sample.dark-theme .sample-item{background:#0000004d;border-color:#fff3}.sample-item-content h6{font-size:16px;font-weight:600;margin:0 0 8px}.sample-price{font-size:18px;font-weight:800;margin:0 0 8px}.design-preview-sample.classic-theme .sample-price{color:#e74c3c}.design-preview-sample.dark-theme .sample-price{color:#10b981}.design-preview-sample.modern-theme .sample-price{color:#6b7280}.design-preview-sample.elegant-theme .sample-price{color:#f59e0b}.design-preview-sample.colorful-theme .sample-price{color:#dc2626}.sample-description{font-size:14px;line-height:1.4;margin:0;opacity:.8}@media (max-width:768px){.design-themes{gap:14px;grid-template-columns:1fr;margin:16px 0 0}.theme-card{padding:14px}.theme-preview{height:100px}.preview-header{font-size:9px;height:25px}.preview-item{height:14px}.theme-info h4{font-size:15px}.theme-info p{font-size:13px}.design-preview-container{margin:16px 0 0;padding:14px 0}.design-preview-sample{padding:14px}.sample-header h5,.sample-price{font-size:16px}}@media (max-width:480px){.design-themes{gap:8px;margin:16px 0 0}.theme-card{padding:8px}.theme-preview{height:80px}.preview-header{font-size:8px;height:20px}.preview-item{height:12px}.theme-info h4{font-size:14px}.theme-info p{font-size:12px}.design-preview-container{margin:16px 0 0;padding:12px 0}.design-preview-sample{padding:10px}}@media (max-width:768px){.menu-management{padding:10px}.menu-header{align-items:stretch;flex-direction:column;gap:15px}.menu-actions{justify-content:center}.section-header{align-items:stretch;flex-direction:column;gap:15px}.category-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.category-header h3{font-size:1.5rem}.category-info{align-self:flex-end;gap:12px}.expand-toggle{font-size:12px;height:28px;width:28px}.item-count{font-size:13px;padding:4px 10px}.category-section .items-grid{grid-template-columns:1fr;padding:20px}.category-section .empty-category{padding:20px}.categories-grid,.items-grid{grid-template-columns:1fr}.modal{margin:20px;width:calc(100% - 40px)}}.profile-info-display{display:flex;flex-direction:column;gap:20px;margin:20px 0}.profile-info-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.profile-info-item label{color:#475569;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.profile-info-item span{color:#1e293b;font-size:16px;font-weight:500;word-break:break-word}.profile-info-loading{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-style:italic;padding:24px;text-align:center}.profile-info-note{background:linear-gradient(135deg,#fef7cd,#fde68a);border:1px solid #f59e0b;border-radius:12px;color:#92400e;font-size:14px;line-height:1.5;margin-top:24px;padding:16px}.profile-info-note strong{color:#78350f}.profile-actions{display:flex;justify-content:flex-start;margin-top:24px}.profile-actions .btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-actions .btn-secondary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 12px -1px #3b82f666;transform:translateY(-2px)}.profile-update-indicator{animation:fadeInOut 3s ease-in-out;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #16a34a;border-radius:8px;color:#15803d;font-size:14px;font-weight:600;margin:16px 0;padding:12px 16px;text-align:center}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.google-reviews-qr{margin-top:1.5rem}.qr-placeholder{background:var(--background-secondary);border:2px dashed #ddd;border-radius:var(--border-radius);color:var(--text-secondary);padding:2rem;text-align:center}.qr-placeholder-content p{font-size:1rem;margin:0 0 .5rem}.qr-placeholder-content small{color:var(--text-tertiary)}.qr-preview{margin:1rem 0;text-align:center}.qr-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.qr-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e74c3c1a;border-radius:50%;border-top:3px solid var(--primary-color);height:2rem;width:2rem}.qr-result{align-items:center;display:flex;flex-direction:column;gap:1rem}.qr-image{border:1px solid #ddd;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);height:auto;max-width:200px}.qr-description{color:var(--text-secondary);margin:0;text-align:center}.qr-description small{color:var(--text-tertiary)}.qr-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.download-buttons h4{color:var(--text-primary);font-size:.95rem;margin:0 0 .5rem}.button-group{flex-wrap:wrap;gap:.5rem}.button-group .btn{font-size:.85rem;min-width:auto;padding:.5rem 1rem}.url-actions{padding-top:1rem}.qr-section+.qr-section,.url-actions{border-top:1px solid var(--border-color)}.qr-section+.qr-section{margin-top:3rem;padding-top:2rem}.qr-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.qr-section p{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.qr-menu-button,.qr-reviews-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px -1px #3b82f64d,0 1px 2px -1px #3b82f633;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;min-width:140px;padding:8px 14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.qr-menu-button:hover,.qr-reviews-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px -1px #3b82f666,0 2px 4px -1px #3b82f64d;transform:translateY(-1px)}.qr-reviews-button{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 4px -1px #f59e0b4d,0 1px 2px -1px #f59e0b33}.qr-reviews-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px -1px #f59e0b66,0 2px 4px -1px #f59e0b4d}@media (max-width:768px){.menu-header-top{align-items:flex-start;flex-direction:row;gap:16px;justify-content:space-between}.menu-header-content{flex:1 1;min-width:0;padding-right:100px;width:100%}.menu-header-qr-buttons{align-items:flex-start;flex-direction:row;flex-shrink:0;gap:6px;position:absolute;right:-6px;top:-24px}.qr-menu-button,.qr-reviews-button{font-size:10px;min-width:auto;padding:6px 10px;white-space:nowrap;width:auto}}@media (max-width:480px){.menu-header-top{gap:8px}.menu-header-content{padding-right:30px}.menu-header-qr-buttons{flex-direction:row;gap:4px;position:absolute;right:-4px;top:-16px}.qr-menu-button,.qr-reviews-button{font-size:9px;min-width:auto;padding:5px 8px;width:auto}}.public-menu{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0}.floating-translator{bottom:24px;position:fixed;right:24px;z-index:1000}.translator-button{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:3px solid #e2e8f0;border-radius:50%;box-shadow:0 10px 25px -5px #00000026,0 4px 6px -2px #0000001a;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.translator-button:before{background:linear-gradient(135deg,#0000,#ffffff1a 50%,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.translator-button:hover{box-shadow:0 15px 35px -5px #3b82f680,0 8px 15px -3px #3b82f666;transform:translateY(-2px) scale(1.05)}.translator-button:hover:before{opacity:1}.translator-button.translating{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669)}.flag-icon{font-size:32px;left:50%;line-height:1;position:absolute;text-shadow:0 2px 4px #0003;top:50%;transform:translate(-50%,-50%)}.language-menu{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:16px;bottom:75px;box-shadow:0 25px 50px -12px #00000040,0 10px 15px -3px #0000001a;min-width:220px;overflow:hidden;position:absolute;right:0}.language-menu-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:16px 20px}.close-menu{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.close-menu:hover{background:#f3f4f6;color:#6b7280}.language-options{max-height:300px;overflow-y:auto}.language-option{padding:12px 20px;transition:all .2s ease}.language-option:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.language-option.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-weight:600}.lang-flag{font-size:18px;text-align:center;width:24px}.checkmark{color:#10b981;font-size:16px;font-weight:700}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.public-menu-error,.public-menu-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#e74c3c;height:50px;margin-bottom:20px;width:50px}.public-menu-error h2{color:#e74c3c;margin-bottom:10px}.public-menu-error p{color:#7f8c8d}.category-nav{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff,#fafbfc);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:16px;margin-top:0;overflow-x:auto;padding:32px 24px;position:sticky;scroll-behavior:smooth;scrollbar-width:none;top:0;transform:translateZ(0);will-change:transform;z-index:100}.category-nav::-webkit-scrollbar{display:none}.category-nav button{-webkit-font-smoothing:antialiased;backface-visibility:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #0000;border-radius:50px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;min-width:fit-content;overflow:hidden;padding:16px 32px;position:relative;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.category-nav button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.category-nav button:hover:before{left:100%}.category-nav button:hover{border-color:#3b82f6;box-shadow:0 8px 16px -4px #3b82f640;color:#1e293b;transform:translateY(-2px)}.category-nav button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#0000;box-shadow:0 8px 16px -4px #3b82f666;color:#fff;transform:translateY(-2px)}.menu-content{margin:0 auto;max-width:1400px;padding:32px 24px}.menu-section{margin-bottom:64px}.menu-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;padding-bottom:20px;position:relative;text-align:center}.menu-section h2:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.category-description{color:#64748b;font-size:1.1rem;font-style:italic;font-weight:500;margin-bottom:32px;text-align:center}.menu-items{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.menu-item{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #fff3;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;min-height:280px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-item.has-image{height:auto;min-height:460px}.menu-item:not(.has-image){height:auto;min-height:120px}.menu-item:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.menu-item:hover:before{transform:scaleX(1)}.menu-item:hover{box-shadow:0 25px 50px -12px #00000026,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.item-image{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #e2e8f080;border-radius:12px;display:flex;flex-shrink:0;height:280px;justify-content:center;overflow:hidden;position:relative;width:100%}.item-image:after{background:linear-gradient(180deg,#0000,#0000 70%,#0000000d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.item-image img{border-radius:12px;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}@media (min-width:768px){.item-image img{border-radius:12px;object-fit:cover;object-position:center}}.menu-item:hover .item-image img{transform:scale(1.05)}.item-content{display:flex;flex:1 1;flex-direction:column;min-height:140px;padding:20px 20px 16px}.item-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.item-name{color:#1e293b;flex:1 1;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0}.item-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e74c3c,#dc2626);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;min-width:fit-content;text-align:right}.item-description{color:#64748b;flex:1 1;font-size:15px;font-weight:500;line-height:1.6;margin:0 0 auto}.item-details{border-top:1px solid #e2e8f0;flex-shrink:0;margin-top:12px;padding-top:12px}.ingredients{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-left:3px solid #3b82f6;border-radius:8px;color:#475569;font-size:14px;line-height:1.4;margin-bottom:8px;padding:8px 12px}.allergens{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:3px solid #ef4444;border-radius:6px;color:#dc2626;font-size:14px;font-weight:600;margin-bottom:0;padding:6px 10px}.allergens strong,.ingredients strong{color:#1e293b;font-weight:700}.no-items{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:20px;color:#64748b;font-size:18px;font-weight:500;padding:80px 40px;text-align:center}.menu-footer{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;margin-top:64px;overflow:hidden;padding:48px 24px;position:relative}.menu-footer:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:4px;left:0;position:absolute;right:0;top:0}.menu-instructions{background:#e74c3c1a;border-left:4px solid #e74c3c;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.menu-instructions p{color:#ecf0f1;font-size:16px;margin:0}.social-media-section{margin-bottom:30px}.social-media-section h4{margin:0 0 20px}.social-links{flex-wrap:wrap;gap:16px;margin-bottom:16px}.social-links,.social-links a{display:flex;justify-content:center}.social-links a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#bdc3c7;height:44px;padding:10px;text-decoration:none;transition:all .3s ease;width:44px}.social-links a svg{height:20px;transition:all .3s ease;width:20px}.social-links a:hover{transform:translateY(-2px)}.social-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#0000;color:#fff}.social-facebook:hover{background:#1877f2;border-color:#0000;color:#fff}.social-tiktok:hover{background:#000;border-color:#0000;color:#fff}.social-website:hover{background:#4285f4;border-color:#0000;color:#fff}.contact-info{flex-wrap:wrap;gap:16px}.contact-info,.contact-info a{display:flex;justify-content:center}.contact-info a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#bdc3c7;height:36px;padding:8px;text-decoration:none;transition:all .3s ease;width:36px}.contact-info a svg{height:18px;transition:all .3s ease;width:18px}.contact-info a:hover{transform:translateY(-2px)}.contact-email:hover{background:#ea4335;border-color:#0000;color:#fff}.contact-phone:hover{background:#34a853;border-color:#0000;color:#fff}.footer-content{grid-gap:40px;align-items:flex-start;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px;padding:0 20px}@media (min-width:1200px){.footer-content{gap:48px;grid-template-columns:repeat(3,1fr)}}@media (min-width:992px) and (max-width:1199px){.footer-content{gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.company-info-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.company-info-section h4{border-bottom:2px solid #fff3;color:#ecf0f1;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:8px}.company-address{color:#bdc3c7;font-size:14px;line-height:1.5}.company-address p{align-items:center;display:flex;gap:8px;margin:0 0 6px}.company-address p:before{content:"📍";font-size:12px}.social-media-section{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;padding:24px;text-align:center}.social-media-section h4{border-bottom:2px solid #fff3;color:#ecf0f1;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:8px;width:100%}.opening-hours-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.opening-hours-section h4{border-bottom:2px solid #fff3;color:#ecf0f1;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:8px}.opening-hours-list{display:flex;flex-direction:column;gap:8px}.opening-hour-item{align-items:center;background:#ffffff14;border-left:3px solid #3b82f6;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.opening-hour-item.closed{border-left-color:#64748b;opacity:.6}.opening-hour-day{color:#ecf0f1;font-size:14px;font-weight:600}.opening-hour-time{color:#bdc3c7;font-size:14px;font-weight:500}.opening-hour-time.closed{color:#64748b;font-style:italic}.powered-by{border-top:1px solid #ffffff1a;font-size:12px;margin:0;opacity:.6;padding-top:20px;text-align:center}@media (max-width:768px){.category-nav{gap:12px;padding:24px 16px;scroll-padding:16px;scroll-snap-type:x mandatory}.category-nav button{font-size:14px;padding:12px 24px;scroll-snap-align:center;transition:background-color .2s ease,transform .2s ease}.category-nav button:before{display:none}.category-nav button:hover{transform:none}.menu-content{padding:24px 16px}.menu-section h2{font-size:2rem}.menu-items{gap:24px;grid-template-columns:1fr}.menu-item.has-image{height:auto;min-height:420px}.menu-item:not(.has-image){height:auto;min-height:110px}.item-image{height:220px}.item-content{padding:18px 18px 14px}.item-header{gap:12px}.item-name{font-size:1.25rem}.item-price{font-size:1.5rem}.menu-footer{padding:32px 16px}.footer-content{gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 16px}.company-info-section,.opening-hours-section,.social-media-section{min-height:auto;padding:20px}.company-info-section h4,.opening-hours-section h4,.social-media-section h4{font-size:16px;margin-bottom:12px}.company-address{font-size:13px;line-height:1.4}.opening-hour-day,.opening-hour-time{font-size:13px}.opening-hour-item{margin-bottom:4px;padding:6px 10px}.social-links{gap:12px;justify-content:center}.social-links a{height:40px;width:40px}.social-links a svg{height:18px;width:18px}.contact-info{gap:12px;justify-content:center}.contact-info a{height:32px;width:32px}.contact-info a svg{height:16px;width:16px}}@media (max-width:480px){.footer-content{gap:20px;grid-template-columns:1fr;padding:0 12px}.company-info-section,.opening-hours-section,.social-media-section{border-radius:8px;padding:16px;text-align:center}.company-info-section h4,.opening-hours-section h4,.social-media-section h4{font-size:16px;margin-bottom:12px;text-align:center}.company-address{font-size:13px;line-height:1.5;text-align:center}.company-address p{margin-bottom:4px}.company-address p:before{display:none}.opening-hours-list{align-items:center;display:flex;flex-direction:column;gap:6px}.opening-hour-item{margin-bottom:2px;max-width:280px;padding:8px 12px;width:100%}.opening-hour-day,.opening-hour-time{font-size:13px}.social-links{flex-direction:row;gap:10px;justify-content:center}.social-links a{height:36px;padding:8px;width:36px}.social-links a svg{height:16px;width:16px}.contact-info{flex-direction:row;gap:10px;justify-content:center}.contact-info a{height:30px;padding:6px;width:30px}.contact-info a svg{height:14px;width:14px}.menu-footer{padding:24px 12px}.category-nav{gap:8px;padding:20px 12px}.category-nav button{font-size:13px;padding:10px 20px}.menu-content{padding:20px 12px}.menu-section{margin-bottom:48px}.menu-section h2{font-size:1.75rem}.menu-items{gap:20px}.menu-item.has-image{min-height:380px}.menu-item:not(.has-image){min-height:100px}.item-image{height:200px}.item-content{padding:14px 14px 10px}.item-header{align-items:flex-start;gap:8px}.item-name{font-size:1.1rem;line-height:1.3}.item-price{font-size:1.3rem}.floating-translator{bottom:16px;right:16px}.translator-button{height:50px;width:50px}.flag-icon{font-size:26px}.language-menu{bottom:65px;min-width:200px;right:-10px}}.public-menu.dark-theme{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}.public-menu.dark-theme .category-nav{background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid #475569}.public-menu.dark-theme .category-nav button{background:linear-gradient(135deg,#334155,#475569);border-color:#475569;color:#cbd5e1}.public-menu.dark-theme .category-nav button:hover{background:linear-gradient(135deg,#475569,#64748b);border-color:#8b5cf6;color:#f1f5f9}.public-menu.dark-theme .category-nav button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.public-menu.dark-theme .menu-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text}.public-menu.dark-theme .menu-section h2:after{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.public-menu.dark-theme .category-description{color:#94a3b8}.public-menu.dark-theme .menu-item{background:linear-gradient(135deg,#334155,#475569);border:1px solid #475569}.public-menu.dark-theme .menu-item:before{background:linear-gradient(90deg,#8b5cf6,#ec4899,#06b6d4)}.public-menu.dark-theme .menu-item:hover{background:linear-gradient(135deg,#475569,#64748b)}.public-menu.dark-theme .item-name{color:#f8fafc}.public-menu.dark-theme .item-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.public-menu.dark-theme .item-description{color:#94a3b8}.public-menu.dark-theme .ingredients{background:linear-gradient(135deg,#475569,#64748b);border-left-color:#8b5cf6;color:#cbd5e1}.public-menu.dark-theme .allergens{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-left-color:#dc2626;color:#fecaca}.public-menu.dark-theme .menu-footer{background:linear-gradient(135deg,#0f172a,#1e293b)}.public-menu.modern-theme{background:linear-gradient(135deg,#fff,#f9fafb);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.public-menu.modern-theme .category-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;box-shadow:0 1px 3px #0000001a}.public-menu.modern-theme .category-nav button{background:#0000;color:#6b7280;font-weight:500}.public-menu.modern-theme .category-nav button:hover{background:#f3f4f6;color:#111827}.public-menu.modern-theme .category-nav button.active{background:#111827;color:#fff}.public-menu.modern-theme .menu-section h2{-webkit-text-fill-color:initial;background:none;color:#111827;font-weight:300;letter-spacing:-.05em}.public-menu.modern-theme .menu-section h2:after{background:#d1d5db;height:1px;width:60px}.public-menu.modern-theme .menu-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a}.public-menu.modern-theme .menu-item:before{display:none}.public-menu.modern-theme .menu-item:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.public-menu.modern-theme .item-price{-webkit-text-fill-color:initial;background:none;color:#6b7280;font-weight:600}.public-menu.modern-theme .ingredients{background:#f9fafb;border-left-color:#d1d5db;color:#6b7280}.public-menu.modern-theme .allergens{background:#fef2f2;border-left-color:#fca5a5;color:#dc2626}.public-menu.elegant-theme{background:linear-gradient(135deg,#fefce8,#fef3c7);font-family:Playfair Display,Georgia,serif}.public-menu.elegant-theme .category-nav{background:linear-gradient(135deg,#fff,#fefce8);border-bottom:2px solid #f59e0b}.public-menu.elegant-theme .category-nav button{background:linear-gradient(135deg,#fff,#fefce8);color:#92400e;font-family:inherit;font-weight:500}.public-menu.elegant-theme .category-nav button:hover{background:linear-gradient(135deg,#fefce8,#fde68a);color:#78350f}.public-menu.elegant-theme .category-nav button.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.public-menu.elegant-theme .menu-section h2{-webkit-text-fill-color:initial;background:none;color:#92400e;font-family:inherit;font-weight:400;letter-spacing:.05em}.public-menu.elegant-theme .menu-section h2:after{background:linear-gradient(90deg,#f59e0b,#d97706);height:3px}.public-menu.elegant-theme .menu-item{background:linear-gradient(135deg,#fff,#fefce8);border:2px solid #fde68a;box-shadow:0 8px 16px -4px #f59e0b33}.public-menu.elegant-theme .menu-item:before{background:linear-gradient(90deg,#f59e0b,#d97706,#b45309)}.public-menu.elegant-theme .item-name{color:#92400e;font-family:inherit}.public-menu.elegant-theme .item-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.public-menu.elegant-theme .ingredients{background:linear-gradient(135deg,#fefce8,#fde68a);border-left-color:#f59e0b;color:#92400e}.public-menu.elegant-theme .allergens{background:linear-gradient(135deg,#fef2f2,#fecaca);border-left-color:#f87171;color:#dc2626}.public-menu.elegant-theme .menu-footer{background:linear-gradient(135deg,#92400e,#78350f)}.public-menu.colorful-theme{background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.public-menu.colorful-theme .category-nav{background:linear-gradient(135deg,#fff,#fdf2f8);border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#ec4899,#f59e0b,#10b981,#3b82f6) 1}.public-menu.colorful-theme .category-nav button{background:linear-gradient(135deg,#fdf2f8,#fce7f3);color:#be185d}.public-menu.colorful-theme .category-nav button:hover{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9d174d}.public-menu.colorful-theme .category-nav button.active{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.public-menu.colorful-theme .menu-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ec4899,#f59e0b 50%,#10b981);-webkit-background-clip:text;background-clip:text}.public-menu.colorful-theme .menu-section h2:after{background:linear-gradient(90deg,#ec4899,#f59e0b,#10b981,#3b82f6);height:4px}.public-menu.colorful-theme .menu-item{background:linear-gradient(135deg,#fff,#fdf2f8);border:2px solid #f9a8d4}.public-menu.colorful-theme .menu-item:before{background:linear-gradient(90deg,#ec4899,#f59e0b,#10b981,#3b82f6,#8b5cf6)}.public-menu.colorful-theme .menu-item:hover{background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.public-menu.colorful-theme .item-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#ea580c);-webkit-background-clip:text;background-clip:text}.public-menu.colorful-theme .ingredients{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left-color:#3b82f6;color:#1e40af}.public-menu.colorful-theme .allergens{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b;color:#d97706}.public-menu.colorful-theme .menu-footer{background:linear-gradient(135deg,#be185d,#9d174d)}.floating-translator{position:fixed!important;z-index:1001!important}.language-menu{z-index:1002!important}.public-menu.dark-theme .floating-translator .translator-button{background:linear-gradient(135deg,#334155,#475569);border-color:#64748b;box-shadow:0 10px 25px -5px #0000004d,0 4px 6px -2px #0003}.public-menu.dark-theme .floating-translator .translator-button:hover{box-shadow:0 15px 35px -5px #8b5cf680,0 8px 15px -3px #8b5cf666}.public-menu.dark-theme .language-menu{background:#334155;border-color:#64748b}.public-menu.dark-theme .language-menu-header{background:linear-gradient(135deg,#475569,#64748b);border-bottom-color:#64748b;color:#f1f5f9}.public-menu.dark-theme .language-option{color:#cbd5e1}.public-menu.dark-theme .language-option:hover{background:linear-gradient(135deg,#475569,#64748b)}.public-menu.dark-theme .language-option.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.public-menu.elegant-theme .floating-translator .translator-button{background:linear-gradient(135deg,#fff,#fefce8);border-color:#fde68a;box-shadow:0 10px 25px -5px #f59e0b33,0 4px 6px -2px #f59e0b1a}.public-menu.elegant-theme .floating-translator .translator-button:hover{box-shadow:0 15px 35px -5px #f59e0b66,0 8px 15px -3px #f59e0b4d}.public-menu.colorful-theme .floating-translator .translator-button{background:linear-gradient(135deg,#fff,#fdf2f8);border-color:#f9a8d4;box-shadow:0 10px 25px -5px #ec489933,0 4px 6px -2px #ec48991a}.public-menu.colorful-theme .floating-translator .translator-button:hover{box-shadow:0 15px 35px -5px #ec489966,0 8px 15px -3px #ec48994d}@media (max-width:768px){.public-menu.elegant-theme .menu-section h2{font-size:2rem}}@media (max-width:480px){.public-menu.elegant-theme .menu-section h2{font-size:1.75rem}}.language-selector{bottom:20px;position:fixed;right:20px;z-index:1000}.language-selector-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 12px #00000026;cursor:pointer;display:flex;height:56px;justify-content:center;padding:0;transition:all .2s ease;width:56px}.language-selector-button:hover{background:#f9fafb;box-shadow:0 4px 20px #00000040;transform:translateY(-2px) scale(1.05)}.flag{align-items:center;display:flex;font-size:28px;justify-content:center;line-height:1}.language-dropdown{animation:dropdownSlideUp .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 10px 25px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.language-option{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:all .15s ease;width:100%}.language-option:hover{background:#f3f4f6;color:#111827}.language-option.active{background:#eff6ff;color:#1e40af;font-weight:500}.language-option:not(:last-child){border-bottom:1px solid #f3f4f6}.lang-name{flex:1 1}.check-icon{color:#1e40af;flex-shrink:0}@media (max-width:768px){.language-selector{bottom:15px;right:15px}.language-selector-button{height:48px;width:48px}.flag{font-size:24px}.language-dropdown{min-width:180px}.language-option{font-size:13px;padding:10px 14px}}.reservation-layout{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.reservation-header{margin-bottom:3rem;text-align:center}.reservation-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 1px 2px #0000001a}.reservation-header p{color:#6b7280;font-size:1.1rem;margin:0}.restaurant-name{margin-bottom:1.5rem}.restaurant-name h2{color:#e74c3c;font-size:1.8rem;font-weight:600;letter-spacing:-.025em;margin:0;text-align:center}.reservation-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.selection-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:2rem}.panel-section{margin-bottom:2.5rem}.panel-section:last-child{margin-bottom:0}.panel-section h3{align-items:center;color:#374151;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.party-size-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.party-size-button{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;transition:all .2s ease}.party-size-button:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px)}.party-size-button.selected{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.party-size-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.party-size-select:focus{border-color:#3b82f6;outline:none}.date-picker{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:1.1rem;padding:1rem;position:relative;transition:all .2s ease;width:100%}.date-picker:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-picker:hover{background:#eff6ff;border-color:#3b82f6}.date-picker::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');background-position:50%;background-repeat:no-repeat;background-size:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.date-picker:hover::-webkit-calendar-picker-indicator{opacity:1}.calendar-container{width:100%}.calendar-widget{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden}.calendar-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.calendar-month-year{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.calendar-nav-button{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.calendar-nav-button:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.calendar-day-names{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-name{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem .5rem;text-align:center;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-date{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #f3f4f6;border-left:none;border-top:none;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;transition:all .2s ease}.calendar-date:hover:not(:disabled){background:#eff6ff;color:#3b82f6;transform:scale(1.05)}.calendar-date-selected{background:#3b82f6!important;box-shadow:inset 0 0 0 2px #1d4ed8;color:#fff!important;font-weight:600}.calendar-date-today{background:#fef3c7;color:#d97706;font-weight:600}.calendar-date-today.calendar-date-selected{background:#3b82f6!important;color:#fff!important}.calendar-date-disabled{background:#f9fafb!important;color:#d1d5db!important;cursor:not-allowed!important}.calendar-date-disabled:hover{background:#f9fafb!important;transform:none!important}.calendar-date-other-month{background:#f9fafb;color:#d1d5db}.calendar-date-other-month:hover{background:#f9fafb;cursor:default;transform:none}.time-slots-container{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.time-slot-button{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem .5rem;text-align:center;transition:all .2s ease}.time-slot-button:hover{background:#ecfdf5;border-color:#10b981;transform:translateY(-1px)}.time-slot-button.selected{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff}.time-slot-button.unavailable{background:#f9fafb!important;border-color:#d1d5db!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.6}.time-slot-button.unavailable:hover{background:#f9fafb!important;border-color:#d1d5db!important;box-shadow:none!important;transform:none!important}.no-availability{background:#f9fafb;border-radius:8px;color:#6b7280;line-height:1.6;padding:2rem;text-align:center}.no-availability small{color:#9ca3af;font-size:.85rem}.details-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:2rem}.details-panel h3{align-items:center;color:#374151;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 0 2rem}.form-row{margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{color:#374151;font-size:.95rem;font-weight:600}.form-field input,.form-field textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-field input:focus,.form-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-field textarea{font-family:inherit;min-height:80px;resize:vertical}.special-requests-section{margin-bottom:1.5rem;margin-top:1.5rem}.special-requests-section label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.special-requests-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;min-height:120px;padding:.875rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.special-requests-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.message-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.message-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.message-icon{flex-shrink:0;font-size:1.2rem}.reserve-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.reserve-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.reserve-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.button-spinner,.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}.button-spinner{border-top-color:#fff}.panel-section{scroll-margin-top:100px;transition:all .3s ease}.panel-section.highlighted,.panel-section:target{background:#eff6ff80;border-radius:12px;box-shadow:0 8px 25px #3b82f626;margin:-1rem;padding:1rem;transform:scale(1.02)}@media (max-width:768px){.form-field input:focus,.form-field textarea:focus{box-shadow:0 0 0 3px #3b82f633,0 4px 12px #0000001a;transform:scale(1.02)}.party-size-button:hover,.time-slot-button:hover{transform:translateY(-2px) scale(1.05)}.calendar-date:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:scale(1.1)}}.time-slots-container{animation:slideInUp .5s ease-out}.details-panel{animation:slideInUp .6s ease-out}@media (max-width:768px){.reservation-content:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:3px;left:0;position:fixed;top:0;transition:width .3s ease;width:33%;width:var(--progress,33%);z-index:1000}.reservation-content[data-step="1"]:before{--progress:33%}.reservation-content[data-step="2"]:before{--progress:66%}.reservation-content[data-step="3"]:before{--progress:100%}.reservation-layout{padding:1rem}.reservation-header h1{font-size:2rem}.reservation-content{gap:2rem;grid-template-columns:1fr}.details-panel,.selection-panel{padding:1.5rem}.party-size-grid{grid-template-columns:repeat(4,1fr)}.time-slots-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.reservation-layout{padding:.5rem}.details-panel,.selection-panel{padding:1rem}.party-size-grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}.time-slots-container{grid-template-columns:repeat(2,1fr)}.calendar-date{font-size:.8rem}.calendar-month-year{font-size:1rem}.calendar-nav-button{font-size:1rem;height:32px;width:32px}}.step-complete{animation:checkmarkBounce .6s ease-out;color:#10b981;display:inline-block;font-size:1.1em;font-weight:600;margin-left:.5rem}@keyframes checkmarkBounce{0%{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.party-size-warning{align-items:flex-start;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.party-size-warning .warning-icon{flex-shrink:0;font-size:1.25rem}.party-size-warning p{color:#92400e;font-size:.875rem;line-height:1.5;margin:0}.data-protection-notice{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:1.5rem;margin-top:1.5rem;padding:1.25rem;transition:all .3s ease}.data-protection-notice:hover{box-shadow:0 2px 8px #3b82f61a}.data-protection-notice h4{align-items:center;color:#0369a1;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.data-protection-notice p{color:#075985;font-size:.875rem;line-height:1.6;margin:0}.public-reservation-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.public-reservation-loading{color:#374151;text-align:center}.public-reservation-loading h2{font-size:1.5rem;margin-bottom:1rem}.public-reservation-loading .spinner{animation:spin 1s linear infinite;border:3px solid #3741514d;border-radius:50%;border-top-color:#374151;height:40px;margin:0 auto;width:40px}.public-reservation-error{color:#374151;max-width:500px;text-align:center}.public-reservation-error h2{font-size:1.5rem;margin-bottom:1rem}.public-reservation-error p{font-size:1rem;line-height:1.6;opacity:.9}.public-cancellation-page{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);display:flex;justify-content:center;min-height:100vh;padding:2rem}.cancellation-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:600px;padding:2.5rem;width:100%}.cancellation-header{margin-bottom:2rem;text-align:center}.cancellation-header .cancel-icon{color:#ef4444;margin-bottom:1rem}.cancellation-header h1{color:#fff;font-size:2rem;font-weight:600;margin:0}.reservation-details{background:#0000004d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.reservation-details h3{color:#e5e7eb;font-size:1.125rem;margin:0 0 1rem}.detail-row{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#9ca3af;font-size:.875rem}.detail-row .value{color:#fff;font-weight:500}.cancellation-form{margin-top:2rem}.warning-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.warning-message svg{color:#fbbf24;flex-shrink:0}.warning-message p{color:#fef3c7;font-size:.875rem;line-height:1.5;margin:0}.form-group label{color:#e5e7eb;font-size:.875rem}.form-group textarea{background:#ffffffe6;border:1px solid #fff3;border-radius:8px;color:#000;font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.form-group textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.form-group textarea::placeholder{color:#6b7280;opacity:.8}.char-count{color:#6b7280;font-size:.75rem;margin-top:.25rem;text-align:right}.button-group{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary{background:#0000;border:2px solid #fff3;color:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;color:#fff}.btn-cancel{background:linear-gradient(145deg,#dc2626,#ef4444);color:#fff}.btn-cancel:hover:not(:disabled){background:linear-gradient(145deg,#b91c1c,#dc2626);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-cancel:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.cancellation-success{padding:2rem;text-align:center}.cancellation-success .success-icon{color:#10b981;margin-bottom:1rem}.cancellation-success h2{color:#fff;font-size:1.75rem;margin:0 0 1rem}.cancellation-success p{color:#e5e7eb;font-size:1rem;margin:.5rem 0}.cancellation-success .redirect-message{color:#9ca3af;font-size:.875rem;margin-top:1.5rem}.loading{padding:3rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#ef4444;height:48px;margin:0 auto 1rem;width:48px}.loading p{color:#e5e7eb;font-size:1rem;margin:0}@media (max-width:768px){.public-cancellation-page{padding:1rem}.cancellation-container{padding:1.5rem}.cancellation-header h1{font-size:1.5rem}.button-group{flex-direction:column}.btn-cancel,.btn-secondary{width:100%}}.migration-panel{background:#1a1a1a;border-radius:12px;color:#fff;margin:0 auto;max-width:1000px;padding:2rem}.migration-header{margin-bottom:2rem}.header-content{align-items:center;display:flex;gap:1rem}.header-content h2{font-size:1.5rem;font-weight:700;margin:0}.header-content p{color:#aaa;font-size:.9rem;margin:0}.migration-benefits{margin-bottom:2rem}.migration-benefits h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.benefits-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:1rem;padding:1rem}.benefit-card h4{font-size:.9rem;font-weight:600;margin:0 0 .25rem}.benefit-card p{color:#ccc;font-size:.8rem;margin:0}.migration-structure{margin-bottom:2rem}.migration-structure h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.structure-comparison{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.structure-after,.structure-before{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.structure-after h4,.structure-before h4{font-size:.9rem;margin:0 0 .5rem}.structure-after code,.structure-before code{color:#e5e5e5;display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.4;white-space:pre}.migration-actions{display:flex;gap:1rem;margin-bottom:2rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#6b7280;cursor:not-allowed}.btn-primary.running{background:#059669}.btn-secondary{background:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover{background:#fff3}.migration-progress{margin-bottom:2rem}.migration-progress h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.progress-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;padding:1rem}.progress-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.collection-name{flex:1 1;font-weight:600}.progress-numbers{color:#ccc;font-size:.9rem}.error-count{color:#ef4444;margin-left:.5rem}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.migration-result{border-radius:8px;margin-bottom:2rem;padding:1.5rem}.migration-result.success{background:#22c55e1a;border:1px solid #22c55e4d}.migration-result.error{background:#ef44441a;border:1px solid #ef44444d}.result-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.result-header h3{font-size:1.1rem;margin:0}.result-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#ccc;font-size:.8rem}.stat-value{font-size:1.1rem;font-weight:600}.verification-result{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.verification-result h3{font-size:1.1rem;margin:0 0 1rem}.verification-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.verification-item{background:#ffffff0d;border-radius:6px;padding:1rem}.verification-item h4{font-size:.9rem;margin:0 0 .5rem;text-transform:capitalize}.verification-counts{align-items:center;color:#ccc;display:flex;font-size:.8rem;gap:1rem}.migration-notes{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.migration-notes h3{font-size:1.1rem;margin:0 0 1rem}.migration-notes ul{margin:0;padding-left:1.5rem}.migration-notes li{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}@media (max-width:768px){.migration-panel{padding:1rem}.structure-comparison{grid-template-columns:1fr}.migration-actions,.result-stats{flex-direction:column}.result-stats{gap:1rem}.verification-grid{grid-template-columns:1fr}}:root{--primary-color:#e74c3c;--primary-dark:#c0392b;--primary-light:#f39c12;--secondary-color:#2c3e50;--secondary-light:#34495e;--accent-color:#27ae60;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--text-light:#95a5a6;--background-primary:#fff;--background-secondary:#f8f9fa;--background-gradient:linear-gradient(135deg,#667eea,#764ba2);--shadow-light:0 2px 10px #00000014;--shadow-medium:0 4px 20px #0000001f;--shadow-heavy:0 10px 40px #00000026;--border-radius:12px;--border-radius-large:20px;--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-medium:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--background-secondary);color:#2c3e50;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.App:before{background:radial-gradient(circle at 20% 80%,#e74c3c1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#3498db1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#9b59b60d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}main{animation:fadeInUp .6s ease-out;flex:1 1}main:not(.home-page):not(.reservation-tool){padding-top:2rem}@media (max-width:768px){main:not(.home-page):not(.reservation-tool){padding-top:1rem}}.reservation-tool{height:100vh;overflow:hidden;padding:0!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.btn{align-items:center;background:#e74c3c;background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #00000014;box-shadow:var(--shadow-light);color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;letter-spacing:.025em;overflow:hidden;padding:.875rem 2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium)}.btn-accent{background:#27ae60!important;background:var(--accent-color)!important;color:#fff!important}.btn-accent:hover{background:#229954!important;transform:translateY(-2px)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium);width:100%}.btn:hover{background:#c0392b;background:var(--primary-dark);box-shadow:0 4px 20px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn:hover:before{left:100%}.btn:active{transform:translateY(0)}.btn-secondary{background:#95a5a6;background:var(--text-light);color:#fff}.btn-secondary:hover{background:#3498db!important;border-color:#3498db!important;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #e74c3c;border:2px solid var(--primary-color);color:#e74c3c;color:var(--primary-color)}.btn-outline:hover{background:#e74c3c;background:var(--primary-color);color:#fff}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:#2c3e50;color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;letter-spacing:.025em;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#fff;background:var(--background-primary);border:2px solid #e1e8ed;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#e74c3c;border-color:var(--primary-color);box-shadow:0 0 0 3px #e74c3c1a;outline:none;transform:translateY(-1px)}.form-group input:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:#cbd5e0}.error{color:#e74c3c;color:var(--primary-color);font-size:.85rem;font-weight:500;margin-top:.5rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideInLeft{animation:slideInLeft .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}.animate-slideInUp{animation:slideInUp .6s ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-bounce{animation:bounce 1s}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.card{background:#fff;background:var(--background-primary);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #00000014;box-shadow:var(--shadow-light);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-medium)}.card:hover{box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-8px)}.card-glassmorphism{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}.loading{align-items:center;color:#7f8c8d;color:var(--text-secondary);display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.loading:after{animation:spin 1s linear infinite;border:2px solid #e74c3c;border:2px solid var(--primary-color);border-radius:50%;border-top:2px solid #0000;content:"";height:20px;margin-left:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-contact-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);background:linear-gradient(135deg,var(--accent-color) 0,#229954 100%);border:none;border-radius:50px;bottom:2rem;box-shadow:0 8px 25px #27ae604d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:60px;padding:1rem 1.5rem;position:fixed;right:2rem;transition:all .3s ease;z-index:1000}.floating-contact-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);background:linear-gradient(135deg,#229954 0,var(--accent-color) 100%);box-shadow:0 12px 35px #27ae6066;transform:translateY(-3px) scale(1.05)}.floating-contact-btn:active{transform:translateY(-1px) scale(1.02)}.contact-icon{display:block;font-size:1.3rem}.contact-text{display:none;white-space:nowrap}.floating-contact-btn:hover .contact-text{display:block}@media (max-width:768px){.container{padding:0 1rem}.btn{font-size:.9rem;padding:.75rem 1.5rem}.floating-contact-btn{bottom:1rem;min-width:50px;padding:.8rem 1rem;right:1rem}.contact-icon{font-size:1.1rem}.floating-contact-btn:hover .contact-text{display:none}}@media (hover:none){.floating-contact-btn:hover{box-shadow:0 8px 25px #27ae604d;transform:none}.floating-contact-btn:hover .contact-text{display:none}}
/*# sourceMappingURL=main.ed31aee9.css.map*/