code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none;margin:0;padding:0}:root{--color-primary:#0070f3;--color-primary-hover:#0060df;--color-primary-dark:#0060df;--color-primary-light:#3291ff;--color-secondary:#7928ca;--color-secondary-dark:#6820b3;--color-purple:#6366f1;--color-purple-dark:#4f46e5;--color-bg-primary:#000;--color-bg-secondary:#111;--color-bg-tertiary:#1a1a1a;--color-bg-card:#111;--color-bg-card-hover:#1a1a1a;--color-bg-modal:#000000f2;--color-bg-footer:#000;--color-bg-hover:#1a1a1a;--color-text-primary:#fff;--color-text-secondary:#888;--color-text-tertiary:#666;--color-text-muted:#555;--color-border-primary:#333;--color-border-secondary:#222;--color-border-hover:#444;--color-shadow-primary:#0070f34d;--color-shadow-secondary:#0070f366;--color-shadow-dark:#0000004d;--color-shadow-darker:#00000080;--gradient-primary:linear-gradient(135deg,#0070f3,#7928ca);--gradient-primary-hover:linear-gradient(135deg,#0060df,#6820b3);--gradient-hero:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#475569 75%,#64748b);--gradient-cta:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#475569 75%,#64748b);--color-overlay-primary:radial-gradient(circle at 30% 20%,#0070f333 0%,#0000 60%);--color-overlay-secondary:radial-gradient(circle at 70% 80%,#7928ca26 0%,#0000 60%);--color-input-bg:#1a1a1a;--color-input-bg-focus:#222;--color-input-border:#333;--color-input-border-focus:#0070f3;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-text:#dc2626;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009;--shadow-2xl:0 25px 50px #000000b3;--shadow-primary:0 4px 15px var(--color-shadow-primary);--shadow-primary-hover:0 10px 25px var(--color-shadow-secondary);--shadow-card:0 1px 3px #0000004d,0 1px 2px #0003;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.btn-primary{background:linear-gradient(135deg,#0070f3,#7928ca);background:var(--gradient-primary);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 15px #0070f34d;box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 30px;text-align:center;text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0060df,#6820b3);background:var(--gradient-primary-hover);box-shadow:0 10px 25px #0070f366;box-shadow:var(--shadow-primary-hover);color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #ffffff4d;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:13px 28px;text-align:center;text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80;color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-google{align-items:center;background:#fff;border:2px solid #333;border:2px solid var(--color-border-primary);border-radius:8px;border-radius:var(--radius-md);color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;padding:14px 24px;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.btn-google:hover:not(:disabled){background:#f8f9fa;border-color:#444;border-color:var(--color-border-hover);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md)}.btn-google:disabled{cursor:not-allowed;opacity:.7}.btn-apple{align-items:center;background:#000;border:2px solid #333;border:2px solid var(--color-border-primary);border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;padding:14px 24px;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.btn-apple:hover:not(:disabled){background:#1a1a1a;border-color:#444;border-color:var(--color-border-hover);box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md)}.btn-apple:disabled{cursor:not-allowed;opacity:.7}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column,.flex-column-center{display:flex;flex-direction:column}.flex-column-center{align-items:center;justify-content:center}.full-width{width:100%}.text-center{text-align:center}.no-decoration{text-decoration:none}.cursor-pointer{cursor:pointer}.disabled{cursor:not-allowed;opacity:.7}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-md)}.section-padding{padding:3rem 0;padding:var(--spacing-xl) 0}.card{background:#111;background:var(--color-bg-card);border:1px solid #333;border:1px solid var(--color-border-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;box-shadow:var(--shadow-card);padding:2rem;padding:var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{background:#1a1a1a;background:var(--color-bg-card-hover);border-color:#444;border-color:var(--color-border-hover)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.form-group label{color:#fff}.form-group input,.form-group select,.form-group textarea{background:#1a1a1a;background:var(--color-input-bg);border:2px solid #333;border:2px solid var(--color-input-border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--color-text-primary);font-family:inherit;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;transition:border-color var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0070f3;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #0070f31a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-row{gap:1.5rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.form-actions{gap:12px;margin-top:1.5rem;margin-top:var(--spacing-md)}.upload-input{display:none}.upload-area{align-items:center;background:#111;background:var(--color-bg-secondary);border:2px dashed #222;border:2px dashed var(--color-border-secondary);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center;transition:all .3s ease;transition:all var(--transition-normal)}.upload-area:hover{background:#1a1a1a;background:var(--color-bg-hover);border-color:#0070f3;border-color:var(--color-primary)}.upload-text{color:#fff}.upload-help{color:#666}.btn-save{align-items:center;background:#0070f3;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;transition:all var(--transition-normal)}.btn-save:hover:not(:disabled){background:#0060df;background:var(--color-primary-hover);transform:translateY(-1px)}.btn-save:disabled{background:#555;background:var(--color-text-muted);cursor:not-allowed;transform:none}.btn-cancel{background:#111;background:var(--color-bg-secondary);border:1px solid #333;border:1px solid var(--color-border-primary);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;transition:all var(--transition-normal)}.btn-cancel,.btn-cancel:hover{color:#fff;color:var(--color-text-primary)}.btn-cancel:hover{background:#1a1a1a;background:var(--color-bg-tertiary)}.btn-danger{background:#ef4444;background:var(--color-error);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;transition:all var(--transition-normal)}.btn-danger:hover:not(:disabled){background:#dc2626;background:var(--color-error-hover);transform:translateY(-1px)}.btn-danger:disabled{cursor:not-allowed;opacity:.6;transform:none}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{min-height:100vh}.login-container{align-items:center;background:var(--gradient-hero);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-container:before{background:var(--color-overlay-primary),var(--color-overlay-secondary);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-modal);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:400px;padding:40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:var(--color-primary);font-size:1.5rem;font-weight:700;margin-bottom:8px}.login-header p{color:var(--color-text-secondary);font-size:1rem}.login-form{margin-bottom:30px}.form-group input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;padding:12px 16px;transition:all var(--transition-normal);width:100%}.form-group input:focus{background:var(--color-input-bg-focus);border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-options{font-size:.9rem;justify-content:space-between;margin-bottom:24px}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:var(--color-text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);margin-right:8px;width:auto}.forgot-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-normal)}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.login-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all var(--transition-normal);width:100%}.login-btn:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{border-top:1px solid var(--color-border-secondary);margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:15px}.login-footer a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-normal)}.login-footer a:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:1.8rem}.form-options{align-items:flex-start;flex-direction:column;gap:10px}}.divider{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;margin:1.5rem 0}.divider:after,.divider:before{background:var(--color-border-secondary);content:"";flex:1 1;height:1px}.divider span{background:var(--color-bg-modal);padding:0 1rem}.google-signin-btn{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:20px;padding:14px 24px;transition:all var(--transition-normal);width:100%}.google-signin-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-primary);transform:translateY(-1px)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.google-icon{font-size:1.2rem}.signup-container{align-items:center;background:var(--gradient-hero);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.signup-container:before{background:var(--color-overlay-primary),var(--color-overlay-secondary);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.signup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-modal);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;padding:40px;position:relative;width:100%;z-index:1}.signup-header{margin-bottom:30px;text-align:center}.signup-logo{margin-bottom:12px;max-width:400px;object-fit:contain;width:auto}.signup-header h1{color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:8px}.signup-header p{color:var(--color-text-secondary);font-size:1rem}.selected-plan-badge{background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-top:10px;padding:8px 16px}.step-indicator{align-items:center;display:flex;justify-content:center;padding:20px 0}.step-number{background:#e5e7eb;border:3px solid #d1d5db;border-radius:50%;color:#9ca3af;font-size:1.2rem;height:48px;position:relative;transition:all var(--transition-normal);width:48px;z-index:2}.step-number.active{animation:pulse-green 2s infinite;background:var(--gradient-primary);border-color:#10b981;border-width:4px;box-shadow:0 0 0 3px #10b9814d,0 4px 12px #10b98166;color:#fff;transform:scale(1.15)}.step-number.completed{background:#10b981;border-color:#10b981;box-shadow:0 0 0 2px #10b9814d;color:#fff;transform:scale(1.05)}@keyframes pulse-green{0%,to{box-shadow:0 0 0 3px #10b9814d,0 4px 12px #10b98166}50%{box-shadow:0 0 0 5px #10b98133,0 4px 12px #10b98199}}.step-number.completed:after{content:"✓";font-size:1rem;font-weight:900;position:absolute}.step-line{background:#d1d5db;border-radius:2px;flex:1 1;height:4px;margin:0 12px;position:relative;transition:all var(--transition-normal);z-index:1}.step-number.completed+.step-line{background:#10b981;box-shadow:0 0 4px #10b98166}.step-number.active+.step-line{background:#d1d5db}.signup-form{margin-bottom:30px}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#ef4444;font-size:.9rem;padding:12px 16px}.step-content h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:8px;text-align:center}.step-subtitle{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:30px;text-align:center}.sign-up-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group label{display:block}.form-group input,.form-group select{padding:12px 16px;transition:all var(--transition-normal);width:100%}.form-group input:focus,.form-group select:focus{background:var(--color-input-bg-focus);border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder{color:var(--color-text-secondary)}.form-select{cursor:pointer}.button-group{display:flex;gap:12px;margin-bottom:30px}.button-group .btn-primary,.button-group .btn-secondary{flex:1 1}.signup-card .btn-primary,.signup-card .btn-secondary{font-size:1rem;padding:14px 24px;width:100%}.signup-card .btn-secondary{border-color:var(--color-border-secondary);color:var(--color-text-secondary)}.signup-card .btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.features-preview{background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.features-preview h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:12px}.features-preview ul{list-style:none;margin:0;padding:0}.features-preview li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;margin-bottom:6px}.features-preview li:before{color:var(--color-primary);content:"✓";font-weight:700;margin-right:8px}.signup-terms{color:var(--color-text-secondary);font-size:.8rem;line-height:1.4;text-align:center}.signup-terms a{color:var(--color-primary);text-decoration:none}.signup-terms a:hover{text-decoration:underline}.signup-footer{border-top:1px solid var(--color-border-secondary);margin-top:30px;padding-top:20px;text-align:center}.signup-footer p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:15px}.signup-footer a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-normal)}.signup-footer a:hover{color:var(--color-primary-dark);text-decoration:underline}.back-link{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.9rem;transition:color var(--transition-normal)}.back-link:hover{color:var(--color-text-primary)}.business-summary{background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:30px;padding:20px}.business-summary h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:15px;text-align:center}.summary-item{border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-secondary);display:flex;font-size:.95rem;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-item strong{color:var(--color-text-primary)}.form-group input.error,.form-group select.error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.field-error{align-items:center;color:var(--color-error);display:flex;font-size:.8rem;gap:4px;margin-top:4px}.field-error:before{content:"⚠";font-size:.9rem}.password-strength{align-items:center;display:flex;gap:12px;margin-top:8px}.strength-bar{background:var(--color-border-secondary);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:all var(--transition-normal)}.strength-text{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quick-signup,.signup-options{margin-bottom:30px}.signup-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.signup-divider:after,.signup-divider:before{background:var(--color-border-secondary);content:"";flex:1 1;height:1px}.signup-divider span{background:var(--color-bg-modal);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;padding:0 16px}.email-signup-section{margin-top:20px}.email-signup-note{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:15px;text-align:center}@media (max-width:768px){.step-indicator{margin-bottom:30px;padding:15px 0}.step-number{font-size:1.1rem;height:42px;width:42px}.step-line{margin:0 8px}}@media (max-width:600px){.signup-card{margin:10px;padding:30px 20px}.signup-logo{height:40px;margin-bottom:10px;max-width:160px}.signup-header h1{font-size:1.8rem}.step-indicator{margin-bottom:25px;padding:10px 0}.step-number{font-size:1rem;height:36px;width:36px}.step-line{margin:0 6px}.sign-up-form-row{gap:0;grid-template-columns:1fr}.button-group{flex-direction:column;gap:12px}.step-content h2{font-size:1.3rem}.step-subtitle{font-size:.9rem}.business-summary{padding:15px}.summary-item{flex-direction:column;gap:4px;padding:12px 0;text-align:left}.summary-item strong{font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.password-strength{align-items:stretch;flex-direction:column;gap:8px}.strength-text{text-align:center}}.landing-page__container{margin:0 auto;max-width:1200px;padding:0 20px}.hero{align-items:center;background:var(--gradient-hero);color:#fff;display:flex;min-height:100vh;padding:120px 0 80px;position:relative}.hero:before{background:var(--color-overlay-primary),var(--color-overlay-secondary);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:40px;opacity:.9}.hero .btn-primary{width:50%}.hero-image{align-items:center;display:flex;justify-content:center}.mockup-phone{background:linear-gradient(145deg,var(--color-bg-secondary),var(--color-bg-tertiary));border-radius:40px;box-shadow:0 20px 40px var(--color-shadow-darker),0 0 0 2px var(--color-border-primary),0 0 0 6px var(--color-border-secondary);padding:8px;position:relative;transform:rotate(-5deg)}.mockup-phone:before{background:#000;border-radius:3px;content:"";height:6px;left:50%;position:absolute;top:15px;transform:translateX(-50%);width:60px;z-index:1}.phone-screen{background:#fff;border:1px solid #444;border-radius:32px;height:500px;overflow:hidden;position:relative;width:280px}.phone-screenshot{border-radius:31px;height:100%;object-fit:cover;width:100%}.hero-foodtruck{filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));height:auto;max-width:800px;object-fit:contain;width:100%}.features{background:var(--color-bg-primary);padding:100px 0}.features h2{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:1px solid #9366fc33;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px 30px;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{background:var(--gradient-primary-hover);border-color:#8b5cf666;box-shadow:0 20px 40px #8b5cf64d;transform:translateY(-5px)}.feature-card.featured-card{background:linear-gradient(var(--color-bg-card),var(--color-bg-card)) padding-box,var(--gradient-primary) border-box;border:2px solid #0000;box-shadow:0 10px 30px #0070f366;position:relative;transform:scale(1.05)}.feature-card.featured-card:before{background:var(--gradient-primary);border-radius:var(--radius-lg);bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}.feature-card.featured-card:hover{box-shadow:0 25px 50px #0070f380;transform:scale(1.05) translateY(-8px)}.feature-card.featured-card .feature-icon{color:var(--color-text-primary);text-shadow:0 0 20px #fff9}.feature-card.featured-card h3{color:var(--color-text-primary)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin-bottom:15px}.feature-card p{color:var(--color-text-primary);line-height:1.6}.pricing{background:var(--color-bg-primary);padding:80px 0}.pricing h2{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center}.billing-toggle{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:50px;padding:0 20px}.toggle-label{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500;position:relative;transition:color var(--transition-normal)}.toggle-label.active{color:var(--color-text-primary);font-weight:600}.toggle-switch{background:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);border-radius:16px;cursor:pointer;height:32px;position:relative;transition:background-color var(--transition-normal);width:60px}.toggle-switch:hover{background:var(--color-bg-secondary)}.toggle-slider{background:var(--gradient-primary);border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:2px;position:absolute;top:2px;transition:transform var(--transition-normal);width:24px}.toggle-slider.yearly{transform:translateX(28px)}.savings-badge{background:var(--gradient-primary);border-radius:12px;box-shadow:var(--shadow-sm);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:8px;padding:4px 8px;vertical-align:top}.pricing-grid{display:flex;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-content:center}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:2px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);box-shadow:var(--transition-normal);display:flex;flex-direction:column;height:100%;padding:40px;position:relative;text-align:center;transition:transform var(--transition-normal);width:40%}.pricing-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-5px)}.pricing-card.featured{border:3px solid var(--color-primary);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.pricing-badge{background:var(--gradient-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-primary);color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:8px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.pricing-header h3{color:var(--color-text-primary);margin-bottom:20px}.currency,.pricing-header h3{font-size:1.5rem;font-weight:600}.currency{vertical-align:top}.amount,.currency{color:var(--color-primary)}.amount{font-size:3.5rem;font-weight:700;margin:0 2px;transition:all var(--transition-normal)}.cents{color:var(--color-primary);font-size:1.5rem;font-weight:600;vertical-align:top}.period{font-size:1rem;font-weight:500;transition:all var(--transition-normal)}.period,.yearly-note{color:var(--color-text-secondary)}.yearly-note{font-size:.9rem;font-style:italic;margin-bottom:20px;opacity:.8;text-align:center}.pricing-features ul{flex-grow:1;list-style:none;margin-bottom:30px;text-align:left}.pricing-features li{color:var(--color-text-primary);font-size:1rem;padding:8px 0}.pricing-btn,.pricing-button{margin-top:auto;width:100%}.pricing-button{border:none;cursor:pointer;display:inline-block;font:inherit;text-decoration:none}.pricing-button:disabled{cursor:not-allowed;opacity:.7}.how-it-works{background:var(--color-bg-primary);padding:100px 0}.how-it-works h2{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.step-number{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.step h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin-bottom:15px}.step p{color:var(--color-text-secondary);line-height:1.6}.cta{background:var(--gradient-cta);color:#fff;padding:100px 0;position:relative;text-align:center}.cta:before{background:var(--color-overlay-primary),var(--color-overlay-secondary);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cta h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{min-width:200px}@media (max-width:768px){.hero-container{gap:40px;grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.5rem}.hero-buttons{justify-content:center}.features-grid,.steps{grid-template-columns:1fr}.step-number{margin:0 auto 20px}.pricing-grid{align-items:center;display:flex;gap:30px;grid-template-columns:1fr;margin:0 20px}.pricing-card{width:100%}.pricing-card.featured:hover{transform:translateY(-5px)}.billing-toggle{gap:15px;margin-bottom:40px;padding:0 10px}.toggle-label{font-size:1rem}.toggle-switch{height:34px;width:65px}.toggle-slider{height:26px;width:26px}.toggle-slider.yearly{transform:translateX(31px)}.savings-badge{font-size:.75rem;margin-left:8px;padding:5px 10px}.yearly-note{font-size:.85rem}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{min-width:250px}}@media (max-width:480px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.btn-primary,.btn-secondary{font-size:1rem;padding:12px 24px}.pricing-grid{margin:0 10px}.pricing-card{padding:25px 20px}.pricing-badge{font-size:.8rem;padding:6px 16px}.billing-toggle{align-items:center;flex-direction:column;gap:15px;margin-bottom:30px}.toggle-label{font-size:1rem;text-align:center}.toggle-switch{border-radius:18px;height:36px;order:1;width:70px}.toggle-slider{height:28px;left:2px;top:2px;width:28px}.toggle-slider.yearly{transform:translateX(34px)}.savings-badge{border-radius:16px;display:block;font-size:.75rem;margin:8px 0 0;padding:6px 12px}.yearly-note{font-size:.8rem;margin-top:8px}.mockup-phone{transform:none}.phone-screen{height:400px;width:240px}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-modal);border-bottom:1px solid var(--color-border-secondary);box-shadow:none;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.nav-logo-img{object-fit:contain;width:20rem}.nav-links{display:flex;gap:30px}.nav-links a{color:var(--color-text-primary);font-weight:500;text-decoration:none;transition:color var(--transition-normal)}.nav-links a:hover{color:var(--color-primary)}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:8px;z-index:1000}.hamburger-line{background-color:var(--color-text-primary);border-radius:2px;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-modal);border-bottom:1px solid var(--color-border-secondary);box-shadow:var(--shadow-xl);display:none;flex-direction:column;left:0;opacity:0;padding:20px;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;z-index:999}.mobile-nav.active{opacity:1;transform:translateY(0)}.mobile-nav a{border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-primary);font-size:1.1rem;font-weight:500;padding:15px 0;text-decoration:none;transition:color var(--transition-normal)}.mobile-nav a:last-child{border-bottom:none}.mobile-nav a:hover{color:var(--color-primary)}@media (max-width:768px){.desktop-nav{display:none}.hamburger,.mobile-nav{display:flex}.nav-logo-img{width:15rem}}.hamburger.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.footer{background:var(--color-bg-footer);border-top:1px solid var(--color-border-secondary);color:#fff;padding:60px 0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.footer-section h3,.footer-section h4{color:#f9fafb;margin-bottom:20px}.footer-section h3{color:var(--color-primary);font-size:1.2rem}.footer-section p{color:#9ca3af;line-height:1.6}.footer-section a{color:#9ca3af;display:block;margin-bottom:10px;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border-secondary);color:var(--color-text-muted);padding-top:20px;text-align:center}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}}.publication-checklist{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:25px}.publication-checklist,.publication-checklist-compact{background:var(--color-bg-card);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.publication-checklist-compact{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:16px}.checklist-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-content{align-items:flex-start;gap:12px}.checklist-icon{color:var(--color-primary);flex-shrink:0;font-size:20px;margin-top:2px}.header-text h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin:0 0 4px}.header-text p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.completion-stats{display:flex;gap:20px;text-align:center}.stat{align-items:center;display:flex;flex-direction:column}.stat-number{color:var(--color-text-primary);font-size:20px;line-height:1}.stat-label{color:var(--color-text-secondary);font-size:.7rem;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.progress-section{margin-bottom:24px}.progress-bar-container{margin-bottom:12px}.progress-bar-container.optional{opacity:.7}.progress-bar{background-color:var(--color-bg-secondary);height:8px;margin-bottom:4px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-sm)}.progress-fill{background:var(--gradient-primary);height:100%;transition:width var(--transition-normal)}.progress-text{color:var(--color-text-secondary);font-size:.75rem}.checklist-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-info{align-items:center;display:flex;flex:1 1;gap:8px}.progress-icon{color:var(--color-primary);flex-shrink:0;font-size:16px}.progress-summary{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:500}.progress-details{color:var(--color-text-secondary);font-size:.75rem}.progress-percentage{color:var(--color-primary);font-size:1rem;font-weight:600}.checklist-items{margin-bottom:24px}.optional-items,.required-items{margin-bottom:20px}.optional-items h4,.required-items h4{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.required-items h4{color:var(--color-error)}.optional-items h4{color:var(--color-success)}.checklist-item{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;gap:12px;padding:12px 0;transition:all var(--transition-normal)}.checklist-item:last-child{border-bottom:none}.checklist-item.completed{opacity:.8}.item-status{flex-shrink:0}.status-icon{border-radius:50%;font-size:16px;padding:4px}.status-icon.completed{background-color:var(--color-success);color:#fff}.status-icon.incomplete{background-color:var(--color-bg-secondary);color:var(--color-error)}.item-content{flex:1 1}.item-label{color:var(--color-text-primary);font-size:.9rem;font-weight:500;margin-bottom:2px}.item-description{color:var(--color-text-secondary);font-size:.8rem}.item-action{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:6px 12px;transition:all var(--transition-normal);white-space:nowrap}.item-action:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.item-action svg{font-size:10px}.checklist-actions{border-top:1px solid var(--color-border-secondary);padding-top:20px}.publish-btn{border-radius:var(--radius-md);font-size:.9rem;gap:8px;justify-content:center;padding:12px 24px;transition:all var(--transition-normal);width:100%}.publish-btn.publish-ready{background:var(--gradient-primary);color:#fff}.publish-btn.publish-ready:hover{box-shadow:var(--shadow-primary-hover);transform:translateY(-1px)}.publish-btn.publish-ready:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.publish-btn.publish-disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.publication-checklist-compact .publish-btn{font-size:.8rem;margin-top:12px;padding:10px 20px}@media (max-width:768px){.publication-checklist{padding:16px}.checklist-header{flex-direction:column;gap:16px}.completion-stats{align-self:stretch;justify-content:space-around}.checklist-item{padding:10px 0}.item-action{font-size:11px;padding:4px 8px}.progress-info{align-items:flex-start;flex-direction:column;gap:4px}}.publication-status-preview{margin-bottom:24px}.business-info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.business-info-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:25px;transition:all var(--transition-normal)}.business-info-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.business-info-card h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.business-detail{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.business-detail label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;font-weight:500;gap:6px;letter-spacing:.5px;text-transform:uppercase}.detail-icon{height:14px;width:14px}.business-value{color:var(--color-text-primary);font-size:1rem;font-weight:500}.plan-badge{border-radius:var(--radius-md);display:inline-block;font-size:.8rem;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.plan-free{background:#9ca3af1a;border:1px solid #9ca3af4d;color:#6b7280}.plan-premium{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.plan-enterprise{background:#a855f71a;border:1px solid #a855f74d;color:#a855f7}.email-container,.phone-container{align-items:center;display:flex;gap:8px}.email-display,.phone-display{align-items:center;display:flex;flex:1 1;justify-content:space-between}.email-edit-btn,.phone-edit-btn,.share-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;padding:4px;transition:all var(--transition-normal)}.email-edit-btn:hover,.phone-edit-btn:hover,.share-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.email-edit-btn svg,.phone-edit-btn svg,.share-edit-btn svg{height:14px;width:14px}.email-edit,.phone-edit{align-items:center;display:flex;flex:1 1;gap:8px}.email-input,.phone-input{background:var(--color-input-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-size:.9rem;padding:8px 12px;transition:all var(--transition-normal)}.email-input:focus,.phone-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0070f31a;outline:none}.email-actions,.phone-actions{display:flex;gap:4px}.email-action-btn,.phone-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:4px;padding:6px;transition:all var(--transition-normal)}.email-action-btn.save,.phone-action-btn.save{color:var(--color-success)}.email-action-btn.save:hover,.phone-action-btn.save:hover{background:#10b9811a}.email-action-btn.cancel,.phone-action-btn.cancel{color:var(--color-text-secondary)}.email-action-btn.cancel:hover,.phone-action-btn.cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.email-action-btn svg,.phone-action-btn svg{height:14px;width:14px}.logo-container{display:flex;flex-direction:column;gap:12px}.logo-display{gap:16px}.logo-display,.logo-preview{align-items:center;display:flex}.logo-preview{background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);height:80px;justify-content:center;overflow:hidden;width:80px}.business-logo-image{height:100%;object-fit:cover;width:100%}.logo-actions{align-items:center;display:flex;gap:8px}.logo-upload-input{display:none}.logo-upload-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all var(--transition-normal)}.logo-upload-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.logo-upload-btn svg{height:14px;width:14px}.logo-change-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;text-decoration:none;transition:all var(--transition-normal)}.logo-change-btn:hover{background:var(--color-bg-hover);color:var(--color-primary-dark)}.logo-change-btn svg{height:14px;width:14px}.logo-remove-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all var(--transition-normal)}.logo-remove-btn:hover{background:#ef44441a}.logo-remove-btn:disabled{cursor:not-allowed;opacity:.5}.logo-remove-btn svg{height:14px;width:14px}.logo-upload-area{align-items:center;display:flex;justify-content:center}.logo-upload-placeholder{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:200px;padding:24px;text-align:center;transition:all var(--transition-normal)}.logo-upload-placeholder:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.upload-icon{height:24px;width:24px}.upload-text{font-size:.9rem}.upload-help{font-size:.8rem}.name-container,.name-display{align-items:center;display:flex;gap:8px}.name-display{flex:1 1;justify-content:space-between}.name-edit-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;padding:4px;transition:all var(--transition-normal)}.name-edit-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.name-edit-btn svg{height:14px;width:14px}.name-edit{align-items:center;display:flex;flex:1 1;gap:8px}.name-input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-size:.9rem;font-weight:500;padding:8px 12px;transition:border-color var(--transition-normal)}.name-input:focus{border-color:var(--color-primary);outline:none}.name-actions{display:flex;gap:4px}.name-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all var(--transition-normal)}.name-action-btn svg{height:14px;width:14px}.name-action-btn.save{color:#10b981}.name-action-btn.save:hover{background:#10b9811a}.name-action-btn.save:disabled{color:#9ca3af;cursor:not-allowed}.name-action-btn.cancel{color:#ef4444}.name-action-btn.cancel:hover{background:#ef44441a}.name-action-btn:disabled{cursor:not-allowed;opacity:.5}.social-container{align-items:center;display:flex;gap:8px}.social-display{align-items:center;display:flex;flex:1 1;justify-content:space-between}.social-buttons{align-items:center;display:flex;gap:4px}.social-edit-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;padding:4px;transition:all var(--transition-normal)}.social-edit-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.social-edit-btn svg{height:14px;width:14px}.social-visit-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:flex;padding:4px;transition:all var(--transition-normal)}.social-visit-btn:hover{background:var(--color-bg-hover);color:var(--color-primary-dark);transform:translateY(-1px)}.social-visit-btn svg{height:14px;width:14px}.social-edit{align-items:center;display:flex;flex:1 1;gap:8px}.social-input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-size:.9rem;padding:8px 12px;transition:border-color var(--transition-normal)}.social-input:focus{border-color:var(--color-primary);outline:none}.social-actions{display:flex;gap:4px}.social-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all var(--transition-normal)}.social-action-btn svg{height:14px;width:14px}.social-action-btn.save{color:#10b981}.social-action-btn.save:hover{background:#10b9811a}.social-action-btn.cancel{color:#ef4444}.social-action-btn.cancel:hover{background:#ef44441a}.social-action-btn:disabled{cursor:not-allowed;opacity:.5}.domain-container{align-items:center;display:flex;gap:8px}.domain-display{align-items:center;display:flex;flex:1 1;justify-content:space-between}.domain-buttons{align-items:center;display:flex;gap:4px}.domain-edit-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;padding:4px;transition:all var(--transition-normal)}.domain-edit-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.domain-edit-btn svg{height:14px;width:14px}.domain-visit-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:flex;padding:4px;transition:all var(--transition-normal)}.domain-visit-btn:hover{background:var(--color-bg-hover);color:var(--color-primary-dark);transform:translateY(-1px)}.domain-visit-btn svg{height:14px;width:14px}.domain-edit{align-items:center;display:flex;flex:1 1;gap:8px}.domain-input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-size:.9rem;padding:8px 12px;transition:border-color var(--transition-normal)}.domain-input:focus{border-color:var(--color-primary);outline:none}.domain-actions{display:flex;gap:4px}.domain-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all var(--transition-normal)}.domain-action-btn svg{height:14px;width:14px}.domain-action-btn.save{color:#10b981}.domain-action-btn.save:hover{background:#10b9811a}.domain-action-btn.cancel{color:#ef4444}.domain-action-btn.cancel:hover{background:#ef44441a}.domain-action-btn:disabled{cursor:not-allowed;opacity:.5}.domain-help{color:var(--color-text-tertiary);font-size:.8rem;line-height:1.4;margin-top:4px}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:25px}.stat-card h3{color:var(--color-text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-number{color:var(--color-primary);font-size:2.5rem;font-weight:700;margin:0}.stat-description{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:0;margin-top:8px}.dashboard-recent{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-top:30px;padding:25px}.dashboard-recent h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:15px}.dashboard-recent p{color:var(--color-text-secondary);font-style:italic;margin:0}.indent{margin-left:20px}.qr-code-row{align-items:center;display:flex;gap:12px}@media (max-width:768px){.business-info-section,.dashboard-stats{grid-template-columns:1fr}.business-info-card{padding:20px}.name-edit{flex-direction:column;gap:12px}.name-input{width:100%}.email-edit,.phone-edit{flex-direction:column;gap:12px}.email-input,.phone-input{width:100%}.name-actions{align-self:flex-end}.domain-edit{flex-direction:column;gap:12px}.domain-input{width:100%}.domain-actions{align-self:flex-end}.social-edit{flex-direction:column;gap:12px}.social-input{width:100%}.social-actions{align-self:flex-end}.business-detail{margin-bottom:20px}.logo-display{align-items:center;flex-direction:column;gap:12px}.logo-preview{height:100px;width:100px}.logo-upload-placeholder{min-width:100%;padding:20px}}.website-status-section{display:flex;flex-direction:column;gap:1.5rem}.website-status{align-items:center;display:flex;gap:1rem}.status-info{flex:1 1}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding:.5rem 1rem}.status-badge.published{background-color:#d1fae5;color:#065f46}.status-badge.draft{background-color:#fef3c7;color:#92400e}.status-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.website-actions{gap:1rem}.publish-btn,.website-actions{align-items:center;display:flex}.publish-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.publish-btn.publish{background-color:#10b981;color:#fff}.publish-btn.publish:hover{background-color:#059669}.publish-btn.unpublish{background-color:#6b7280;color:#fff}.publish-btn.unpublish:hover{background-color:#4b5563}.publish-btn:disabled{cursor:not-allowed;opacity:.6}.view-website-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.view-website-btn:hover{background-color:#2563eb;color:#fff;text-decoration:none}@media (max-width:768px){.website-actions{align-items:stretch;flex-direction:column}.publish-btn,.view-website-btn{justify-content:center}}.menu-item-card{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s ease}.menu-item-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.menu-item-card .menu-item-image-container{border-radius:8px;height:150px;overflow:hidden;width:100%}.menu-item-card .menu-item-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.menu-item-card:hover .menu-item-image{transform:scale(1.05)}.menu-item-card .menu-item-details{display:flex;flex-direction:column;gap:4px}.menu-item-card .menu-item-name{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.menu-item-card .menu-item-price{color:var(--color-primary);font-size:1.2rem;font-weight:700;margin:0}.menu-item{aspect-ratio:1/1;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .2s ease}.menu-item:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.menu-item-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.menu-item-image-container{border-radius:12px;flex:1 1;height:100%}.menu-item-image{border-radius:12px;transition:transform .3s ease}.menu-item:hover .menu-item-image{transform:scale(1.05)}.menu-item-overlay{background:linear-gradient(180deg,#0000,#0009 70%,#000c);border-radius:0 0 12px 12px;bottom:0;left:0;padding:20px 16px 16px;position:absolute;right:0}.menu-item-no-image{align-items:center;background:var(--color-bg-secondary);border-radius:12px;display:flex;height:100%;justify-content:center}.menu-item-details{display:flex;flex-direction:column;gap:4px}.menu-item-overlay .menu-item-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-shadow:0 1px 2px #0000004d}.menu-item-overlay .menu-item-price{color:#fff;font-size:1.2rem;font-weight:700;margin:0;text-shadow:0 1px 2px #0000004d}.menu-item-overlay .menu-item-category{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#ffffffe6;display:-webkit-box;font-size:.85rem;line-height:1.2;margin:0;overflow:hidden;text-shadow:0 1px 2px #0000004d}.menu-item-no-image .menu-item-name{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;text-align:center}.menu-item-no-image .menu-item-price{color:var(--color-primary);font-size:1.2rem;font-weight:700;margin:0;text-align:center}.menu-item-no-image .menu-item-category{color:var(--color-text-secondary);font-size:.85rem;margin:0;text-align:center}.menu-item-actions{display:flex;gap:8px;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .3s ease;z-index:10}.menu-item:hover .menu-item-actions{opacity:1}.edit-menu-btn,.remove-menu-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.edit-menu-btn svg,.remove-menu-btn svg{height:14px;width:14px}.edit-menu-btn:hover{background:#fff;color:var(--color-primary);transform:scale(1.1)}.remove-menu-btn:hover{background:#fff;color:var(--color-error);transform:scale(1.1)}.edit-menu-form{background:var(--color-bg-card);border:2px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:15px;padding:20px}.edit-menu-form h4{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:15px}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-group input,.form-group select{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;padding:10px 12px;transition:border-color var(--transition-normal)}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);outline:none}.form-actions{gap:10px;justify-content:flex-end}.save-menu-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all var(--transition-normal)}.save-menu-btn:hover:not(:disabled){background:var(--color-primary-hover)}.save-menu-btn:disabled{background:var(--color-text-muted);cursor:not-allowed}.cancel-edit-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all var(--transition-normal)}.cancel-edit-btn:hover{background:var(--color-bg-tertiary)}.image-upload-container{margin-top:10px}.image-upload-area{background:var(--color-bg-hover);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-md);padding:30px}.image-upload-area:hover{background:var(--color-bg-tertiary)}.image-upload-input{display:none}.image-upload-label{align-items:center;background:var(--color-bg-hover);border:2px dashed var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;gap:8px;justify-content:center;padding:12px;transition:all var(--transition-normal)}.image-upload-label:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.image-upload-label svg{height:16px;width:16px}.image-preview{display:inline-block;position:relative}.image-preview img{border:2px solid var(--color-border-primary);border-radius:var(--radius-md);height:100px;object-fit:cover;width:100px}.remove-image-btn{align-items:center;background:#dc2626;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all var(--transition-normal);width:24px}.remove-image-btn:hover{background:#b91c1c;transform:scale(1.1)}.preview-image{border:2px solid var(--color-border-primary);border-radius:var(--radius-md);height:100px;object-fit:cover;width:100px}@media (max-width:768px){.form-row{flex-direction:column;gap:15px}.menu-item{aspect-ratio:1/1}.menu-item-overlay{padding:16px 12px 12px}.menu-item-actions{gap:6px;opacity:1;right:8px;top:8px}.edit-menu-btn,.remove-menu-btn{height:32px;width:32px}.image-upload-area{padding:20px}.image-preview img{height:auto;width:100%}.form-actions{flex-direction:column;gap:10px}.cancel-edit-btn,.save-menu-btn{width:100%}}.menu-builder-tab .qr-code-section-container{display:flex;gap:20px;margin-bottom:30px;margin-top:20px}.menu-builder-tab .qr-code-section{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:25px;text-align:center;transition:all var(--transition-normal)}.menu-builder-tab .qr-code-section:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.menu-builder-tab .qr-code-section h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin:0 0 20px}.qr-code-content{align-items:flex-start;display:flex;gap:20px}.qr-code-column{align-items:center;display:flex;flex-direction:column;gap:12px}.qr-code-display{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;padding:12px;width:120px}.qr-code-display canvas{height:100px!important;width:100px!important}.qr-code-info{display:flex;flex:1 1;flex-direction:column;gap:16px}.qr-code-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.qr-code-actions{align-items:flex-start;display:flex;gap:12px}.qr-download-btn,.qr-print-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all var(--transition-normal);white-space:nowrap}.qr-download-btn:hover,.qr-print-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.qr-print-btn{background:#10b981;background:var(--color-success,#10b981)}.qr-print-btn:hover{background:#059669;background:var(--color-success-hover,#059669)}.qr-print-btn:disabled{color:#fff9;cursor:not-allowed;opacity:.6}.qr-print-btn:disabled,.qr-print-btn:disabled:hover{background:var(--color-text-muted);transform:none}.qr-download-btn svg,.qr-print-btn svg{height:14px;width:14px}.qr-code-placeholder{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;font-style:italic;margin:0;padding:20px;text-align:center}.qr-background-section{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:25px;transition:all var(--transition-normal)}.qr-background-section:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.qr-background-section h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin:0 0 20px}.background-error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#ef4444;font-size:.9rem;margin-bottom:16px;padding:12px 16px;position:relative}.error-close-btn{background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;font-size:14px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:background-color var(--transition-normal)}.error-close-btn:hover{background:#fff3}.background-upload-content{display:flex;flex-direction:column;gap:16px}.background-preview{display:flex;flex-direction:column;gap:12px}.background-preview-image{border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);height:auto;max-width:300px;object-fit:cover;width:100%}.background-actions{align-items:center;display:flex;gap:12px}.background-upload-input{display:none}.background-change-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all var(--transition-normal)}.background-change-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.background-change-btn svg{height:14px;width:14px}.menu-builder-tab .background-remove-btn{align-items:center;background:var(--color-error);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all var(--transition-normal)}.menu-builder-tab .background-remove-btn:hover:not(:disabled){background:var(--color-error-hover);transform:translateY(-1px)}.background-remove-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.background-remove-btn svg{height:14px;width:14px}.background-upload-area{display:flex;justify-content:center}.background-upload-label{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:12px;min-width:280px;padding:40px 20px;text-align:center;transition:all var(--transition-normal)}.background-upload-label:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.background-upload-label svg{color:var(--color-text-secondary);height:32px;width:32px}.upload-text{font-size:1rem}.upload-help{color:var(--color-text-tertiary);font-size:.85rem;line-height:1.3}.category-management{background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:30px;padding:25px}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.category-header h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin:0}.add-category-form{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);margin-bottom:25px;padding:20px}.add-category-form .form-row{align-items:flex-end;display:flex;gap:15px;margin-bottom:0}.add-category-form .form-group{flex:1 1;margin-bottom:0}.category-input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;padding:12px 16px;transition:border-color var(--transition-normal);width:100%}.category-input:focus{border-color:var(--color-primary);outline:none}.category-input:disabled{cursor:not-allowed;opacity:.6}.add-category-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:48px;justify-content:center;min-width:50px;padding:12px 16px;transition:all var(--transition-normal)}.add-category-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.add-category-btn:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}.add-category-btn svg{height:18px;width:18px}.category-management p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:20px}.categories-list h4{color:var(--color-text-primary);font-size:1rem;margin-bottom:15px}.no-categories{color:var(--color-text-secondary);font-style:italic;padding:20px;text-align:center}.categories-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-item{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:12px 16px;transition:all var(--transition-normal)}.category-item:hover{border-color:var(--color-primary);transform:translateY(-1px)}.category-name{color:var(--color-text-primary);flex:1 1;font-size:.9rem;font-weight:500}.remove-category-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-danger);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all var(--transition-normal)}.remove-category-btn:hover:not(:disabled){background:var(--color-danger);color:#fff;transform:scale(1.1)}.remove-category-btn:disabled{cursor:not-allowed;opacity:.5}.remove-category-btn svg{height:14px;width:14px}.add-menu-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-menu-item-header h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin:0}.add-menu-item-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all var(--transition-normal)}.add-menu-item-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.add-menu-item-btn:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}.add-menu-item-btn svg{height:18px;width:18px}.no-categories-warning{color:var(--color-text-secondary);font-style:italic;padding:20px;text-align:center}.add-menu-form,.no-categories-warning{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md)}.add-menu-form{padding:25px}.add-menu-form h4{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin:0 0 20px}.menu-preview{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-top:20px;padding:25px}.menu-preview h3{color:var(--color-text-primary);margin-bottom:15px}.no-items{color:var(--color-text-secondary);font-style:italic;padding:40px 20px;text-align:center}.menu-items-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 0}.error-message{margin-bottom:20px;position:relative}.error-message button{background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background-color var(--transition-normal)}.error-message button:hover{background:#ffffff1a}@media (max-width:768px){.form-row{flex-direction:column}.add-category-form .form-row{flex-direction:column;gap:15px}.add-category-form .form-group{margin-bottom:0}.add-category-btn{height:48px;width:100%}.add-menu-item-header{align-items:stretch;flex-direction:column;gap:15px}.add-menu-item-btn{justify-content:center;width:100%}.categories-grid{grid-template-columns:1fr}.category-item{flex-direction:column;gap:10px}.menu-items-list{gap:12px;grid-template-columns:1fr}.form-actions{flex-direction:column;gap:10px}.cancel-edit-btn,.save-menu-btn{width:100%}.category-header,.menu-preview-header{align-items:flex-start;flex-direction:column;gap:15px}.qr-code-section-container{gap:20px;grid-template-columns:1fr}.qr-code-content{align-items:center;flex-direction:column;gap:16px;text-align:center}.qr-code-column{width:100%}.qr-code-column,.qr-code-info{align-items:center}.qr-print-btn{justify-content:center;width:100%}.background-actions{flex-direction:column;gap:10px}.background-change-btn,.background-remove-btn{justify-content:center;width:100%}.background-upload-label{min-width:100%;padding:30px 15px}}.menu-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.menu-preview-header h3{margin:0}.category-item{cursor:grab}.category-item.dragging{cursor:grabbing;opacity:.5;transform:rotate(5deg)}.category-item.drag-active{background:var(--color-bg-hover);border-color:var(--color-primary)}.menu-builder-tab .category-item.drag-over{background:var(--color-bg-hover);border-color:var(--color-success);transform:scale(1.02)}.category-content{gap:8px}.category-content,.drag-handle{align-items:center;display:flex}.drag-handle{color:var(--color-text-muted);cursor:grab;flex-shrink:0;height:24px;justify-content:center;transition:color var(--transition-normal);width:24px}.drag-handle:hover{color:var(--color-text-secondary)}.category-item.dragging .drag-handle{cursor:grabbing}.category-order{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;font-weight:600;min-width:24px;padding:.25rem .5rem;text-align:center}.autocomplete-input-container,.google-places-autocomplete{position:relative;width:100%}.autocomplete-input{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.autocomplete-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.autocomplete-input.error{border-color:#ef4444}.autocomplete-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.autocomplete-input:disabled{background-color:#f8fafc;border-color:#e2e8f0;color:#6b7280;cursor:not-allowed}.autocomplete-loading{align-items:center;display:flex;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.loading-spinner{display:inline-block;font-size:16px}.autocomplete-powered-by{pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.autocomplete-powered-by span{background:#fff;border:1px solid #e5e7eb;border-radius:2px;color:#9ca3af;font-size:10px;padding:2px 4px}.autocomplete-error{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;font-size:12px;margin-top:6px;padding:8px}.error-icon{color:#ef4444;font-size:14px;margin-right:6px}.error-text{color:#dc2626;line-height:1.4}.autocomplete-fallback{margin-top:4px;padding:4px 0}.fallback-text{color:#6b7280;font-size:11px;font-style:italic}.pac-container{border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;font-family:inherit!important;margin-top:4px!important}.pac-item{border-bottom:1px solid #f1f5f9!important;cursor:pointer!important;font-size:14px!important;padding:12px 16px!important}.pac-item:hover{background-color:#f8fafc!important}.pac-item-selected{background-color:#eff6ff!important}.pac-item:last-child{border-bottom:none!important}.pac-matched{color:#1f2937!important;font-weight:600!important}.pac-item-query{color:#374151!important;font-size:14px!important}.pac-secondary-text{color:#6b7280!important;font-size:12px!important}.pac-icon{display:none!important}@media (max-width:768px){.autocomplete-input{font-size:16px;padding:10px 12px}.autocomplete-powered-by span{font-size:9px}.pac-item{font-size:13px!important;padding:10px 12px!important}}.selected-address-preview{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);margin:20px 0;padding:16px}.selected-address-preview h4{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.address-details p{color:var(--color-text-secondary);font-size:14px;margin:6px 0}.address-details strong{color:var(--color-text-primary);display:inline-block;margin-right:8px;min-width:80px}.address-help-text{color:var(--color-text-secondary);font-size:12px;font-weight:400;transition:color .2s ease}.address-help-text.success{color:#10b981;font-weight:500}.location-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.location-modal-content{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.location-modal-header{align-items:center;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 25px 15px}.location-modal-header h3{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin:0}.location-modal-close-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;padding:8px;transition:all var(--transition-normal);width:36px}.location-modal-close-btn:hover{background:var(--color-bg-card);border-color:var(--color-border-primary);color:var(--color-text-primary);transform:scale(1.05)}.location-add-menu-form{padding:0 25px 25px}.address-input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.toggle-input-mode{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s ease}.toggle-input-mode:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.location-form-group label{color:var(--color-text-primary);display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.location-form-group input{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-size:1rem;padding:12px 16px;transition:all var(--transition-normal);width:100%}.location-form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.location-form-group input::placeholder{color:var(--color-text-tertiary)}.location-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.location-error-message{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error-text);font-size:.9rem;margin-bottom:20px;padding:12px 16px}.location-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.location-save-menu-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:12px 24px;transition:all var(--transition-normal)}.location-save-menu-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.location-save-menu-btn:disabled{background:var(--color-text-tertiary);cursor:not-allowed;transform:none}.location-cancel-edit-btn{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:500;min-width:100px;padding:12px 24px;transition:all var(--transition-normal)}.location-cancel-edit-btn:hover:not(:disabled){background:var(--color-bg-card);border-color:var(--color-border-primary);color:var(--color-text-primary)}.location-cancel-edit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.location-modal-overlay{padding:10px}.location-modal-content{margin:10px;max-height:95vh}.location-modal-header{padding:15px 20px 10px}.location-add-menu-form{padding:0 20px 20px}.location-form-row{gap:0;grid-template-columns:1fr}.location-form-actions{flex-direction:column;gap:10px}.location-form-actions button{min-width:auto;width:100%}}@media (max-width:480px){.location-modal-header h3{font-size:1.1rem}.location-form-group input{font-size:.95rem;padding:10px 14px}}.embeddable-map-container{background:#f8fafc;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.embeddable-map{height:100%;width:100%}.map-loading-overlay{align-items:center;background:#f8fafce6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.embeddable-map-error{align-items:center;background:#f8fafc;border:2px dashed #d1d5db;border-radius:8px;display:flex;justify-content:center}.error-content{align-items:center;display:flex;gap:16px;max-width:400px;padding:24px;text-align:left}.error-icon{font-size:48px;opacity:.5}.error-text h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.error-text p{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 8px}.error-text small{color:#9ca3af;font-size:12px}.map-info-window{color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;max-width:300px}.business-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:12px}.business-name{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 6px}.business-address{color:#6b7280;font-size:14px;margin:0}.map-contact{margin-bottom:16px}.contact-item{margin-bottom:4px}.contact-item a{color:#3b82f6;font-size:14px;text-decoration:none}.contact-item a:hover{text-decoration:underline}.map-hours{margin-bottom:16px}.map-hours h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.hours-list{font-size:13px}.hour-row{display:flex;justify-content:space-between;line-height:1.4;margin-bottom:2px}.hour-row .day{color:#4b5563;font-weight:500;min-width:35px}.hour-row .time{color:#6b7280;text-align:right}.map-footer{border-top:1px solid #e5e7eb;padding-top:12px}.directions-link{align-items:center;background:#3b82f6;border-radius:6px;color:#fff!important;display:inline-flex;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .2s}.directions-link:hover{background:#2563eb;text-decoration:none}@media (max-width:480px){.embeddable-map-container{border-radius:4px}.error-content{flex-direction:column;padding:20px;text-align:center}.error-icon{font-size:32px}.map-info-window{max-width:250px}.business-name{font-size:16px}.hour-row{font-size:12px}}.location-tab .place-id-info{color:var(--color-success);display:block;font-size:11px;margin-top:4px}.location-tab .full-address{color:var(--color-text-primary);font-weight:500;margin:0 0 4px}.location-tab .address-info{display:flex;flex-direction:column}.location-tab .location-actions{margin-bottom:20px}.location-tab .location-tab-hours-header{margin-top:20px}.add-location-btn,.edit-location-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all var(--transition-normal)}.add-location-btn:hover,.edit-location-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.add-location-btn{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.add-location-btn:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary-hover)}.location-info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.location-info-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:25px;transition:all var(--transition-normal)}.location-info-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.location-info-card h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin-bottom:20px}.location-info-card h3 svg{height:18px;width:18px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{margin:0}.location-tab__hours-section{display:flex;flex-direction:column;gap:20px}.hours-list{display:flex;flex-direction:column;gap:0}.location-tab__hour-row{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;padding:16px 0}.location-tab__hour-row:last-child{border-bottom:none}.day-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.hour-inputs{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:flex-end}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.checkmark{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.time-inputs{align-items:center;display:flex;gap:12px}.time-input{background:var(--color-input-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;min-width:80px;padding:8px 12px;text-align:center;transition:all var(--transition-normal)}.time-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0070f31a;outline:none}.time-separator{color:var(--color-text-tertiary);font-size:.9rem;font-weight:500}.hours-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.hours-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all var(--transition-normal)}.hours-action-btn.save{background:var(--color-primary);color:#fff}.hours-action-btn.save:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.hours-action-btn.cancel{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.hours-action-btn.cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.hours-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.hours-action-btn svg{height:14px;width:14px}.hours-display{display:flex;flex-direction:column;gap:0}.hour-display-row{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;padding:16px 0}.hour-display-row:last-child{border-bottom:none}.day-name{color:var(--color-text-secondary);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.hour-time{color:var(--color-text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9rem;font-weight:500}.hours-edit-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 12px;transition:all var(--transition-normal)}.hours-edit-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.hours-edit-btn svg{height:14px;width:14px}.address-info{display:flex;flex-direction:column;gap:15px}.full-address{color:var(--color-text-primary);font-size:1.1rem;line-height:1.5;margin:0}.incomplete-address{background:#fef3c7;background:var(--color-warning-bg,#fef3c7);border:1px solid #f59e0b;border:1px solid var(--color-warning-border,#f59e0b);border-radius:var(--radius-md);margin-bottom:15px;padding:15px}.incomplete-address p{color:#92400e;color:var(--color-warning-text,#92400e);font-size:.95rem;margin:0;text-align:center}.business-hours{display:flex;flex-direction:column;gap:8px}.day-name{color:var(--color-text-primary);font-weight:500;text-transform:capitalize}.hours-time{font-size:.9rem}.hours-time,.map-preview{color:var(--color-text-secondary)}.map-preview{align-items:center;background:var(--color-bg-hover);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-md);display:flex;height:200px;justify-content:center;text-align:center}.map-placeholder{font-size:1.1rem;gap:8px}.map-placeholder svg{height:24px;width:24px}.map-placeholder small{font-size:.8rem;opacity:.7}.no-location-data{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-top:20px;padding:40px 20px;text-align:center}.no-location-data p{color:var(--color-text-secondary);font-size:1rem;margin-bottom:20px}@media (max-width:768px){.location-info-section{grid-template-columns:1fr}.location-info-card{padding:20px}.card-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.card-header h3{margin-bottom:0}.hours-edit-btn{align-self:flex-end}.location-tab__hour-row{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 0}.hour-inputs{justify-content:flex-start;width:100%}.time-inputs{flex-wrap:wrap;gap:8px}.hours-actions{gap:12px;justify-content:center}.hour-display-row{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 0}.day-label{min-width:auto}.map-preview{height:150px}.hours-section-wrapper{margin-top:30px}}.hours-section-wrapper{margin-top:40px}.hours-section-wrapper h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:20px}.map-preview-note{color:var(--color-text-tertiary);font-size:.8rem;font-style:italic}.map-preview-container{margin-top:16px}.location-preview-map{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.about-info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.about-info-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:0;padding:25px;transition:all var(--transition-normal)}.about-info-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.about-info-card h3{color:var(--color-text-primary);flex-shrink:0;font-size:1.2rem;font-weight:600;margin-bottom:20px}.about-textarea{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:1rem;line-height:1.6;min-height:300px;padding:16px;resize:vertical;transition:border-color var(--transition-normal);width:100%}.about-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.about-textarea::placeholder{color:var(--color-text-tertiary);opacity:.8}.form-group{display:flex;flex:1 1;flex-direction:column;margin-bottom:20px}.form-group label{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin-bottom:8px}.form-help{color:var(--color-text-secondary);display:block;font-size:.875rem;line-height:1.4;margin-top:8px}.form-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:20px}.save-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all var(--transition-normal)}.save-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.save-btn.has-changes{animation:pulse 2s infinite;background:#10b981;background:var(--color-success,#10b981)}.save-btn.has-changes:hover:not(:disabled){background:#059669;background:var(--color-success-hover,#059669)}.unsaved-changes-indicator{align-items:center;color:#f59e0b;color:var(--color-warning,#f59e0b);display:flex;font-size:.875rem;font-style:italic;margin-left:12px}.reset-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;margin-left:12px;padding:8px 16px;transition:all var(--transition-normal)}.reset-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.image-container{display:flex;flex-direction:column;gap:12px;height:100%}.image-display{position:relative;width:100%}.about-us-image{border-radius:10px;display:block;height:100%;width:100%}.image-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:var(--radius-md);display:flex;flex-direction:row;gap:8px;padding:8px;position:absolute;right:12px;top:12px}.image-change-btn,.image-remove-btn{align-items:center;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;transition:all var(--transition-normal);width:32px}.image-change-btn:hover{background:#fff;color:var(--color-primary);transform:scale(1.1)}.image-remove-btn:hover{background:#fff;color:var(--color-error);transform:scale(1.1)}.image-change-btn svg,.image-remove-btn svg{height:16px;width:16px}.image-upload-area{align-items:center;border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:40px 20px;text-align:center;transition:all var(--transition-normal)}.image-upload-area:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.image-upload-placeholder{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:12px}.upload-icon{color:var(--color-text-tertiary);height:48px;width:48px}.upload-text{font-weight:500}.upload-help{font-size:.875rem}@media (max-width:768px){.about-info-section{grid-template-columns:1fr}.about-info-card{padding:20px}.about-textarea{font-size:.95rem;min-height:250px}.save-btn{width:100%}.image-display{align-items:center;flex-direction:column;gap:12px}.image-actions{flex-direction:row;justify-content:center}.image-upload-area{padding:30px 15px}}.settings-sections{display:flex;flex-direction:column;gap:20px;margin-top:20px}.setting-group{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:25px;transition:all var(--transition-normal)}.setting-group:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.setting-group h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:10px}.setting-group p{color:var(--color-text-secondary);line-height:1.5;margin:0}.current-plan-info{display:flex;flex-direction:column;gap:20px}.plan-badge{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;display:flex;font-weight:600;gap:12px;padding:12px 20px;width:fit-content}.plan-name{font-size:1.1rem}.plan-price{font-size:.9rem;opacity:.9}.plan-features h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:12px}.plan-features ul{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.plan-features li{align-items:center;display:flex;font-size:.95rem;gap:8px;padding:8px 0}.plan-features li.included{color:var(--color-success)}.plan-features li.included:before{color:var(--color-success);content:"✓";font-weight:700}.plan-features li.not-included{color:var(--color-text-tertiary)}.plan-features li.not-included:before{color:var(--color-error);content:"✗";font-weight:700}.upgrade-options{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:20px}.upgrade-options h4{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:16px}.upgrade-buttons{display:flex;flex-wrap:wrap;gap:12px}.upgrade-buttons button{flex:1 1;min-width:200px}.settings-form-group{display:flex;flex-direction:column;margin-bottom:20px}.settings-form-group label{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin-bottom:8px}.settings-input,.settings-select,.settings-textarea{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;padding:10px 12px;transition:border-color var(--transition-normal)}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{border-color:var(--color-primary);outline:none}.settings-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all var(--transition-normal)}.settings-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.settings-button.secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.settings-button.secondary:hover{background:var(--color-bg-tertiary)}.settings-button.danger{background:#dc2626;color:#fff}.settings-button.danger:hover{background:#b91c1c}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}@media (max-width:768px){.settings-sections{gap:15px}.setting-group{padding:20px}.settings-grid{gap:15px;grid-template-columns:1fr}.settings-button{width:100%}.plan-features ul{grid-template-columns:1fr}.upgrade-buttons{flex-direction:column}.upgrade-buttons button{min-width:auto}}.homepage-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.homepage-section h3{border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.homepage-setting{margin-bottom:1.5rem}.homepage-setting:last-child{margin-bottom:0}.homepage-setting label{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.homepage-input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;padding:.75rem;transition:all var(--transition-normal);width:100%}.homepage-input:focus{background:var(--color-input-bg-focus);border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #6366f11a;outline:none}.homepage-textarea{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical;transition:all var(--transition-normal);width:100%}.homepage-textarea:focus{background:var(--color-input-bg-focus);border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #6366f11a;outline:none}.homepage-color-input{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-md);cursor:pointer;height:40px;padding:2px;transition:all var(--transition-normal);width:80px}.homepage-color-input:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #6366f11a;outline:none}.hero-image-container{width:100%}.hero-image-display{background:var(--color-bg-tertiary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);overflow:hidden;position:relative}.hero-image-preview{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.hero-background-image{border-radius:var(--radius-md);height:100%;object-fit:contain;width:100%}.hero-image-actions{align-items:center;display:flex;gap:.5rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.hero-image-change-btn,.hero-image-remove-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.hero-image-change-btn:hover{background:#6366f1e6;border-color:#ffffff80;transform:scale(1.1)}.hero-image-remove-btn:hover{background:#ef4444e6;border-color:#ffffff80;transform:scale(1.1)}.hero-image-upload-area{position:relative}.hero-image-upload-placeholder{align-items:center;background:var(--color-bg-tertiary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center;transition:all var(--transition-normal)}.hero-image-upload-placeholder:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.upload-icon{color:var(--color-text-secondary);font-size:3rem;margin-bottom:1rem}.upload-text{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.upload-help{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.section-actions{border-top:1px solid var(--color-border-secondary);display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.save-section-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1.5rem;transition:all var(--transition-normal)}.save-section-btn:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.save-section-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.gallery-images-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.gallery-image-item{display:flex;flex-direction:column}.gallery-image-item label{color:var(--color-text-primary);display:flex;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.gallery-image-container{width:100%}.gallery-image-display{align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem}.gallery-image-preview{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);flex-shrink:0;height:120px;overflow:hidden;width:150px}.gallery-image{border-radius:var(--radius-md);height:100%;object-fit:cover;width:100%}.gallery-image-upload-area{position:relative}.gallery-image-upload-placeholder{align-items:center;background:var(--color-bg-tertiary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:140px;padding:2rem 1rem;text-align:center;transition:all var(--transition-normal)}.gallery-image-upload-placeholder:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.gallery-image-upload-placeholder .upload-icon{color:var(--color-text-secondary);font-size:2rem;margin-bottom:.5rem}.gallery-image-upload-placeholder .upload-text{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.gallery-image-upload-placeholder .upload-help{color:var(--color-text-secondary);font-size:.8rem;line-height:1.3}.hero-images-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1rem}.hero-image-column{display:flex;flex-direction:column}.hero-image-column h4{background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem;padding:.5rem;text-align:center}.mobile-hero-preview{height:240px;width:100%}.mobile-hero-background-image{border-radius:var(--radius-md);height:100%;object-fit:contain;width:100%}@media (max-width:768px){.homepage-section{padding:1.5rem}.hero-images-row{gap:1.5rem;grid-template-columns:1fr}.hero-image-preview{height:160px}.mobile-hero-preview{height:200px}.hero-image-change-btn,.hero-image-remove-btn{font-size:1rem;height:36px;width:36px}.homepage-actions{justify-content:center}.save-homepage-btn{width:100%}.gallery-images-grid{gap:1.5rem;grid-template-columns:1fr}.gallery-image-display{flex-direction:column;text-align:center}.gallery-image-preview{height:150px;max-width:200px;width:100%}.gallery-image-upload-placeholder{min-height:120px;padding:1.5rem 1rem}}.toast{animation:toastSlideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);justify-content:space-between;max-width:400px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:var(--z-modal)}.toast,.toast-content{align-items:center;display:flex;gap:12px}.toast-content{flex:1 1}.toast-icon{flex-shrink:0;font-size:1.2rem}.toast-icon.success{color:var(--color-success)}.toast-icon.error{color:var(--color-error)}.toast-icon.info{color:var(--color-primary)}.toast-message{color:var(--color-text-primary);font-size:.9rem;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all var(--transition-normal)}.toast-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-info{border-left:4px solid var(--color-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.home-container{background:var(--color-bg-primary);display:flex;flex-direction:column;height:100vh}.top-navbar{background:var(--color-bg-card);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);height:70px;justify-content:space-between;padding:0 30px;width:100%;z-index:1000}.navbar-left,.top-navbar{align-items:center;display:flex}.navbar-left{flex:0 0 auto;gap:45px}.mobile-menu-toggle{background:none;border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:none;font-size:24px;padding:8px;transition:all var(--transition-normal)}.mobile-menu-toggle:hover{background:var(--color-bg-hover)}.navbar-logo{margin-left:-20px;object-fit:contain;width:250px}.navbar-center{display:flex;flex:1 1;justify-content:center}.navbar-right{align-items:center;display:flex;flex:0 0 auto;gap:15px}.welcome-message{color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap}.content-container{display:flex;flex:1 1;overflow:hidden}.sidebar{background:var(--color-bg-card);border-right:1px solid var(--color-border-primary);box-shadow:var(--shadow-md);display:flex;flex-direction:column;width:250px}.view-website-section{border-bottom:1px solid var(--color-border-primary);padding:20px}.view-website-button{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .2s ease;width:100%}.view-website-button:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;color:#fff;text-decoration:none;transform:translateY(-1px)}.view-website-button:active{transform:translateY(0)}.website-section{border-bottom:1px solid var(--color-border-primary)}.publish-toggle-section{padding:20px}.publish-toggle-container{margin-bottom:8px}.publish-toggle-container.disabled{opacity:.6}.publish-toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px;position:relative}.publish-toggle-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.slider{background-color:#ccc;border-radius:24px;height:24px;position:relative;transition:background-color .3s ease;width:44px}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:transform .3s ease;width:18px}.publish-toggle-label input:checked+.slider{background-color:#2563eb}.publish-toggle-label input:checked+.slider:before{transform:translateX(20px)}.publish-toggle-label input:disabled+.slider{background-color:#e5e7eb;cursor:not-allowed}.toggle-text{color:var(--color-text-primary);font-size:14px;font-weight:500}.publish-description{color:var(--color-text-secondary);font-size:12px;line-height:1.4;margin:0}.feature-blocked-small{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:6px;margin-top:8px;padding:12px}.feature-blocked-small p{color:var(--color-text-secondary);font-size:12px;margin:0 0 8px}.btn-primary-small{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:6px 12px;transition:background-color .2s ease}.btn-primary-small:hover{background:#1d4ed8}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.sidebar-main-tabs{flex:1 1}.sidebar-bottom-tabs{border-top:1px solid var(--color-border-primary);margin-top:auto;padding-top:8px}.sidebar-tab{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:15px 20px;text-align:left;transition:all var(--transition-normal);width:100%}.sidebar-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-tab.active{background:var(--color-purple);border-right:3px solid var(--color-purple);color:#fff}.sidebar-tab.active:hover{background:var(--color-purple-dark)}.tab-icon{flex-shrink:0;height:18px;width:18px}.tab-label{font-weight:500}.logout-btn,.notification-btn{align-items:center;background:var(--color-bg-hover);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 12px;transition:all var(--transition-normal)}.logout-btn:hover,.notification-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.logout-btn svg,.notification-btn svg{height:18px;width:18px}.profile-btn,.profile-container{position:relative}.profile-btn{align-items:center;background:var(--color-bg-hover);border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;transition:all var(--transition-normal);width:40px}.profile-btn:hover{border-color:var(--color-primary);transform:scale(1.05)}.profile-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-btn svg{color:#fff;height:20px;width:20px}.profile-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-header{background:var(--color-bg-hover);padding:12px 16px}.user-email{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;margin:0}.dropdown-divider{background:var(--color-border-secondary);height:1px}.dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 16px;text-align:left;transition:all var(--transition-normal);width:100%}.dropdown-item:hover{background:var(--color-bg-hover)}.dropdown-icon,.logout-icon{font-size:1rem}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.content-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);padding:20px 35px}.header-title{display:flex;flex-direction:column;gap:5px}.content-header h1{color:var(--color-text-primary);font-size:1.8rem;font-weight:600;margin:0}.content-main{flex:1 1;overflow-y:auto;padding:30px}.tab-content h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:2rem;font-weight:700;gap:10px;margin-bottom:10px}.tab-content h2 svg{height:24px;width:24px}.tab-content p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.navbar-logo{width:180px}.content-container{position:relative}.sidebar{background:var(--color-bg-card);border-right:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg);height:calc(100vh - 70px);left:-100%;overflow-y:auto;position:fixed;top:70px;transition:left .3s ease;width:280px;z-index:999}.sidebar.sidebar-open{left:0}.sidebar.sidebar-open:before{background:#00000080;content:"";height:100vh;left:280px;position:fixed;top:0;width:calc(100vw - 280px);z-index:-1}.view-website-section{border-bottom:1px solid var(--color-border-primary);padding:15px 20px}.view-website-button{font-size:.9rem;padding:10px 14px}.sidebar-nav{flex-direction:column;overflow-y:auto;padding:0}.sidebar-bottom-tabs,.sidebar-main-tabs{display:flex;flex-direction:column}.sidebar-tab{min-width:auto;padding:15px 20px;width:100%}.main-content{margin-left:0;width:100%}.navbar-center,.welcome-message{display:none}.content-header{padding:15px 20px}.content-main{padding:20px}}.public-website{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.public-website-loading{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid #e3e3e3;border-top-color:#007bff}.public-website-loading p{color:#666;font-size:1.1rem}.public-website-error{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.public-website-error h1{color:#dc3545;margin-bottom:1rem}.public-website-error p{color:#666;font-size:1.1rem;margin-bottom:2rem}.back-link{border:2px solid #007bff;border-radius:8px;color:#007bff;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.back-link:hover{background-color:#007bff;color:#fff}.loading-skeleton{margin:0 auto;max-width:1200px;padding:1rem;width:100%}.skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 0}.skeleton-logo{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:40px;width:120px}.skeleton-nav{display:flex;gap:1rem}.skeleton-nav-item{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;height:32px;width:80px}.skeleton-hero{margin-bottom:3rem;text-align:center}.skeleton-title{border-radius:8px;height:48px;margin:0 auto 1rem;width:400px}.skeleton-subtitle,.skeleton-title{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-subtitle{border-radius:6px;height:24px;margin:0 auto;width:300px}.skeleton-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.skeleton-card{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:12px;height:200px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.skeleton-header{flex-direction:column;gap:1rem}.skeleton-title{width:80%}.skeleton-subtitle{width:70%}.skeleton-content{grid-template-columns:1fr}}.bychae-template{--template-bg-primary:#fffef1;--template-bg-secondary:#f8f9fa;--template-bg-light:#fff;--template-text-primary:#333;--template-text-secondary:#666;--template-text-light:#999;--template-accent-color:#005904;--template-border-color:#e5e5e5;--template-shadow-color:#0000001a;--template-transition-speed:0.3s ease;background-color:var(--template-bg-primary);box-sizing:border-box;color:var(--template-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;padding:0}.template-hero{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.hero-background{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-bottom-overlay{align-items:center;bottom:4rem;display:flex;justify-content:space-between;left:0;padding:0 5rem;position:absolute;right:0;z-index:3}.template-hero-title{font-size:5rem;font-weight:700;line-height:.9;text-align:left;width:25%}.hero-bottom-right{align-items:flex-start;color:#000;display:flex;flex-direction:column;font-size:30px;font-weight:700;gap:1rem;justify-content:flex-end;text-align:left;width:50%}.hero-bottom-text{font-size:20px;font-weight:500;line-height:1.4;text-align:left}.hero-bottom-right__btn{align-items:center;display:flex;gap:.5rem}.arrow-right{color:#000;font-size:1.2rem;font-weight:700}.template-cta{padding:5rem 0;text-align:center;.btn{font-weight:700}}.template-cta h2{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.template-cta p{color:#1a1a1a;font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:2rem}.template-image-gallery{margin-bottom:5rem;padding:0}.template-gallery-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);width:100%}.template-gallery-item{overflow:hidden;position:relative;transition:transform .3s ease,z-index .3s ease;z-index:1}.template-gallery-item:hover{transform:scale(1.02);z-index:10}.template-gallery-item img{display:block;height:80vh;object-fit:cover;width:100%}.template-footer{background:var(--template-bg-primary);border-top:1px solid var(--template-border-color);color:var(--template-text-primary);margin-top:4rem;width:100%}.template-footer-bottom-content{align-items:center;display:flex;font-weight:500;justify-content:space-between;margin:0 auto;padding:1rem 5rem}.template-footer-bottom-text{font-weight:700}.template-social-link{color:var(--template-text-primary);font-weight:700;margin-left:1rem;text-decoration:none;transition:color .3s ease}@media (max-width:768px){.hero-bottom-overlay{align-items:center;flex-direction:column;margin-top:4rem;padding:0 1rem;text-align:center;top:2rem}.template-hero-title{font-size:3rem;text-align:center;width:100%}.hero-bottom-right{align-items:center;text-align:center;width:100%}.hero-bottom-text{display:none}.template-footer-bottom-content{flex-direction:column;gap:1rem;padding:1rem 2rem;text-align:center}.template-social-link{margin-left:0;margin-right:1rem}.template-gallery-grid{gap:1rem;grid-template-columns:1fr}.template-gallery-item img{height:50vh}.template-cta{padding:3rem 1rem}.template-cta h2{font-size:2rem}.template-cta p{font-size:1.2rem}}.header{background:#fffef1;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header-content{justify-content:space-between;padding:1.5rem 3rem;position:relative}.header-content,.logo{align-items:center;display:flex}.logo{left:50%;outline:none;position:absolute;text-decoration:none;transform:translateX(-50%);z-index:1001}.logo-image{border-radius:50%;flex-shrink:0;height:150px;object-fit:contain;width:150px}.hamburger-button{background:none;border:none;cursor:pointer;display:none;padding:8px;z-index:1002}.hamburger-icon{color:#000;font-size:24px;transition:color .3s ease}.hamburger-button:hover .hamburger-icon{color:#666}.nav-desktop{align-items:center;display:flex;gap:2rem;margin-right:auto}.nav-link{font-weight:700;outline:none;position:relative;text-decoration:none;transition:color .3s ease}.nav-link,.nav-link:hover{color:#000}.nav-link:after{background:#000;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-mobile{align-items:center;background:#fffef1;display:flex;flex-direction:column;gap:2rem;height:100vh;left:0;margin-top:4rem;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw;z-index:999}.nav-mobile.nav-mobile-open{opacity:1;visibility:visible}.nav-link-mobile{color:#000;font-size:1.5rem;font-weight:700;padding:1rem;text-decoration:none;transition:color .3s ease}.nav-link-mobile.active,.nav-link-mobile:hover{color:#666}@media (max-width:768px){.header-content{padding:1rem}.hamburger-button{display:block}.nav-desktop{display:none}.logo-image{height:120px;width:120px}}@media (min-width:769px){.hamburger-button,.nav-mobile{display:none!important}}.about{background:var(--template-bg-primary);display:flex;flex-direction:row;min-height:100vh;padding:7rem 0 0;width:100%}.about .story-content{display:flex;flex-direction:column;padding:0 2rem;width:50%}.about .story-content .story-content-title{color:var(--template-text-primary);font-size:60px;font-weight:700;line-height:1;margin-bottom:2rem;text-align:center}.about .story-content .story-content-image{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.about .story-content .story-content-image img{height:auto;max-width:100%;object-fit:contain;width:50%}.about .story-content .story-content-text{color:#000;font-family:Patrick Hand,Caveat,Brush Script MT,Segoe Script;font-size:1.5rem;font-weight:500;line-height:1.1;text-align:left}.about .story-content .story-content-links{display:flex;flex-direction:row;justify-content:flex-start;margin-top:2rem;width:100%}.about .story-content .story-content-links .social-link{color:#000;font-size:1.2rem;font-weight:700;text-align:center;text-decoration:none}.about .story-content .story-content-links .social-link:hover{text-decoration:underline}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#333;margin:2rem auto}@media (max-width:768px){.about{flex-direction:column;padding:3rem 0}.about .story-content{margin-bottom:2rem;padding:0 1rem;width:100%}.about .story-content .story-content-title{font-size:32px;margin-bottom:1.5rem}.about .story-content .story-content-image img{width:70%}.about .story-content .story-content-text{font-size:1.2rem;line-height:1.3;text-align:center}.about .story-content .story-content-links{align-items:center;flex-direction:column;gap:1rem}}.menu-page-content{background-color:var(--template-bg-primary);min-height:70vh;padding:8rem 0 5rem}.menu-page-container{margin:0 auto;max-width:1200px;padding:0 5rem}.menu-page-title{color:var(--template-text-primary);font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:3rem;text-align:center}.menu-category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;padding:0 1rem}.category-filter-btn{background:var(--template-bg-light);border:2px solid var(--template-border-color);border-radius:25px;color:var(--template-text-primary);cursor:pointer;font-size:1rem;font-weight:600;min-width:80px;padding:.75rem 1.5rem;text-transform:capitalize;transition:all .3s ease}.category-filter-btn:hover{background:var(--template-bg-secondary);transform:translateY(-2px)}.category-filter-btn.active,.category-filter-btn:hover{border-color:var(--template-accent-color);box-shadow:0 4px 12px var(--template-shadow-color)}.category-filter-btn.active{background:var(--template-accent-color);color:#fff}.menu-items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 0}.menu-item-card:hover{transform:translateY(-4px)}.menu-item-image-container{height:200px;width:100%}.menu-item-image{height:100%;object-fit:cover;width:100%}.menu-item-details{padding:1.5rem}.menu-item-name{color:var(--template-text-primary);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.menu-item-price{color:var(--template-accent-color);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.menu-item-description{color:var(--template-text-secondary);font-size:1rem;line-height:1.5}.menu-page-empty{color:var(--template-text-secondary);font-size:1.1rem;padding:3rem 0;text-align:center}.menu-item-image-container{overflow:hidden;position:relative}@media (max-width:768px){.menu-page-container{padding:0 2rem}.menu-page-title{font-size:2.5rem}.menu-category-filters{gap:.75rem;margin-bottom:2rem;padding:0 .5rem}.category-filter-btn{font-size:.9rem;min-width:70px;padding:.6rem 1.2rem}.menu-items-grid{gap:1.5rem;grid-template-columns:1fr}}.hours{background:var(--template-bg-primary);min-height:100vh;padding:8rem 0 5rem}.hours-page__container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.hours-location-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:2rem 0}.hours-page__hours-section{background:var(--template-bg-light);border:1px solid var(--template-border-color);border-radius:12px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;padding:2rem}.hours-page__hours-section h2{color:var(--template-text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.hours-table{display:flex;flex:1 1;flex-direction:column;gap:1rem}.hours-page__hours-row{grid-gap:2rem;border-radius:10px;display:grid;gap:2rem;grid-template-columns:1fr 1fr auto;padding:1rem;transition:background-color .3s ease}.hours-row:hover{background-color:var(--template-bg-secondary)}.hours-page__hours-row.current-day{background:linear-gradient(135deg,var(--template-accent-color),var(--template-accent-color));color:#fff}.hours-page__hours-row.current-day .day{color:#fff;font-weight:700}.hours-page__hours-row.current-day .time{color:#fffffff2;font-weight:600}.hours-page__hours-row.current-day .status{color:#fff;font-weight:700}.day{color:var(--template-text-primary);font-size:1.1rem;font-weight:600}.time{color:var(--template-text-secondary)}.current-day .time{color:#ffffffe6}.status{font-size:.9rem;font-weight:600}.no-hours-container,.status{color:var(--template-text-secondary)}.no-hours-container{padding:2rem;text-align:center}.location-section{background:var(--template-bg-light);border:1px solid var(--template-border-color);border-radius:12px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;padding:2rem}.location-section h2{color:var(--template-text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.location-card{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-height:0}.location-info h3{color:var(--template-text-primary);font-size:1.5rem;margin-bottom:1rem}.location-info p{color:var(--template-text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:.5rem}.address-link{color:var(--template-text-primary);font-weight:600;text-decoration:none;transition:color .3s ease}.address-link:hover{color:var(--template-accent-color);text-decoration:underline}.phone-link{color:var(--template-text-primary);font-weight:600;text-decoration:none;transition:color .3s ease}.phone-link:hover{color:var(--template-accent-color);text-decoration:underline}.email-link{color:var(--template-text-primary);font-weight:600;text-decoration:none;transition:color .3s ease}.email-link:hover{color:var(--template-accent-color);text-decoration:underline}.location-map{background:#f8f9fa;border-radius:12px;flex:1 1;min-height:0;overflow:hidden}.location-map iframe{border:none;border-radius:12px;height:100%;width:100%}.map-placeholder{align-items:center;color:var(--template-text-secondary);display:flex;flex-direction:column;height:300px;justify-content:center;padding:2rem;text-align:center}.map-icon{font-size:4rem;margin-bottom:1rem}.map-placeholder h3{color:var(--template-text-primary);font-size:1.5rem;margin-bottom:.5rem}.map-placeholder p{color:var(--template-text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.directions-btn{border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#fff;display:inline-block;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.directions-btn,.directions-btn:hover{background:var(--template-accent-color)}.directions-btn:hover{box-shadow:0 4px 15px #0003;opacity:.9;transform:translateY(-2px)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--template-border-color);border:4px solid var(--template-border-color);border-radius:50%;border-top-color:var(--template-accent-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container p,.loading-container p{color:var(--template-text-secondary);font-size:1.1rem;margin:0}@media (max-width:768px){.hours-location-grid{gap:1.5rem;grid-template-columns:1fr}.hours-page__hours-row{gap:.5rem;grid-template-columns:1fr;text-align:center}.location-card{flex-direction:column;gap:1rem}.hours-page__container{padding:0 1rem}.hours-page__hours-section,.location-section{padding:1.5rem}.hours-page__hours-section h2,.location-section h2{font-size:1.8rem}.embedded-map-container{height:100%;width:100%}.embedded-map-container iframe{height:250px!important}}.embedded-map-container{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:100%;overflow:hidden;position:relative;width:100%}.embedded-map-container iframe{height:100%;width:100%}.map-overlay{bottom:10px;position:absolute;right:10px;z-index:10}.map-overlay .directions-btn{border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.map-overlay .directions-btn,.map-overlay .directions-btn:hover{background:#ff6b35;background:var(--template-accent-color,#ff6b35)}.map-overlay .directions-btn:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.1);transform:translateY(-1px)}
/*# sourceMappingURL=main.a4f3c53d.css.map*/