:root{--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Montserrat", sans-serif;--color-bg: #ffffff;--color-text-primary: #111115;--color-text-secondary: #7e7e86;--color-primary: #d32f2f;--color-primary-light: #ffebee;--color-dark-charcoal: #1c1c1e;--color-light-grey: #f5f5f7;--color-border: #e5e5ea;--color-accent: #ff4081;--color-green: #2e7d32;--color-green-light: #e8f5e9;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:#0c0c0e;color:var(--color-text-primary);font-family:var(--font-primary);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.icon{width:24px;height:24px;fill:currentColor;display:inline-block;vertical-align:middle}.phone-frame{background:#1e1e24;border:12px solid #2e2e38;border-radius:48px;box-shadow:0 20px 80px #0009,inset 0 0 10px #ffffff0d;width:412px;height:864px;position:relative;overflow:hidden;display:flex;flex-direction:column}.phone-screen{background-color:var(--color-bg);width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-header{height:80px;padding:24px 20px 8px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:10}.header-location{display:flex;flex-direction:column}.loc-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);font-weight:600}.loc-value-wrapper{display:flex;align-items:center;cursor:pointer;margin-top:2px}.icon-pin{color:var(--color-primary);width:16px;height:16px;margin-right:4px}.loc-name{font-size:16px;font-weight:700;color:var(--color-text-primary)}.icon-chevron{width:18px;height:18px;color:var(--color-text-secondary);margin-left:2px}.btn-notification{background:none;border:none;color:var(--color-text-primary);cursor:pointer;position:relative;padding:6px;border-radius:50%;transition:background-color .2s}.btn-notification:hover{background-color:var(--color-light-grey)}.notif-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:var(--color-primary);border-radius:50%}.app-content{flex:1;overflow-y:auto;position:relative;display:flex;flex-direction:column;padding-bottom:75px}.app-content::-webkit-scrollbar,.overlay-scroll-content::-webkit-scrollbar,.horizontal-scroll::-webkit-scrollbar{display:none}.screen{display:none;flex-direction:column;animation:fadeIn .3s ease;width:100%}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.search-container{padding:16px 20px}.search-box{background-color:var(--color-light-grey);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:12px 16px;display:flex;align-items:center;cursor:pointer;width:100%}.search-box input{background:none;border:none;font-family:var(--font-primary);font-size:14px;font-weight:500;margin-left:8px;flex:1;outline:none;color:var(--color-text-primary)}.icon-search{color:var(--color-text-secondary);width:18px;height:18px}.gender-toggle-wrapper{padding:0 20px 16px;display:flex;gap:12px}.gender-btn{flex:1;padding:12px;border-radius:var(--border-radius-md);border:1px solid var(--color-border);background-color:var(--color-light-grey);color:var(--color-text-primary);font-family:var(--font-primary);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.gender-btn.active{background-color:var(--color-dark-charcoal);color:var(--color-bg);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.carousel-container{margin:0 20px 20px;height:160px;border-radius:var(--border-radius-md);overflow:hidden;position:relative}.carousel-track{display:flex;width:300%;height:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.carousel-slide{width:33.333%;height:100%;background-size:cover;background-position:center}.carousel-slide.slide-1{background-image:linear-gradient(#0000001a,#0006),url(https://images.unsplash.com/photo-1585747860715-2ba37e788b70?auto=format&fit=crop&q=80&w=600)}.carousel-slide.slide-2{background-image:linear-gradient(#0000001a,#0006),url(https://images.unsplash.com/photo-1621605815971-fbc98d665033?auto=format&fit=crop&q=80&w=600)}.carousel-slide.slide-3{background-image:linear-gradient(#0000001a,#0006),url(https://images.unsplash.com/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&q=80&w=600)}.carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px}.carousel-dots .dot{width:6px;height:6px;border-radius:50%;background-color:#ffffff80;transition:all .2s}.carousel-dots .dot.active{background-color:#fff;width:18px;border-radius:3px}.section-container{padding:12px 20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.see-all-link{background:none;border:none;color:var(--color-primary);font-family:var(--font-primary);font-size:13px;font-weight:700;cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 12px;margin-top:8px}.category-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}.category-circle{width:72px;height:72px;border-radius:50%;background-color:var(--color-light-grey);background-size:cover;background-position:center;box-shadow:var(--shadow-sm);margin-bottom:8px;transition:transform .2s}.category-item:active .category-circle{transform:scale(.92)}.category-name{font-size:11px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.horizontal-scroll{display:flex;gap:16px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x mandatory}.salon-card{flex:0 0 240px;scroll-snap-align:start;border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--color-bg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);cursor:pointer;transition:transform .2s,box-shadow .2s}.salon-card:active{transform:scale(.97)}.salon-card-img{width:100%;height:130px;object-fit:cover}.salon-card-info{padding:12px}.salon-card-name{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.salon-card-address{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branding-banner{padding:32px 20px;text-align:center;background-color:var(--color-light-grey);margin-top:16px}.brand-logo{font-family:var(--font-display);font-size:28px;font-weight:900;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;gap:4px}.brand-logo.large{font-size:40px;margin-bottom:12px}.smiley{color:var(--color-primary);transform:rotate(90deg);display:inline-block;font-size:24px}.brand-tagline{font-size:13px;color:var(--color-text-secondary);font-weight:600;margin-top:6px}.bottom-nav{position:absolute;bottom:0;left:0;width:100%;height:75px;background-color:var(--color-bg);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;padding:0 10px 10px;z-index:100}.nav-item{background:none;border:none;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;font-family:var(--font-primary);font-size:10px;font-weight:600;cursor:pointer;width:20%;transition:color .2s}.nav-item svg{margin-bottom:4px}.nav-item.active{color:var(--color-primary)}.circle-item{position:relative;top:-12px}.circle-btn{width:50px;height:50px;background-color:var(--color-dark-charcoal);color:var(--color-bg);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 6px 16px #00000040;margin-bottom:2px!important;transition:transform .2s}.circle-item.active .circle-btn{background-color:var(--color-primary)}.circle-btn:active{transform:scale(.9)}.search-header{padding:16px 20px;display:flex;gap:12px;align-items:center}.btn-filter{background-color:var(--color-dark-charcoal);color:var(--color-bg);border:none;border-radius:var(--border-radius-md);padding:12px 14px;font-family:var(--font-primary);font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;height:48px}.btn-filter svg{width:18px;height:18px}.search-results-container{padding:0 20px;flex:1}.vertical-list{display:flex;flex-direction:column;gap:16px;margin-top:12px;padding-bottom:24px}.salon-card-vertical{display:flex;background-color:var(--color-bg);border-radius:var(--border-radius-md);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer}.salon-card-vertical .card-img{width:120px;height:110px;background-size:cover;background-position:center}.salon-card-vertical .card-info{flex:1;padding:14px;display:flex;flex-direction:column;justify-content:center}.salon-card-vertical .card-name{font-size:15px;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.salon-card-vertical .card-address{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.screen-main-title{font-family:var(--font-display);font-size:24px;font-weight:700;padding:24px 20px 12px}.tabs-navigation{display:flex;margin:0 20px 16px;border-bottom:1px solid var(--color-border)}.tab-btn{flex:1;background:none;border:none;font-family:var(--font-primary);font-size:16px;font-weight:700;color:var(--color-text-secondary);padding:12px 0;cursor:pointer;position:relative}.tab-btn.active{color:var(--color-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--color-primary);border-radius:2px}.appointments-content{padding:0 20px}.section-title-compact{font-size:15px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.appointments-list{display:flex;flex-direction:column;gap:16px}.appt-card{background-color:var(--color-bg);border-radius:var(--border-radius-md);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm)}.appt-card-img{width:100%;height:160px;background-size:cover;background-position:center}.appt-card-body{padding:16px}.appt-salon-name{font-size:16px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.appt-salon-address{font-size:12px;color:var(--color-text-secondary);margin-bottom:12px}.appt-time-info{font-size:14px;font-weight:600;color:var(--color-text-primary);background-color:var(--color-light-grey);padding:8px 12px;border-radius:var(--border-radius-sm);margin-bottom:16px}.appt-actions{display:flex;gap:12px}.btn-appt-action{flex:1;background-color:var(--color-dark-charcoal);color:var(--color-bg);border:none;font-family:var(--font-primary);font-size:13px;font-weight:700;padding:12px;border-radius:var(--border-radius-sm);cursor:pointer;text-align:center;transition:opacity .2s}.btn-appt-action:active{opacity:.85}.btn-appt-action.cancel{background-color:var(--color-light-grey);color:var(--color-text-primary);border:1px solid var(--color-border)}.coming-soon-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center}.coming-soon-badge{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:700;font-size:14px;padding:8px 16px;border-radius:20px;margin-top:16px}.profile-header-card{display:flex;flex-direction:column;align-items:center;padding:16px 20px 24px}.avatar-circle{width:90px;height:90px;border-radius:50%;background-color:var(--color-light-grey);background-size:cover;background-position:center;border:2px solid var(--color-border);color:var(--color-text-secondary);display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-sm);margin-bottom:12px}.icon-user-large{width:48px;height:48px}.profile-name{font-size:18px;font-weight:700;color:var(--color-text-primary)}.wallet-card{background-color:var(--color-dark-charcoal);color:var(--color-bg);border-radius:var(--border-radius-md);margin:0 20px 24px;padding:24px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:4px}.wallet-label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--color-text-secondary)}.wallet-amount{font-size:32px;font-weight:700;font-family:var(--font-display)}.profile-options-list{padding:0 20px 24px;display:flex;flex-direction:column;gap:12px}.profile-option-item{display:flex;align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);padding:16px;border-radius:var(--border-radius-md);text-decoration:none;color:var(--color-text-primary);transition:background-color .2s}.profile-option-item:active{background-color:var(--color-light-grey)}.option-icon-wrapper{color:var(--color-primary);margin-right:14px;display:flex;align-items:center}.option-text{flex:1;font-size:14px;font-weight:600}.icon-chevron-right{color:var(--color-text-secondary);width:18px;height:18px}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:200;display:none;align-items:flex-end;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.bottom-sheet{background-color:var(--color-bg);width:100%;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;display:flex;flex-direction:column;max-height:80%;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);padding-bottom:24px}.modal-overlay.active .bottom-sheet{transform:translateY(0)}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.sheet-title{font-family:var(--font-display);font-size:18px;font-weight:700}.btn-close{background:none;border:none;cursor:pointer;color:var(--color-text-primary);padding:4px}.btn-clear{background:none;border:none;color:var(--color-primary);font-family:var(--font-primary);font-size:13px;font-weight:700;cursor:pointer}.filter-layout{display:flex;flex:1;overflow:hidden;height:380px}.filter-sidebar{width:140px;background-color:var(--color-light-grey);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-item{background:none;border:none;text-align:left;padding:16px;font-family:var(--font-primary);font-size:13px;font-weight:600;color:var(--color-text-primary);cursor:pointer;border-bottom:1px solid var(--color-border);position:relative;display:flex;justify-content:space-between;align-items:center}.sidebar-item.active{background-color:var(--color-bg);font-weight:700;color:var(--color-primary)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--color-primary)}.sidebar-item .badge{background-color:var(--color-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px}.filter-content{flex:1;padding:16px 20px;overflow-y:auto}.filter-panel{display:none;flex-direction:column;gap:12px}.filter-panel.active{display:flex}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.toggle-label{font-size:14px;font-weight:600}.switch-container{display:flex;align-items:center;gap:8px}.switch-label-option{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.switch-label-option.active{color:var(--color-text-primary);font-weight:700}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(18px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:16px}.radio-row,.checkbox-row{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer}.radio-row input,.checkbox-row input{accent-color:var(--color-primary);width:18px;height:18px}.calendar-container{border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:12px;background-color:var(--color-light-grey)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cal-month{font-size:14px;font-weight:700}.cal-nav{background:none;border:none;font-weight:700;cursor:pointer;padding:4px 8px;font-size:16px}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.calendar-day-header{font-size:10px;font-weight:700;color:var(--color-text-secondary);padding-bottom:4px}.calendar-day-cell{font-size:12px;font-weight:600;padding:8px 0;border-radius:4px;cursor:pointer}.calendar-day-cell.inactive{color:#ccc;cursor:default}.calendar-day-cell.selected{background-color:var(--color-dark-charcoal);color:#fff}.calendar-day-cell.active-today{border:1px solid var(--color-primary)}.time-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.time-slot-chip{background-color:var(--color-light-grey);border:1px solid var(--color-border);text-align:center;padding:8px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer}.time-slot-chip.selected{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.hidden{display:none!important}.margin-top{margin-top:16px}.btn-apply-filter{background-color:var(--color-text-primary);color:#fff;border:none;margin:16px 20px 0;padding:14px;font-family:var(--font-primary);font-size:15px;font-weight:700;border-radius:var(--border-radius-md);cursor:pointer;text-align:center}.btn-apply-filter:active{background-color:var(--color-dark-charcoal)}.full-screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);z-index:150;display:none;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.full-screen-overlay.active{display:flex;transform:translate(0)}.overlay-header{height:64px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);background-color:var(--color-bg)}.overlay-title{font-family:var(--font-display);font-size:16px;font-weight:700}.btn-back{background:none;border:none;cursor:pointer;color:var(--color-text-primary);padding:4px}.overlay-scroll-content{flex:1;overflow-y:auto}.salon-hero{width:100%;height:220px;background-size:cover;background-position:center}.salon-info-card{padding:20px;border-bottom:1px solid var(--color-border)}.salon-name-large{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:6px}.salon-address-large{font-size:13px;color:var(--color-text-secondary);margin-bottom:12px}.salon-meta-badges{display:flex;gap:8px;align-items:center}.badge-status{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px}.badge-status.open{background-color:var(--color-green-light);color:var(--color-green)}.rating-badge{font-size:11px;font-weight:600;color:var(--color-text-primary)}.salon-services-section{padding:20px}.services-vertical-list{display:flex;flex-direction:column;gap:16px;margin-top:12px;padding-bottom:64px}.service-item-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:16px}.service-item-info{flex:1;padding-right:16px}.service-item-name{font-size:15px;font-weight:700;margin-bottom:4px}.service-item-meta{font-size:12px;color:var(--color-text-secondary);margin-bottom:6px}.service-item-price-wrapper{display:flex;align-items:center;gap:8px}.service-price{font-size:14px;font-weight:700;color:var(--color-text-primary)}.service-special-price{font-size:14px;font-weight:700;color:var(--color-primary)}.service-original-price{font-size:12px;color:var(--color-text-secondary);text-decoration:line-through}.btn-add-service{background-color:var(--color-primary);color:#fff;border:none;padding:8px 16px;font-family:var(--font-primary);font-size:12px;font-weight:700;border-radius:20px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .2s}.btn-add-service.added{background-color:var(--color-dark-charcoal)}.cart-floating-bar{position:absolute;bottom:16px;left:16px;right:16px;background-color:var(--color-dark-charcoal);color:#fff;border-radius:var(--border-radius-md);padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg);z-index:170;animation:slideUp .3s cubic-bezier(.25,.46,.45,.94)}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.cart-info{display:flex;flex-direction:column}.cart-count{font-size:11px;font-weight:700;color:var(--color-text-secondary)}.cart-total{font-size:18px;font-weight:700;font-family:var(--font-display)}.btn-checkout{background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:10px 20px;font-family:var(--font-primary);font-size:13px;font-weight:700;cursor:pointer}.checkout-section{padding:20px;border-bottom:1px solid var(--color-border)}.checkout-section h3{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.checkout-items-list{display:flex;flex-direction:column;gap:12px}.checkout-item-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.checkout-item-price{font-weight:700}.date-chips-scroll,.staff-chips-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.date-chip,.staff-chip{flex:0 0 auto;background-color:var(--color-light-grey);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:10px 14px;display:flex;flex-direction:column;align-items:center;cursor:pointer;min-width:60px}.date-chip.selected,.staff-chip.selected{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.date-chip-day{font-size:10px;font-weight:700;text-transform:uppercase}.date-chip-date{font-size:16px;font-weight:700;margin-top:2px}.staff-chip{padding:12px 16px;min-width:100px}.staff-name{font-size:13px;font-weight:700}.staff-role{font-size:10px;color:var(--color-text-secondary);margin-top:2px}.staff-chip.selected .staff-role{color:#fffc}.checkout-summary-card{margin:20px;padding:20px;background-color:var(--color-light-grey);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-bottom:8px}.summary-row.grand-total{font-size:16px;font-weight:700;font-family:var(--font-display);margin-bottom:0;margin-top:8px}.text-green{color:var(--color-green)}.bottom-action-bar{padding:16px 20px 24px;border-top:1px solid var(--color-border);background-color:var(--color-bg)}.btn-confirm-booking{width:100%;background-color:var(--color-primary);color:#fff;border:none;padding:14px;font-family:var(--font-primary);font-size:15px;font-weight:700;border-radius:var(--border-radius-md);cursor:pointer;box-shadow:var(--shadow-sm)}.btn-confirm-booking:active{background-color:#b71c1c}.padding-bottom{padding-bottom:100px}@media (max-width: 500px){body{background-color:var(--color-bg)}.phone-frame{width:100vw;height:100vh;border:none;border-radius:0;box-shadow:none}}.location-toast{position:absolute;top:90px;left:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,229,234,.8);border-radius:var(--border-radius-md);padding:16px;box-shadow:var(--shadow-lg);z-index:999;display:none;flex-direction:column;gap:12px;transform:translateY(-20px);opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.location-toast.active{display:flex;transform:translateY(0);opacity:1}.toast-body{display:flex;gap:12px;align-items:center}.toast-icon-circle{width:42px;height:42px;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary);display:flex;justify-content:center;align-items:center;flex-shrink:0}.toast-content h4{font-size:14px;font-weight:700;color:var(--color-text-primary)}.toast-content p{font-size:11px;color:var(--color-text-secondary);line-height:1.3;margin-top:2px}.toast-actions{display:flex;gap:10px;justify-content:flex-end}.btn-toast-act{padding:8px 16px;border-radius:8px;font-family:var(--font-primary);font-size:12px;font-weight:700;cursor:pointer;border:none}.btn-toast-act.primary{background-color:var(--color-dark-charcoal);color:#fff}.btn-toast-act.secondary{background-color:transparent;color:var(--color-text-secondary)}.btn-toast-act:active{transform:scale(.95)}.location-sheet-content{padding:20px;display:flex;flex-direction:column;gap:20px}.btn-detect-location{width:100%;padding:14px;border-radius:var(--border-radius-md);border:1px solid var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary);font-family:var(--font-primary);font-size:14px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-detect-location:active{transform:scale(.97);opacity:.9}.cities-group{display:flex;flex-direction:column;gap:10px}.cities-group-title{font-size:12px;font-weight:700;color:var(--color-text-secondary);letter-spacing:.5px;margin-bottom:4px}.city-option-btn{width:100%;padding:16px;background-color:var(--color-light-grey);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--color-text-primary);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.city-option-btn svg{display:none;color:var(--color-primary);width:18px;height:18px}.city-option-btn.active{background-color:#fff;border-color:var(--color-primary);font-weight:700}.city-option-btn.active svg{display:block}.city-option-btn:active{transform:scale(.98)}.payment-amount-banner{background-color:var(--color-light-grey);padding:24px 20px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--color-border)}.amt-label{font-size:11px;font-weight:700;color:var(--color-text-secondary);letter-spacing:1px}.amt-val{font-size:32px;font-weight:800;font-family:var(--font-display);color:var(--color-text-primary);margin-top:4px}.payment-section{padding:20px;border-bottom:1px solid var(--color-border)}.payment-section h3{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:14px}.wallet-payment-card{border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:16px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:var(--shadow-sm);transition:border-color .2s}.wallet-payment-card.selected{border-color:var(--color-primary)}.wallet-pay-details{display:flex;flex-direction:column;gap:2px}.wallet-pay-title{font-size:14px;font-weight:700;color:var(--color-text-primary)}.wallet-pay-sub{font-size:12px;color:var(--color-text-secondary);font-weight:600}.btn-pay-wallet-submit{background-color:var(--color-primary);color:#fff;border:none;font-family:var(--font-primary);font-size:12px;font-weight:700;padding:10px 16px;border-radius:20px;cursor:pointer;transition:opacity .2s}.btn-pay-wallet-submit:active{opacity:.85}.upi-apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.upi-app-option{background-color:var(--color-light-grey);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.upi-app-option:active{transform:scale(.95)}.upi-app-option.selected{border-color:var(--color-primary);background-color:#fff;box-shadow:var(--shadow-sm)}.upi-icon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:900;color:#fff;font-size:16px}.upi-icon.gpay{background:linear-gradient(135deg,#4285f4,#34a853)}.upi-icon.phonepe{background-color:#5f259f}.upi-icon.paytm{background-color:#00b9f5}.upi-app-option span{font-size:11px;font-weight:700;color:var(--color-text-primary)}.credit-card-view{background:linear-gradient(135deg,#1f1f23,#0d0d0f);border-radius:var(--border-radius-md);padding:24px;height:180px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-lg),inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden;margin-bottom:20px}.credit-card-view:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(30deg,#fff0 50%,#ffffff08 50.1%,#ffffff14 60%,#fff0 70%);pointer-events:none}.card-chip-gold{width:38px;height:28px;background:linear-gradient(135deg,#e5c07b,#abb2bf);border-radius:4px;box-shadow:inset 0 1px 2px #0003}.card-number-block{font-family:monospace;font-size:20px;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-top:14px}.card-bottom-row{display:flex;justify-content:space-between;align-items:flex-end}.card-holder-block,.card-expiry-block{display:flex;flex-direction:column;gap:4px}.cc-label{font-size:8px;color:var(--color-text-secondary);letter-spacing:.5px}.cc-val{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.credit-card-form{display:flex;flex-direction:column;gap:12px}.form-group input{width:100%;padding:12px 16px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background-color:var(--color-light-grey);font-family:var(--font-primary);font-size:14px;font-weight:600;outline:none;color:var(--color-text-primary)}.form-group input:focus{border-color:var(--color-primary);background-color:#fff}.form-row-split{display:flex;gap:12px}.form-row-split input{flex:1;padding:12px 16px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background-color:var(--color-light-grey);font-family:var(--font-primary);font-size:14px;font-weight:600;outline:none;color:var(--color-text-primary)}.form-row-split input:focus{border-color:var(--color-primary);background-color:#fff}.success-screen-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;background-color:#fff}.success-checkmark-wrapper{width:100px;height:100px;margin-bottom:24px}.success-checkmark-svg{width:100px;height:100px;border-radius:50%;display:block;stroke-width:2;stroke:#4caf50;stroke-miterlimit:10;box-shadow:inset 0 0 #4caf50;animation:fillSuccess .4s ease-in-out .4s forwards,scaleCheckmark .3s ease-in-out .9s forwards}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-linecap:round;stroke:#4caf50;fill:none;animation:strokeCircle .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes strokeCircle{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillSuccess{to{box-shadow:inset 0 0 0 50px #4caf501a}}@keyframes scaleCheckmark{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.success-screen-container h2{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.success-subtitle{font-size:13px;color:var(--color-text-secondary);line-height:1.4;margin-bottom:24px}.receipt-card{width:100%;background-color:var(--color-light-grey);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:20px;margin-bottom:32px;text-align:left}.receipt-header-title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.5px}.receipt-divider{height:1px;background-color:var(--color-border);margin:12px 0}.receipt-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px;font-weight:600}.receipt-row:last-child{margin-bottom:0}.r-label{color:var(--color-text-secondary)}.r-val{color:var(--color-text-primary);text-align:right;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-val.highlight{color:var(--color-primary);font-weight:700}.btn-success-done{width:100%;background-color:var(--color-dark-charcoal);color:#fff;border:none;padding:14px;font-family:var(--font-primary);font-size:15px;font-weight:700;border-radius:var(--border-radius-md);cursor:pointer;transition:opacity .2s}.btn-success-done:active{opacity:.9}.skeleton-scroll{display:flex;gap:16px;padding:4px 0 16px}.skeleton-card{flex:0 0 240px;height:190px;border-radius:var(--border-radius-md);background:linear-gradient(90deg,#e5e5ea 25%,#f2f2f7,#e5e5ea 75%);background-size:200% 100%;animation:pulseSkeleton 1.5s infinite}.skeleton-list{display:flex;flex-direction:column;gap:16px;margin-top:12px;padding-bottom:24px}.skeleton-card-v{width:100%;height:110px;border-radius:var(--border-radius-md);background:linear-gradient(90deg,#e5e5ea 25%,#f2f2f7,#e5e5ea 75%);background-size:200% 100%;animation:pulseSkeleton 1.5s infinite}@keyframes pulseSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}button:active,.btn:active,.see-all-link:active,.nav-item:active,.sidebar-item:active{transform:scale(.96);transition:transform .1s ease}.salon-card:active,.salon-card-vertical:active,.profile-option-item:active{transform:scale(.97);transition:transform .1s ease}.wallet-card-row{display:flex;justify-content:space-between;align-items:center;width:100%}.wallet-left-info{display:flex;flex-direction:column}.btn-wallet-topup{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:8px 16px;font-family:var(--font-primary);font-size:13px;font-weight:700;border-radius:20px;cursor:pointer;transition:all .2s}.btn-wallet-topup:active{background-color:#ffffff1a;border-color:#fff}.dialog-box{width:320px;background-color:var(--color-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:24px;display:flex;flex-direction:column;gap:16px;transform:scale(.9);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);margin:auto}.modal-overlay.active .dialog-box{transform:scale(1)}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h3{font-family:var(--font-display);font-size:16px;font-weight:700}.btn-close-dialog{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary)}.dialog-body{display:flex;flex-direction:column}.dialog-sub{font-size:12px;color:var(--color-text-secondary);margin-bottom:12px;line-height:1.4}.presets-row{display:flex;gap:8px;margin-bottom:8px}.preset-chip{flex:1;background-color:var(--color-light-grey);border:1px solid var(--color-border);border-radius:20px;padding:8px 12px;font-family:var(--font-primary);font-size:12px;font-weight:700;cursor:pointer;text-align:center;transition:all .2s}.preset-chip.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.salon-quick-actions{display:flex;background-color:var(--color-light-grey);border-radius:12px;padding:4px;margin-top:16px;border:1px solid var(--color-border)}.btn-salon-action{flex:1;background:transparent;border:none;padding:10px;font-family:var(--font-primary);font-size:13px;font-weight:700;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.btn-salon-action.active{background-color:#fff;color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.queue-sheet-content{padding:20px;display:flex;flex-direction:column;gap:16px}.queue-wait-display{display:flex;flex-direction:column;align-items:center;padding:24px;background-color:var(--color-light-grey);border-radius:var(--border-radius-md);border:1px dashed var(--color-border);text-align:center}.wait-display-label{font-size:11px;font-weight:700;color:var(--color-text-secondary);letter-spacing:1px}.wait-display-val{font-size:36px;font-weight:800;font-family:var(--font-display);color:var(--color-primary);margin-top:6px}.wait-display-sub{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-top:6px}.queue-ticket-card{display:flex;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);position:relative}.queue-ticket-left{width:90px;background-color:var(--color-dark-charcoal);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;border-right:2px dashed var(--color-border);position:relative}.queue-ticket-left:before,.queue-ticket-left:after{content:"";position:absolute;right:-8px;width:14px;height:14px;background-color:var(--color-bg);border-radius:50%;z-index:2}.queue-ticket-left:before{top:-8px}.queue-ticket-left:after{bottom:-8px}.t-num-label{font-size:9px;font-weight:700;color:var(--color-text-secondary);letter-spacing:1px}.t-num-val{font-size:24px;font-weight:800;font-family:var(--font-display);margin-top:2px}.queue-ticket-right{flex:1;padding:16px;display:flex;flex-direction:column;justify-content:center}.t-salon-name{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.t-barber-info{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.t-meta-row{display:flex;align-items:center;gap:8px}.badge-wait-pill{font-size:10px;font-weight:700;color:var(--color-primary);background-color:var(--color-primary-light);padding:4px 8px;border-radius:12px}.badge-position-pill{font-size:10px;font-weight:700;color:var(--color-green);background-color:var(--color-green-light);padding:4px 8px;border-radius:12px}.btn-ticket-cancel{position:absolute;top:12px;right:12px;background:none;border:none;font-size:12px;font-weight:700;color:var(--color-text-secondary);cursor:pointer}.btn-ticket-cancel:active{color:var(--color-primary)}.active-filter-banner{background-color:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--border-radius-sm);padding:10px 14px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;animation:fadeIn .2s ease}.active-filter-banner button{background:none;border:none;font-size:18px;color:var(--color-primary);cursor:pointer;font-weight:800;line-height:1}.matching-services-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.matching-service-pill{background-color:var(--color-light-grey);border:1px solid var(--color-border);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;display:flex;gap:6px;align-items:center}.matching-service-pill strong{color:var(--color-primary)}.service-item-row.highlight-match{background-color:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:8px;padding:16px 16px 16px 12px;border-bottom:none;margin-bottom:8px}.btn-edit-profile{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:6px 14px;font-family:var(--font-primary);font-size:11px;font-weight:700;border-radius:14px;margin-top:8px;cursor:pointer;transition:all .2s}.btn-edit-profile:active{background-color:var(--color-light-grey);color:var(--color-text-primary)}.avatar-presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}.preset-avatar-btn{width:54px;height:54px;border-radius:50%;background-size:cover;background-position:center;border:2px solid transparent;cursor:pointer;transition:all .2s}.preset-avatar-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.ledger-summary-banner{background-color:var(--color-light-grey);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:20px;text-align:center;margin-bottom:10px}.ledger-sub{font-size:11px;font-weight:700;color:var(--color-text-secondary);letter-spacing:.5px}.ledger-amt{font-size:28px;font-weight:800;font-family:var(--font-display);color:var(--color-text-primary);margin-top:4px}.ledger-list{display:flex;flex-direction:column;gap:12px}.ledger-item-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px dashed var(--color-border)}.ledger-item-row:last-child{border-bottom:none}.ledger-left-col{display:flex;flex-direction:column;gap:2px}.ledger-desc{font-size:13px;font-weight:700;color:var(--color-text-primary)}.ledger-date{font-size:11px;color:var(--color-text-secondary);font-weight:600}.ledger-amount-val{font-family:var(--font-display);font-size:14px;font-weight:800}.ledger-amount-val.credit{color:var(--color-green)}.ledger-amount-val.debit{color:var(--color-text-primary)}.notification-item{background-color:var(--color-light-grey);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:4px;transition:transform .2s,background-color .2s;cursor:pointer;position:relative}.notification-item:active{transform:scale(.98)}.notification-item.unread{background-color:var(--color-primary-light);border-color:#d32f2f33;border-left:4px solid var(--color-primary)}.notification-item-header{display:flex;justify-content:space-between;align-items:center}.notification-item-title{font-size:14px;font-weight:700;color:var(--color-text-primary)}.notification-item-time{font-size:10px;color:var(--color-text-secondary);font-weight:600}.notification-item-body{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.notification-item.unread .notification-item-body{color:var(--color-text-primary)}.notification-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:14px;font-weight:500}