@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#fff;--color-secondary:#f4f4f5;--color-cta:#10b981;--color-cta-hover:#059669;--color-background:#fafafa;--color-surface:#fff;--color-text:#09090b;--color-muted:#52525b;--color-border:#e4e4e7;--color-secondary-hover:#ebebeb;--color-secondary-active:#f4f4f5;--color-border-hover:#d4d4d8;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #00000014;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000014, 0 0 0 1px #00000005;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a, 0 0 0 1px #00000005;--font-heading:"Manrope", sans-serif;--font-body:"Manrope", sans-serif}:root.dark{--color-primary:#09090b;--color-secondary:#1b1b1f;--color-cta:#10b981;--color-cta-hover:#059669;--color-background:#09090b;--color-surface:#131316;--color-text:#fafafa;--color-muted:#a1a1aa;--color-border:#222227;--color-secondary-hover:#222227;--color-secondary-active:#1b1b1f;--color-border-hover:#2d2d34;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000073, 0 4px 6px -2px #00000040, 0 0 0 1px #ffffff05;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d, 0 0 0 1px #ffffff08}@media (prefers-color-scheme:dark){:root:not(.light){--color-primary:#09090b;--color-secondary:#1b1b1f;--color-cta:#10b981;--color-cta-hover:#059669;--color-background:#09090b;--color-surface:#131316;--color-text:#fafafa;--color-muted:#a1a1aa;--color-border:#222227;--color-secondary-hover:#222227;--color-secondary-active:#1b1b1f;--color-border-hover:#2d2d34;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000073, 0 4px 6px -2px #00000040, 0 0 0 1px #ffffff05;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d, 0 0 0 1px #ffffff08}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--space-sm);letter-spacing:-.025em}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-lg);box-shadow:var(--shadow-sm);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover);cursor:pointer;transform:translateY(-1px)}.input{background:var(--color-primary);border:1px solid var(--color-border);width:100%;font-family:var(--font-body);color:var(--color-text);border-radius:8px;padding:12px 16px;font-size:15px;transition:all .15s}.input:focus{border-color:var(--color-cta);background:var(--color-primary);outline:none;box-shadow:0 0 0 3px #22c55e1f}.input::placeholder{color:var(--color-muted)}.btn-primary{background:var(--color-cta);color:#fff;font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:var(--color-cta-hover);transform:translateY(-.5px);box-shadow:0 4px 6px -1px #22c55e26,0 2px 4px -1px #22c55e1a}.btn-primary:active{transform:translateY(.5px)scale(.98)}.btn-primary:disabled{background:var(--color-secondary);color:var(--color-muted);border:1px solid var(--color-border);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--color-primary);color:var(--color-text);border:1px solid var(--color-border);font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-sm);border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-border-hover);background:var(--color-secondary-hover)}.btn-secondary:active{background:var(--color-secondary-active);transform:translateY(.5px)scale(.98)}.modal-overlay{z-index:1000;padding:40px var(--space-md);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;background-color:#00000073;justify-content:center;align-items:flex-start;transition:opacity .2s ease-out,visibility 0s linear .2s;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.modal{z-index:2;background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-lg);box-shadow:var(--shadow-xl);will-change:transform;border-radius:12px;width:100%;max-width:500px;margin:auto;transition:transform .22s cubic-bezier(.16,1,.3,1);position:relative;transform:scale(.97)translateY(6px)}.modal-overlay.active .modal{transform:scale(1)translateY(0)}.dropdown-item{color:var(--color-text);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-size:14px;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--color-secondary)!important}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;pointer-events:none;appearance:none;width:0;height:0;margin:0;padding:0;position:absolute}.checkmark{background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:5px;flex-shrink:0;width:18px;height:18px;margin-right:8px;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.checkbox-container:hover input~.checkmark{border-color:var(--color-cta);background-color:var(--color-secondary)}.checkbox-container input:checked~.checkmark{background-color:var(--color-cta);border-color:var(--color-cta);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:11px 11px;transform:scale(1.05);box-shadow:0 4px 6px -1px #10b98133,0 2px 4px -1px #10b9811a}.checkbox-container input:focus-visible~.checkmark{outline:2px solid var(--color-cta);outline-offset:2px;border-color:var(--color-cta)}:root.dark .checkbox-container input:checked~.checkmark{box-shadow:0 4px 6px -1px #10b9814d,0 2px 4px -1px #10b98133}.radio-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:var(--space-sm);width:100%;padding:8px 0;display:inline-flex;position:relative}.radio-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.radiomark{border:2px solid var(--color-border);background-color:#0000;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:2px;transition:all .15s;display:inline-block;position:relative}.radio-container:hover input~.radiomark{border-color:var(--color-border-hover)}.radio-container input:checked~.radiomark{border-color:var(--color-cta)}.radio-container input:checked~.radiomark:after{content:"";background:var(--color-cta);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:4px}.radio-container input:focus-visible~.radiomark{outline:2px solid var(--color-cta);outline-offset:2px;border-color:var(--color-cta)}.switch-container{width:44px;height:24px;display:inline-block;position:relative}.switch-container input{opacity:0;pointer-events:none;appearance:none;width:0;height:0;margin:0;padding:0;position:absolute}.slider{cursor:pointer;background-color:var(--color-border);border-radius:24px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.switch-container input:checked+.slider{background-color:var(--color-cta)}.switch-container input:checked+.slider:before{transform:translate(20px)}.switch-container input:focus-visible+.slider{outline:2px solid var(--color-cta);outline-offset:2px}.service-card:hover{transform:translateY(-1px);background:var(--color-secondary-hover)!important;border-color:#10b9814d!important}.card-hover-green:hover{background:var(--color-cta-hover-bg)!important;border-color:var(--color-cta)!important}.card-hover-red:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.preset-btn{background:var(--color-secondary);border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.preset-btn:hover{background:var(--color-secondary-hover);color:var(--color-text);border-color:var(--color-border-hover)}.preset-btn.active{color:var(--color-cta);border-color:var(--color-cta);background:#10b9811a}.visual-timeline{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:6px;height:24px;margin-top:6px;display:flex;overflow:hidden}.visual-timeline-service{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#10b981,#059669);justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:width .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.visual-timeline-pause{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#f59e0b,#d97706);justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:width .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.price-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.price-input-wrapper input{padding-right:32px!important}.price-input-suffix{color:var(--color-muted);pointer-events:none;font-size:14px;font-weight:600;position:absolute;right:14px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.segmented-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.segmented-btn:hover{background:var(--color-secondary-hover)!important}.segmented-btn:active{background:var(--color-secondary-active)!important}.tab-btn{background:var(--color-primary);border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.tab-btn:hover{background:var(--color-secondary-hover);color:var(--color-text);border-color:var(--color-border-hover)}.tab-btn.active{color:var(--color-cta)!important;background:#10b98114!important;border-color:#10b9814d!important}.client-row-hover:hover{background:var(--color-secondary-hover)}.booking-card-hover:hover{filter:brightness(.98);box-shadow:var(--shadow-md);transform:translateY(-.5px)}.tabs-header-scroll::-webkit-scrollbar{display:none}.tabs-header-scroll{-ms-overflow-style:none;scrollbar-width:none}.nav-link-hover{transition:all .15s}.nav-link-hover:hover{background:var(--color-secondary-hover)!important;color:var(--color-text)!important}.btn-icon-hover{border-radius:50%;transition:all .15s}.btn-icon-hover:hover{background:var(--color-secondary-hover)!important;color:var(--color-text)!important}
