@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@500;700;800;900&display=swap";.page-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.5rem;display:flex}.page-header-left h3{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:800;line-height:1.2}.page-header-left p{color:var(--color-text-secondary);margin:0;font-size:.875rem}.page-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.flex-between{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.filter-toolbar{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-state-icon{opacity:.6;font-size:3rem;line-height:1}.empty-state h4{color:var(--color-text-secondary);margin:0;font-size:1rem;font-weight:600}.empty-state p{max-width:300px;font-size:.875rem;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}.sidebar-nav a{border-left:3px solid #0000;align-items:center;gap:.5rem;display:flex;border-right:none!important}.sidebar-nav a.active{border-right:none!important;border-left:3px solid var(--color-primary-hover)!important;padding-left:calc(1.5rem - 3px)!important}.dashboard-content{overflow-x:hidden}.custom-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:.75rem;max-width:100%;overflow-x:auto}.custom-table-wrapper:after{content:"";background:linear-gradient(to right, transparent, var(--color-bg-surface));pointer-events:none;opacity:0;border-radius:0 .75rem .75rem 0;width:24px;transition:opacity .2s;position:absolute;top:0;bottom:0;right:0}.custom-table-wrapper:hover:after{opacity:1}.custom-table{width:100%;min-width:600px}.booking-layout{padding:0 0 3rem}.booking-card{border-radius:1.25rem;max-width:560px;margin:0 auto}.booking-progress{width:100%;max-width:560px;margin:0 auto .5rem;padding:1.5rem 1rem}@media (width>=769px) and (width<=1024px){.stats-grid-v2{grid-template-columns:repeat(2,1fr)}.dash-home-grid{grid-template-columns:1fr}.custom-table th,.custom-table td{padding:.85rem 1rem;font-size:.88rem}}@media (width<=768px){.page-header,.flex-between{flex-direction:column;align-items:stretch}.page-header-actions{display:none}.page-header-actions .btn,.page-header-actions>button{justify-content:center;width:100%}.dashboard-content{padding:1rem}.stats-grid-v2{gap:.75rem;grid-template-columns:1fr 1fr!important}.stat-value-v2{font-size:1.5rem}.stat-card-v2{padding:1rem}.dash-home-grid{grid-template-columns:1fr}.booking-link-widget{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.booking-link-widget-actions{flex-direction:column;width:100%}.booking-link-widget-actions .btn{justify-content:center;width:100%}.business-profile-banner{gap:.75rem;padding:1.25rem}.business-name-h{font-size:1.3rem}.business-contact-info{flex-direction:column;gap:.35rem}.filter-toolbar{flex-direction:column;gap:.5rem}.filter-toolbar .form-control{flex:100%;width:100%;min-width:0}.dashboard-content{overflow-x:visible}.dashboard-widget.custom-table-wrapper{-webkit-overflow-scrolling:touch;max-width:calc(100vw - 2rem);overflow-x:auto}.custom-table th,.custom-table td{white-space:nowrap;padding:.65rem .75rem;font-size:.82rem}.btn-action{width:40px;height:40px}.action-btn-group{gap:.5rem}.quick-actions-bar{flex-wrap:wrap;gap:.5rem}.quick-actions-bar .btn{flex:calc(50% - .5rem);justify-content:center;min-width:0;padding:.6rem .75rem;font-size:.82rem}.metrics-filter-bar{scrollbar-width:none;padding-bottom:.25rem;overflow-x:auto;flex-wrap:nowrap!important}.metrics-filter-bar::-webkit-scrollbar{display:none}.settings-tabs{gap:0}.tab-btn{flex-shrink:0;padding:.65rem 1rem;font-size:.82rem}.settings-section{padding:1.25rem}.settings-grid{grid-template-columns:1fr}.settings-footer{flex-direction:column-reverse;align-items:stretch}.settings-footer .btn{justify-content:center;width:100%}.hours-row,.hours-row-settings{flex-direction:column;align-items:flex-start;gap:.75rem}.hours-time-inputs,.hours-row-inputs{flex-wrap:wrap;gap:.5rem;width:100%}.time-input,.hours-row-inputs input{flex:calc(50% - .25rem);min-width:0;width:calc(50% - .25rem)!important}.modal-overlay{align-items:center;padding:1rem}.modal-card{text-align:left;border-radius:1.25rem;width:calc(100% - 2rem);max-height:85vh;margin:0 auto;overflow-y:auto}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{justify-content:center;width:100%}.dashboard-header h2{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:1rem;overflow:hidden}.booking-header-v2{border-radius:0;margin-top:0;padding:2rem 1rem 1.5rem}.booking-header-shop-name{font-size:1.4rem}.booking-logo-avatar,.booking-logo-placeholder{width:70px;height:70px;font-size:2rem}.booking-card{box-shadow:none;border-left:none;border-right:none;border-radius:0;padding:1.5rem 1rem}.booking-progress{padding:1rem}.time-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.time-slot{padding:.6rem .25rem;font-size:.82rem}.date-card{flex:0 0 64px;min-width:64px;padding:.75rem .25rem}.date-card-number{font-size:1.1rem}.service-card{padding:.85rem 1rem}}@media (width<=480px){.stats-grid-v2{grid-template-columns:1fr 1fr!important}.dashboard-content{padding:.75rem}.page-header{margin-bottom:1.25rem;padding-bottom:1rem}.page-header-left h3{font-size:1.25rem}.business-profile-banner{padding:1rem}}.modal-overlay{-webkit-backdrop-filter:blur(20px)!important;width:100%!important;height:100%!important;padding:env(safe-area-inset-top,2rem) 1rem env(safe-area-inset-bottom,2rem) 1rem!important;z-index:10000!important;background:#020617d9!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.modal-card{background:var(--color-bg-surface)!important;border:1px solid #ffffff1a!important;border-top:3px solid var(--color-primary)!important;text-align:left!important;border-radius:1.5rem!important;max-height:90vh!important;padding:2.5rem!important;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalEnter!important;overflow-y:auto!important;box-shadow:0 20px 50px -12px #000000e6,0 0 0 1px #ffffff0d!important}@keyframes modalEnter{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.modal-header-text h3,.modal-header h3{margin:0 0 .2rem;font-size:1.15rem;font-weight:700;color:var(--color-text-primary)!important}.modal-header-text p,.modal-header p{color:var(--color-text-secondary);margin:0;font-size:.83rem}.modal-close-btn{background:var(--color-bg-base);border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:all .15s;display:flex}.modal-close-btn:hover{background:var(--color-bg-elevate);color:var(--color-text-primary);border-color:#ffffff2e}.modal-form-actions{gap:.75rem;margin-top:1.75rem;display:flex}.modal-form-actions .btn{flex:1;justify-content:center}.modal-form-actions .btn-primary{flex:2}.modal-confirm{max-width:380px;text-align:center!important}.modal-confirm .modal-actions{justify-content:center}.modal-form{max-width:520px}.modal-form-lg{max-width:620px}:root{--fab-bottom-base:1.5rem;--fab-right-base:1.25rem}.global-fab{bottom:var(--fab-bottom-base);bottom:calc(var(--fab-bottom-base) + env(safe-area-inset-bottom,0px));right:var(--fab-right-base);right:calc(var(--fab-right-base) + env(safe-area-inset-right,0px));background:var(--color-primary);color:#020617;cursor:pointer;z-index:9999;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;font-weight:700;line-height:1;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;box-shadow:0 4px 24px #38bdf880,0 2px 8px #00000080}.global-fab:active{transform:scale(.92);box-shadow:0 2px 10px #38bdf84d}:root{--color-bg-base:#020617;--color-bg-surface:#0f172a;--color-bg-elevate:#1e293b;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-primary:#38bdf8;--color-primary-hover:#0ea5e9;--color-primary-glow:#38bdf866;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-border:#ffffff1a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--container-max:1200px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6,.logo{font-family:var(--font-display);line-height:1.2}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}ul{list-style:none}input,select,textarea{font-size:16px!important}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.cursor-pointer{cursor:pointer}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.btn-primary{background-color:var(--color-primary);color:#0f172a;box-shadow:0 4px 14px 0 var(--color-primary-glow)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #38bdf899}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:#38bdf81a}.btn-ghost{color:#f87171;background-color:#ef44440d;border:1px solid #ef444433}.btn-ghost:hover{color:#fca5a5;background-color:#ef44441a;border-color:#ef444466}.btn-whatsapp{color:#fff!important;background-color:#25d366!important;border:1px solid #25d366!important}.btn-whatsapp:hover{transform:translateY(-2px);background-color:#128c7e!important;border-color:#128c7e!important}.app-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#020617cc;position:fixed;top:0;left:0;right:0}.app-header-container{justify-content:space-between;align-items:center;height:4rem;display:flex}.logo{letter-spacing:-.5px;color:var(--color-primary);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.logo img{object-fit:contain;width:32px;height:32px}.header-nav{align-items:center;gap:1.5rem;display:flex}.header-nav a:not(.btn){color:var(--color-text-primary);font-size:.9rem;font-weight:500}.header-nav a:hover:not(.btn){color:var(--color-primary)}section{padding:6rem 0;scroll-margin-top:4rem}.section-header{max-width:600px;margin:0 auto 4rem}.section-title{letter-spacing:-1px;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-subtitle{font-size:1.125rem}.hero-section{background:radial-gradient(circle at 50% 0,#38bdf826 0%,#0000 40%);align-items:center;min-height:100vh;padding-top:10rem;padding-bottom:4rem;display:flex}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-badge{color:var(--color-primary);background:#38bdf81a;border-radius:2rem;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-1.5px;margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1.1}.hero-subtitle{margin-bottom:2rem;font-size:1.25rem}.hero-buttons{gap:1rem;margin-bottom:1rem;display:flex}.hero-disclaimer{font-size:.875rem}.hero-image-wrapper{position:relative}.hero-image-glow{display:none}.hero-image{z-index:10;box-shadow:none;border:none;border-radius:1rem;position:relative}.features-section{background-color:var(--color-bg-surface)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-item{background:var(--color-bg-base);border:1px solid var(--color-border);transition:transform var(--transition-normal);border-radius:1rem;padding:2rem}.feature-item:hover{border-color:#38bdf84d;transform:translateY(-5px)}.feature-icon{width:48px;height:48px;color:var(--color-primary);background:#38bdf81a;border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-icon svg{width:24px;height:24px}.feature-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-desc{color:var(--color-text-secondary);font-size:.95rem}.pricing-section{background-color:var(--color-bg-base)}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:2rem;max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:var(--color-bg-surface);border:1px solid var(--color-border);transition:transform var(--transition-normal);border-radius:1rem;flex-direction:column;padding:2.5rem;display:flex;position:relative}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.popular{border-color:var(--color-primary);background:linear-gradient(#1e293b 0%,#0f172a 100%)}.popular-badge{background:var(--color-primary);color:#020617;text-transform:uppercase;border-radius:2rem;padding:.25rem 1rem;font-size:.75rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h3{color:var(--color-text-primary);font-size:1.5rem}.price{justify-content:center;align-items:baseline;gap:.25rem;margin-top:1rem;display:flex}.price .currency{color:var(--color-text-secondary);font-size:1.5rem;font-weight:600}.price .amount{font-size:3.5rem;font-weight:800;font-family:var(--font-display);line-height:1}.price .period{color:var(--color-text-secondary)}.pricing-header .description{color:var(--color-text-secondary);margin-top:1rem}.pricing-body{flex-grow:1;margin-bottom:2rem}.feature-list li{color:var(--color-text-primary);align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.icon-check{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.footer-section{background-color:var(--color-bg-surface);border-top:1px solid var(--color-border);padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-logo{margin-bottom:1rem;font-size:1.5rem}.footer-links h4{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1rem}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--color-text-secondary)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);text-align:center;padding-top:2rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.8s ease-out forwards fadeUp}.auth-container{background:var(--color-bg-base);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-box{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;width:100%;max-width:450px;padding:3rem;box-shadow:0 25px 50px -12px #00000080}.auth-header{margin-bottom:2rem}.auth-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.9rem;display:block}.form-control{background:var(--color-bg-base);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);border-radius:.5rem;padding:.75rem 1rem}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow);outline:none}.dashboard-layout{background:var(--color-bg-base);min-height:100vh;display:flex}.dashboard-sidebar{background:var(--color-bg-surface);border-right:1px solid var(--color-border);width:250px;transition:transform var(--transition-normal);z-index:200;flex-direction:column;display:flex}.sidebar-backdrop{display:none}.mobile-close-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:1rem;font-size:1.5rem;display:none}.sidebar-nav{padding:1.5rem 0;display:block!important}.sidebar-nav a{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.75rem 1.5rem;text-decoration:none;display:block}.sidebar-nav a:hover{color:var(--color-text-primary);background:#ffffff0d}.sidebar-nav a.active{background:var(--color-primary);border-right:4px solid var(--color-primary-hover);font-weight:600;color:#0f172a!important}.sidebar-header-flex{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-mobile-left{align-items:center;display:flex}.mobile-menu-btn{border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:.25rem;margin-right:1rem;padding:.4rem .6rem;font-size:1.25rem;display:none}.user-profile{align-items:center;gap:1rem;display:flex}.user-email{display:inline-block}.profile-avatar-btn{background:var(--color-primary);color:#020617;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.profile-avatar-btn:hover{box-shadow:0 0 15px var(--color-primary-glow);transform:scale(1.05)}.profile-dropdown-menu{background:var(--color-bg-elevate);border:1px solid var(--color-border);z-index:300;border-radius:.75rem;width:220px;animation:.15s ease-out forwards fadeUp;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #00000080}.profile-dropdown-header{border-bottom:1px solid var(--color-border);background:#0003;padding:1rem}.profile-dropdown-body{padding:.5rem 0}.dropdown-item{text-align:left;width:100%;color:var(--color-text-primary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.95rem;transition:background .2s;display:block}.dropdown-item:hover{background:#ffffff0d}.dashboard-content{flex:1;padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem}.stat-card h3{color:var(--color-text-secondary);font-size:.9rem;font-family:var(--font-sans);margin-bottom:.5rem;font-weight:500}.stat-value{font-size:2.5rem;font-weight:800;font-family:var(--font-display)}.dashboard-widget{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;min-height:300px;padding:1.5rem}.custom-table-wrapper{overflow-x:auto;padding:0!important}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);background:#0003;padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.custom-table td{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:1.25rem 1.5rem}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tbody tr{transition:background var(--transition-fast)}.custom-table tbody tr:hover{background:#ffffff05}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:1rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.badge-completed{color:#a5b4fc;background:#818cf826;border:1px solid #818cf84d}.badge-danger{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.badge-default{color:var(--color-text-secondary);background:#ffffff1a}.action-btn-group{flex-wrap:wrap;gap:.5rem;display:flex}.btn-action{border:1px solid var(--color-border);background:var(--color-bg-base);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-action:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-action:hover:not(:disabled){transform:translateY(-2px)}.btn-action.btn-ghost{color:var(--color-primary);background:#38bdf80d;border-color:#38bdf840}.btn-action.btn-ghost:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-primary-glow);background:#38bdf81f}.btn-action.btn-complete,.btn-action.btn-success{color:#4ade80;background:#22c55e0d;border-color:#22c55e40}.btn-action.btn-complete:hover:not(:disabled),.btn-action.btn-success:hover:not(:disabled){background:#22c55e1f;border-color:#4ade80;box-shadow:0 4px 12px #22c55e33}.btn-action.btn-cancel,.btn-action.btn-danger{color:#f87171;background:#ef44440d;border-color:#ef444440}.btn-action.btn-cancel:hover:not(:disabled),.btn-action.btn-danger:hover:not(:disabled){background:#ef44441f;border-color:#f87171;box-shadow:0 4px 12px #ef444433}.row-dimmed{opacity:.5;pointer-events:none}.modal-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--color-bg-elevate);border:1px solid var(--color-border);text-align:center;border-radius:1rem;width:100%;max-width:400px;padding:2.5rem 2rem;animation:.2s ease-out forwards fadeUp;box-shadow:0 25px 60px -10px #0009}.modal-icon{background:#ffffff0d;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;font-size:2.5rem;font-weight:700;display:flex}.modal-title{margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.modal-body{margin-bottom:1.75rem;font-size:.95rem}.modal-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.booking-layout{background:var(--color-bg-base);flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.booking-header{text-align:center;margin-bottom:2rem}.booking-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;width:100%;max-width:500px;padding:2rem;box-shadow:0 10px 25px #00000080}.time-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;display:grid}.time-slot{background:var(--color-bg-base);border:1px solid var(--color-border);text-align:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary);border-radius:.5rem;padding:.75rem .5rem;font-size:.9rem}.time-slot:hover{border-color:var(--color-primary-glow);background:#38bdf80d}.time-slot.selected{background:var(--color-primary);color:#020617;border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow);font-weight:600;transform:scale(1.05)}.time-slot.occupied{color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed;opacity:.5;background:#ffffff08;text-decoration:line-through}.time-slot.occupied:hover{border-color:var(--color-border);background:#ffffff08}.time-slot.disabled{display:none}.step-content{animation:.3s ease-out forwards fadeUp}.summary-box{background:#38bdf81a;border:1px solid #38bdf833;border-radius:.5rem;padding:1rem;font-size:.95rem}.mt-4{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}.success-icon{width:80px;height:80px;color:var(--color-primary);background:#38bdf81a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.success-icon svg{width:40px;height:40px}@media (width<=768px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-buttons{flex-direction:column;gap:1rem;width:100%}.hero-buttons .btn{width:100%}.hero-title{letter-spacing:-1px;font-size:2rem}.hero-subtitle{font-size:1rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.dashboard-layout{flex-direction:column}.dashboard-sidebar{border-right:1px solid var(--color-border);z-index:200;width:280px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 25px #00000080}.dashboard-sidebar.open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;background:#0009;display:none;position:fixed;inset:0}.sidebar-backdrop.show,.mobile-close-btn{display:block}.dashboard-header{border-bottom:1px solid var(--color-border);flex-flow:row;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem}.header-mobile-left{flex:1;justify-content:flex-start;width:auto;overflow:hidden}.header-mobile-left h2{white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;overflow:hidden}.mobile-menu-btn{flex-shrink:0;margin-right:.5rem;display:block}.user-profile{border-top:none;width:auto;padding-top:0}.user-email{font-size:.85rem}.dashboard-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.features-grid,.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.header-nav{gap:.5rem}.header-nav a:not(.btn){display:none}.logo{font-size:1.25rem}}.services-form-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.services-form-grid{grid-template-columns:1fr}}.service-dot{background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 6px var(--color-primary-glow);border-radius:50%;margin-right:.6rem;display:inline-block}.booking-progress{justify-content:center;align-items:center;gap:0;margin-bottom:1.5rem;display:flex}.booking-progress-step{background:var(--color-bg-elevate);border:2px solid var(--color-border);width:2rem;height:2rem;color:var(--color-text-muted);transition:all var(--transition-normal);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;position:relative}.booking-progress-step+.booking-progress-step:before{content:"";background:var(--color-border);z-index:0;order:-1;width:40px;height:2px;margin:0 -.25rem;display:block;position:relative}.booking-progress{align-items:center;gap:0;display:flex}.booking-progress-step.done,.booking-progress-step.active{background:var(--color-primary);border-color:var(--color-primary);color:#0f172a;box-shadow:0 0 12px var(--color-primary-glow)}.booking-progress-step:not(:first-child){margin-left:40px}.booking-progress-step:not(:first-child):before{content:"";background:var(--color-border);width:40px;height:2px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.booking-progress-step.done:not(:first-child):before,.booking-progress-step.active:not(:first-child):before{background:var(--color-primary)}.service-cards-grid{flex-direction:column;gap:.75rem;display:flex}.service-card{border:1.5px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-elevate);border-radius:.75rem;padding:1rem 1.25rem;position:relative}.service-card:hover{background:#38bdf80a;border-color:#38bdf866}.service-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:#38bdf814}.service-card.selected:after{content:"✓";background:var(--color-primary);color:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:.75rem;right:1rem}.service-card-name{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:700}.service-card-desc{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.85rem}.service-card-meta{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.service-card-duration{color:var(--color-text-muted);font-size:.82rem}.service-card-price{font-size:1.1rem;font-weight:800;font-family:var(--font-display);color:var(--color-primary)}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.7s linear infinite spin}.app-route-loading{background:radial-gradient(circle at top, #38bdf814, transparent 30%), var(--color-bg-base);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.app-route-loading-card{background:#0f172ad1;border:1px solid #94a3b81f;border-radius:1.25rem;flex-direction:column;align-items:center;gap:1rem;min-width:min(100%,280px);padding:1.5rem 1.75rem;display:flex;box-shadow:0 30px 60px -44px #000000f2}.app-route-loading-card p{color:var(--color-text-secondary);font-size:.92rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.9}}.skeleton-pulse{background:linear-gradient(90deg, var(--color-bg-elevate) 25%, #ffffff0f 50%, var(--color-bg-elevate) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeletonPulse;display:block}.stats-grid-v2{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.75rem;display:grid}.stat-card-v2{background:var(--color-bg-surface);border:1px solid var(--color-border);transition:transform var(--transition-fast), border-color var(--transition-fast);border-radius:1rem;padding:1.25rem 1.5rem 1.5rem;position:relative;overflow:hidden}.stat-card-v2:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#38bdf80a,#0000 60%);position:absolute;inset:0}.stat-card-v2:hover{border-color:#ffffff2e;transform:translateY(-3px)}.stat-card-top{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.stat-card-icon{font-size:1.1rem}.stat-card-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:.82rem;font-weight:600}.stat-value-v2{font-family:var(--font-display);letter-spacing:-.5px;font-size:2rem;font-weight:800;line-height:1.1}.stat-card-sub{color:var(--color-text-muted);margin-top:.4rem;font-size:.78rem}.dash-home-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.widget-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.widget-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.widget-badge{color:var(--color-primary);background:#38bdf81a;border:1px solid #38bdf833;border-radius:2rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.upcoming-list{flex-direction:column;gap:.5rem;display:flex}.upcoming-item{background:var(--color-bg-base);border:1px solid var(--color-border);transition:border-color var(--transition-fast);border-radius:.6rem;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:relative}.upcoming-item:hover{border-color:#38bdf84d}.upcoming-today{background:#38bdf80a!important;border-color:#38bdf859!important}.upcoming-time{text-align:center;flex-direction:column;align-items:center;min-width:52px;display:flex}.upcoming-date{color:var(--color-text-muted);font-size:.7rem;font-weight:500}.upcoming-hour{color:var(--color-primary);font-size:.95rem;font-weight:700}.upcoming-info{flex:1;min-width:0}.upcoming-client{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.upcoming-service{color:var(--color-text-muted);margin-top:.1rem;font-size:.78rem}.upcoming-price{color:#fbbf24;white-space:nowrap;font-size:.82rem;font-weight:700}.today-pill{background:var(--color-primary);color:#0f172a;text-transform:uppercase;letter-spacing:.5px;border-radius:2rem;padding:.1rem .45rem;font-size:.6rem;font-weight:800;position:absolute;top:.4rem;right:.5rem}.activity-list{flex-direction:column;gap:.6rem;display:flex}.activity-item{background:var(--color-bg-base);border:1px solid var(--color-border);transition:border-color var(--transition-fast);border-radius:.6rem;align-items:center;gap:.9rem;padding:.65rem .85rem;display:flex}.activity-item:hover{border-color:#ffffff1f}.activity-avatar{width:34px;height:34px;color:var(--color-primary);background:#38bdf826;border:1.5px solid #38bdf840;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.activity-body{flex:1;min-width:0}.activity-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.activity-meta{color:var(--color-text-muted);margin-top:.1rem;font-size:.75rem}.empty-state-mini{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 1rem;display:flex}.empty-state-emoji{font-size:2.5rem}.empty-state-mini p{color:var(--color-text-muted);max-width:240px;font-size:.9rem}@media (width<=1024px){.stats-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stats-grid-v2{grid-template-columns:1fr 1fr;gap:.85rem}.dash-home-grid{grid-template-columns:1fr}.stat-value-v2{font-size:1.6rem}}@media (width<=480px){.stats-grid-v2{grid-template-columns:1fr}}.onboarding-layout{background:var(--color-bg-base);flex-direction:column;min-height:100vh;display:flex}.onboarding-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.onboarding-step-counter{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.onboarding-progress-bar{background:var(--color-border);height:3px;position:relative}.onboarding-progress-fill{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow);transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.onboarding-container{flex:1;width:100%;max-width:640px;margin:0 auto;padding:3rem 1.5rem}.onboarding-steps{justify-content:center;align-items:center;gap:0;margin-bottom:2.5rem;display:flex}.onboarding-step-item{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.onboarding-step-item:not(:first-child){margin-left:3rem}.onboarding-step-item:not(:first-child):before{content:"";background:var(--color-border);width:2.5rem;height:2px;position:absolute;top:1rem;right:calc(100% + .25rem)}.onboarding-step-item.done:not(:first-child):before,.onboarding-step-item.active:not(:first-child):before{background:var(--color-primary)}.onboarding-step-circle{background:var(--color-bg-elevate);border:2px solid var(--color-border);width:2rem;height:2rem;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.onboarding-step-item.active .onboarding-step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#0f172a;box-shadow:0 0 14px var(--color-primary-glow)}.onboarding-step-item.done .onboarding-step-circle{border-color:var(--color-primary);color:var(--color-primary);background:#38bdf826}.onboarding-step-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.72rem;font-weight:600}.onboarding-step-item.active .onboarding-step-label{color:var(--color-primary)}.onboarding-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1.25rem;padding:2.5rem;box-shadow:0 20px 50px #0006}.onboarding-card-header{text-align:center;margin-bottom:2rem}.onboarding-emoji{margin-bottom:1rem;font-size:3rem}.onboarding-card-header h2{margin-bottom:.5rem;font-size:1.65rem;font-weight:800}.hours-grid{flex-direction:column;gap:.6rem;display:flex}.hours-row{border:1px solid var(--color-border);background:var(--color-bg-base);border-radius:.6rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;transition:border-color .2s;display:flex}.hours-row.enabled{background:#38bdf808;border-color:#38bdf840}.hours-day-toggle{align-items:center;gap:.65rem;min-width:70px;display:flex}.day-toggle-btn{background:var(--color-bg-elevate);border:1.5px solid var(--color-border);cursor:pointer;border-radius:10px;flex-shrink:0;width:34px;height:20px;transition:all .25s;position:relative}.day-toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.day-toggle-dot{background:var(--color-text-muted);border-radius:50%;width:14px;height:14px;transition:all .25s;position:absolute;top:2px;left:2px}.day-toggle-btn.active .day-toggle-dot{background:#0f172a;left:16px}.hours-day-label{color:var(--color-text-secondary);min-width:28px;font-size:.85rem;font-weight:600}.hours-time-inputs{align-items:center;gap:.5rem;display:flex}.time-input{width:145px!important;padding:.4rem .6rem!important;font-size:.85rem!important}.hours-separator{color:var(--color-text-muted);font-weight:600}.hours-closed-label{color:var(--color-text-muted);font-size:.8rem;font-style:italic}.booking-link-preview{background:#38bdf80d;border:1px solid #38bdf833;border-radius:.85rem;margin-bottom:1.5rem;padding:1.5rem}.booking-link-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.booking-link-box{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.booking-link-text{color:var(--color-text-secondary);word-break:break-all;flex:1;font-family:monospace;font-size:.83rem}.booking-link-copy{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font-sans);background:0 0;border-radius:.5rem;flex-shrink:0;padding:.4rem .85rem;transition:all .2s}.booking-link-copy:hover{background:#38bdf81a}.booking-link-copy.copied{color:#4ade80;background:#38bdf826;border-color:#4ade80}.booking-link-hint{font-size:.8rem}.onboarding-summary{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.summary-row{align-items:flex-start;gap:.85rem;display:flex}.summary-icon{flex-shrink:0;padding-top:.1rem;font-size:1.1rem}.summary-key{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:.2rem;font-size:.72rem;font-weight:600}.summary-val{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.booking-link-widget{background:linear-gradient(135deg,#38bdf814 0%,#818cf80d 100%);border:1px solid #38bdf840;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.75rem;padding:1.5rem;display:flex}.booking-link-widget-icon{flex-shrink:0;font-size:2rem}.booking-link-widget-body{flex:1;min-width:200px}.booking-link-widget-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);margin-bottom:.35rem;font-size:.78rem;font-weight:700}.booking-link-widget-url{color:var(--color-text-secondary);word-break:break-all;font-family:monospace;font-size:.85rem}.booking-link-widget-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}@media (width<=640px){.onboarding-card{padding:1.5rem}.onboarding-container{padding:2rem 1rem}.hours-row{flex-wrap:wrap;gap:.75rem}.time-input{width:110px!important}.booking-link-widget{text-align:center;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:1rem}.booking-link-widget-actions{justify-content:center}}.business-profile-banner{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.75rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000004d}.business-profile-banner:after{content:"";background:var(--color-primary);filter:blur(120px);opacity:.1;pointer-events:none;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.business-info-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.business-category-tag{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;background:#38bdf81a;border:1px solid #38bdf833;border-radius:2rem;align-items:center;gap:.4rem;width:fit-content;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.business-name-h{color:var(--color-text-primary);margin:.25rem 0;font-size:1.75rem;font-weight:800}.business-description-p{color:var(--color-text-secondary);max-width:600px;font-size:.95rem}.business-contact-info{color:var(--color-text-muted);gap:1.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.business-contact-item{align-items:center;gap:.5rem;display:flex}@media (width<=768px){.business-profile-banner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.business-contact-info{flex-direction:column;gap:.5rem}.business-name-h{font-size:1.5rem}}.category-select-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.category-option{background:var(--color-bg-base);border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem .5rem;display:flex}.category-option:hover{background:#38bdf80d;border-color:#38bdf84d}.category-option.active{border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow);background:#38bdf81a}.category-emoji{font-size:1.5rem}.category-label{color:var(--color-text-secondary);text-align:center;font-size:.8rem;font-weight:600}.category-option.active .category-label{color:var(--color-primary)}.selected-category-card{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.selected-category-info{align-items:center;gap:1rem;display:flex}.selected-category-emoji{background:#38bdf81a;border:1px solid #38bdf840;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;display:flex;box-shadow:inset 0 0 10px #38bdf80d}.selected-category-text h4{color:var(--color-text-primary);margin:0 0 .1rem;font-size:1rem;font-weight:700}.selected-category-text p{color:var(--color-text-muted);margin:0;font-size:.8rem}.date-selector-wrapper{margin-bottom:2rem}.date-selector-label{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.88rem;font-weight:600;display:block}.date-selector-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;padding:.5rem .25rem 1rem;display:flex;overflow-x:auto}.date-selector-scroll::-webkit-scrollbar{display:none}.date-card{background:var(--color-bg-base);border:1px solid var(--color-border);cursor:pointer;min-width:80px;transition:all var(--transition-fast);border-radius:.75rem;flex-direction:column;flex:0 0 calc(20% - .75rem);justify-content:center;align-items:center;padding:1rem .5rem;display:flex}.date-card:hover{border-color:#38bdf866;transform:translateY(-2px)}.date-card.selected{background:var(--color-primary);border-color:var(--color-primary);color:#0f172a;box-shadow:0 0 15px var(--color-primary-glow);transform:scale(1.05)}.date-card-weekday{text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.date-card.selected .date-card-weekday{opacity:1}.date-card-number{font-size:1.25rem;font-weight:800;font-family:var(--font-display)}.date-card-month{opacity:.7;font-size:.65rem;font-weight:600}@media (width<=640px){.date-card{flex:0 0 70px;min-width:70px}}.booking-header-v2{text-align:center;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);border-radius:0 0 1.5rem 1.5rem;margin-top:-2rem;margin-bottom:2rem;padding:2.5rem 1rem 2rem;position:relative}.booking-header-v2.has-banner{color:#fff;background-position:50%;background-size:cover;border:none;padding-top:4rem}.booking-header-overlay{z-index:1;background:linear-gradient(#0006 0%,#000c 100%);border-radius:0 0 1.5rem 1.5rem;position:absolute;inset:0}.booking-header-content{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.booking-logo-container{margin-bottom:1.25rem;position:relative}.booking-logo-avatar{object-fit:cover;border:4px solid var(--color-bg-base);background:var(--color-bg-surface);border-radius:50%;width:90px;height:90px;box-shadow:0 8px 24px #0003}.booking-logo-placeholder{border:4px solid var(--color-bg-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#38bdf826;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:2.5rem;display:flex;box-shadow:0 8px 24px #0000001a}.booking-header-shop-name{text-shadow:0 2px 4px #0000004d;margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.booking-header-v2:not(.has-banner) .booking-header-shop-name{text-shadow:none;color:var(--color-text-primary)}.booking-header-info{opacity:.9;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;display:flex}.booking-header-v2:not(.has-banner) .booking-header-info,.booking-header-v2:not(.has-banner) .booking-header-desc{color:var(--color-text-secondary)}.booking-header-desc{opacity:.9;max-width:500px;margin:1.25rem auto 0;font-size:.9rem;line-height:1.5}.booking-header-item{align-items:center;gap:.4rem;display:flex}.settings-container{max-width:800px;margin:0 auto;padding:1rem}.settings-tabs{border-bottom:1px solid var(--color-border);scrollbar-width:none;gap:1rem;margin-bottom:2rem;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.tab-btn{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast);background:0 0;border:none;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;position:relative}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-primary)}.tab-btn.active:after{content:"";background:var(--color-primary);height:2px;box-shadow:0 0 10px var(--color-primary-glow);position:absolute;bottom:-1px;left:0;right:0}.settings-section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:1rem;margin-bottom:2rem;padding:2rem;animation:.4s ease-out fade-up}.settings-section-header{margin-bottom:2rem}.settings-section-header h3{margin-bottom:.5rem;font-size:1.25rem}.settings-section-header p{color:var(--color-text-secondary);font-size:.9rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.settings-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:1rem;margin-top:1rem;padding:1.5rem 0;display:flex}.hours-row-settings{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;display:flex}.hours-row-info{align-items:center;gap:1rem;display:flex}.hours-row-day{min-width:40px;font-weight:600}.hours-row-inputs{align-items:center;gap:.5rem;display:flex}.hours-row-inputs input{width:145px;padding:.35rem .5rem;font-size:.85rem}@media (width<=640px){.hours-row-settings{flex-direction:column;align-items:flex-start;gap:1rem}.hours-row-inputs{justify-content:space-between;width:100%}.settings-section{padding:1.25rem}}.custom-file-upload{display:inline-block;position:relative}.custom-file-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.custom-file-label{cursor:pointer;transition:all var(--transition-fast);pointer-events:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.custom-file-upload.btn-sm .custom-file-label{padding:.25rem .5rem;font-size:.68rem}.custom-file-upload:hover .custom-file-label{border-color:var(--color-primary);color:var(--color-text-primary);background:#38bdf808}.custom-file-upload:active .custom-file-label{background:#38bdf814}.image-upload-wrapper{cursor:pointer;transition:all var(--transition-normal);border:2px solid var(--color-border);background:var(--color-bg-elevate);position:relative;overflow:hidden}.image-upload-wrapper:hover{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.image-upload-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;width:100%;height:100%;transition:all var(--transition-normal);color:var(--color-primary);z-index:10;pointer-events:none;border-radius:inherit;background:#020617bf;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;top:0;left:0}.image-upload-wrapper:hover .image-upload-overlay{opacity:1}.image-upload-overlay span{text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:700}.avatar-fixed{transition:all var(--transition-normal);border:2px solid #0000;aspect-ratio:1!important;object-fit:cover!important;border-radius:50%!important;flex-shrink:0!important}.activity-avatar{background:var(--color-bg-elevate);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-primary);aspect-ratio:1;transition:all var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.logo-upload-wrapper{border-radius:50%;width:85px;height:85px;overflow:hidden}.avatar-wrapper.image-upload-wrapper,.logo-upload-wrapper.image-upload-wrapper{border-radius:50%!important;overflow:hidden!important}.avatar-upload-large{aspect-ratio:1;border:2px solid var(--color-border);flex-shrink:0;width:80px;height:80px;position:relative;border-radius:50%!important;overflow:hidden!important}.banner-upload-wrapper{border-radius:1rem;width:100%;height:180px;overflow:hidden}.avatar-wrapper{border-radius:50%;flex-shrink:0;width:38px;height:38px;position:relative;overflow:hidden}.membership-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.75rem;font-weight:800;display:inline-flex}.membership-badge.free{color:#94a3b8;background:#94a3b81a;border-color:#94a3b833}.membership-badge.pro{color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#38bdf81a);border-color:#38bdf866;box-shadow:0 0 15px #38bdf826}.membership-badge.premium{color:#fbbf24;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-color:#fbbf2466;box-shadow:0 0 15px #fbbf2426}.membership-badge.gold{color:#f472b6;background:linear-gradient(135deg,#f472b633,#f472b61a);border-color:#f472b666;box-shadow:0 0 15px #f472b626}
