.slot-wrapper{position:relative;display:inline-block}.slot-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1000;pointer-events:none}.tooltip-content{background:rgba(17,24,39,.95);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;min-width:200px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#111827f2}.tooltip-title{font-weight:600;margin-bottom:8px;color:#fbbf24}.calculated-price{color:#64748b;font-size:.9em;margin-left:8px}.calculated-price strong{color:#0f172a;font-size:1.1em}.tooltip-info{display:flex;gap:8px;margin-bottom:4px;font-size:13px}.tooltip-label{color:#9ca3af;font-weight:500}.tooltip-alternatives{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.tooltip-alternatives .tooltip-label{display:block;margin-bottom:6px;color:#60a5fa}.alternative-times{display:flex;gap:12px}.alternative-time{color:#93c5fd;font-weight:500}.list-slot-wrapper{position:relative;width:100%}.list-tooltip{position:absolute;bottom:auto;top:50%;left:100%;transform:translateY(-50%);margin-left:12px;margin-bottom:0}.list-tooltip .tooltip-content:after{top:50%;left:-6px;transform:translateY(-50%);border:6px solid transparent;border-right-color:#111827f2;border-top-color:transparent}.calendar-day.availability-available{background-color:#22c55e0d;border-color:#22c55e33}.calendar-day.availability-limited{background-color:#fb923c0d;border-color:#fb923c4d}.calendar-day.availability-unavailable{background-color:#ef44440d;border-color:#ef444433;opacity:.7}.calendar-day.availability-unavailable:not(.selected){cursor:not-allowed}.calendar-day.availability-unavailable .calendar-day-number{color:#ef4444;text-decoration:line-through;text-decoration-thickness:2px}.availability-indicator{position:absolute;bottom:4px;right:4px;font-size:14px;font-weight:700;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 1px 2px #0000001a}.calendar-container{@apply bg-white rounded-xl border shadow-sm p-8;min-height:450px}.calendar-header{@apply flex items-center justify-between mb-8;}.calendar-nav-button{@apply p-3 rounded-lg border border-gray-200 hover:bg-pink-50 hover:border-pink-300 disabled:opacity-50 disabled:cursor-not-allowed transition-colors;font-size:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.calendar-month-title{@apply text-xl font-bold text-gray-900;font-size:22px}.calendar-weekdays{@apply grid grid-cols-7 gap-2 mb-4;}.calendar-weekday{@apply text-center text-base font-semibold text-gray-700 py-3;min-height:40px;display:flex;align-items:center;justify-content:center}.calendar-days{@apply grid grid-cols-7 gap-2;}.calendar-day{@apply relative cursor-pointer rounded-xl transition-all duration-200 border-2 border-transparent;min-height:60px;aspect-ratio:1;padding:8px}.calendar-day-content{@apply w-full h-full flex flex-col items-center justify-center relative;}.calendar-day-number{@apply text-center font-semibold;font-size:16px}.calendar-day.available:hover{@apply bg-pink-50 border-pink-300 shadow-md transform scale-105;}.calendar-day.selected{@apply bg-pink-500 text-white border-pink-500 shadow-lg transform scale-105;}.calendar-day.current-month{@apply text-gray-900;}.calendar-day.other-month{@apply text-gray-300;}.calendar-day.today{@apply bg-pink-100 font-bold border-pink-200;}.calendar-day.unavailable{@apply text-gray-400 cursor-not-allowed opacity-60;}.calendar-availability-icon{@apply absolute -bottom-1 -right-1 font-bold;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.calendar-legend{@apply flex justify-center gap-8 mt-6 pt-6 border-t border-gray-100;}.legend-item{@apply flex items-center gap-3 text-base text-gray-700;}.legend-icon{@apply font-bold;font-size:18px}.legend-text{@apply font-medium;}.time-slots-container{@apply bg-white rounded-xl border shadow-sm p-8;min-height:450px}.time-slots-header{@apply flex items-center justify-between mb-6;}.time-slots-title{@apply flex items-center gap-2 text-lg font-semibold text-gray-900;}.time-slots-view-toggle{@apply flex rounded-lg border border-gray-200 p-1;}.view-toggle-button{@apply p-2 rounded-md transition-colors;}.view-toggle-button.active{@apply bg-blue-600 text-white;}.view-toggle-button:not(.active){@apply text-gray-500 hover:text-gray-700 hover:bg-gray-50;}.time-slots-loading,.time-slots-empty{@apply flex flex-col items-center justify-center py-12 text-gray-500;}.time-slots-stats{@apply flex gap-6 mb-6 pb-4 border-b border-gray-100;}.stats-item{@apply flex items-center gap-2 text-sm;}.stats-label{@apply text-gray-600;}.stats-value.available{@apply text-green-600 font-semibold;}.stats-value.unavailable{@apply text-red-500 font-semibold;}.time-slots-grid{@apply grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4;}.time-slot{@apply p-4 rounded-xl border-2 transition-all duration-200 text-center cursor-pointer;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.time-slot:not(.selected):not(.unavailable),.time-slot-available{@apply border-gray-200 hover:border-pink-400 hover:bg-pink-50 hover:shadow-lg hover:scale-105;}.time-slot.selected,.time-slot-selected{@apply border-pink-500 bg-pink-500 text-white shadow-lg scale-105;}.time-slot.unavailable,.time-slot-unavailable{@apply border-gray-100 bg-gray-50 text-gray-400 cursor-not-allowed;}.time-slot-time{@apply font-bold text-lg;}.time-slot-duration{@apply text-xs opacity-75 mt-1;}.time-slot-price{@apply text-xs mt-1 font-medium;}.time-slot-status{@apply text-xs mt-1;}.time-slots-date{@apply text-lg font-bold text-gray-900;}.time-slots-subtitle{@apply text-sm text-gray-600;}.time-slots-section{@apply mb-6;}.time-slots-section-title{@apply text-base font-semibold text-gray-800 mb-3;}.time-slots-section-title.unavailable{@apply text-gray-500;}.time-slots-list{@apply space-y-6;}.time-period-group{@apply space-y-3;}.time-period-title{@apply text-sm font-semibold text-gray-700 pb-2 border-b border-gray-100;}.time-period-slots{@apply space-y-2;}.time-slot-list-item{@apply flex items-center justify-between p-4 rounded-lg border transition-all duration-200;}.slot-time-info{@apply flex flex-col;}.slot-start-time{@apply font-semibold;}.slot-duration{@apply text-sm text-gray-600;}.slot-status-info{@apply flex items-center gap-3;}.slot-price{@apply font-semibold text-green-600;}.slot-status.available{@apply text-green-600;}.slot-status.unavailable{@apply text-red-500;}.selected-time-confirmation{@apply mt-6 p-4 bg-green-50 border border-green-200 rounded-lg;}.confirmation-content{@apply flex items-center gap-2 text-green-800;}.slot-wrapper{position:relative}.time-slot-status-modern{display:block;font-size:12px;font-weight:600;color:#dc2626;margin-top:4px}.time-slot-modern.unavailable{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280;cursor:not-allowed;opacity:.6;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 20px)}.time-slot-modern.unavailable:hover{background-color:#f3f4f6;border-color:#d1d5db;box-shadow:none}.slot-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;min-width:200px}.slot-wrapper:nth-child(-n+4) .slot-tooltip{left:0;transform:translate(0)}.slot-wrapper:nth-last-child(-n+4) .slot-tooltip{left:auto;right:0;transform:translate(0)}.slot-wrapper:hover .slot-tooltip{opacity:1;visibility:visible}.tooltip-content{background:#1f2937;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;box-shadow:0 10px 15px -3px #0000001a;white-space:normal;max-width:250px;word-wrap:break-word}.tooltip-content:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#1f2937}.tooltip-title{font-weight:600;margin-bottom:8px;display:block}.slot-tooltip .tooltip-content.customer-conflict{background:#7c3aed}.tooltip-info{display:flex;gap:8px;margin-top:4px;font-size:12px}.tooltip-label{color:#9ca3af}.enhanced-booking-modal{@apply max-w-7xl;}.booking-modal-container{@apply min-h-[700px] flex flex-col;}.booking-steps-indicator{@apply flex items-center justify-center gap-4 mb-8 py-4 border-b border-gray-100;}.step-indicator{@apply flex flex-col items-center gap-2 relative;}.step-indicator.active .step-icon{@apply bg-blue-600 text-white border-blue-600;}.step-indicator.completed .step-icon{@apply bg-green-600 text-white border-green-600;}.step-icon{@apply w-12 h-12 rounded-full border-2 border-gray-300 bg-white flex items-center justify-center transition-colors;}.step-label{@apply text-sm font-medium text-gray-600;}.step-indicator.active .step-label{@apply text-blue-600;}.step-indicator.completed .step-label{@apply text-green-600;}.step-connector{@apply absolute top-6 left-12 w-16 h-0.5 bg-gray-200;}.step-indicator.completed .step-connector{@apply bg-green-300;}.booking-step-content{@apply flex-1;}.step-header{@apply mb-8;}.back-button{@apply flex items-center gap-2 text-gray-600 hover:text-gray-800 mb-4 transition-colors;}.step-title{@apply text-2xl font-bold text-gray-900 mb-2;}.step-description{@apply text-gray-600;}.selected-service-summary{@apply flex items-center gap-4 mt-3 p-3 bg-blue-50 rounded-lg;}.service-name{@apply font-semibold text-blue-900;}.service-details{@apply text-blue-700;}.services-grid{@apply grid grid-cols-1 lg:grid-cols-2 gap-4;}.service-card{@apply relative p-6 border border-gray-200 rounded-xl hover:border-blue-400 hover:shadow-md transition-all duration-200 cursor-pointer;}.service-card.selected{@apply border-blue-600 bg-blue-50;}.service-content{@apply pr-8;}.service-name{@apply text-lg font-semibold text-gray-900 mb-2;}.service-description{@apply text-gray-600 mb-4;}.service-meta{@apply flex items-center gap-4 text-sm text-gray-500;}.service-duration,.service-price{@apply flex items-center gap-1;}.service-select-indicator{@apply absolute top-4 right-4;}.datetime-selection-container{@apply grid grid-cols-1 xl:grid-cols-2 gap-8;min-height:500px}.calendar-section,.time-section{@apply space-y-4;}.section-title{@apply text-lg font-bold text-gray-800 mb-4 pb-2 border-b border-gray-200;}.step-actions{@apply flex justify-end mt-8 pt-6 border-t border-gray-100;}.booking-card{@apply bg-white rounded-xl shadow-sm border p-6 transition-all duration-200 hover:shadow-md;}.booking-card-confirmed{@apply border-l-4 border-l-green-500;}.booking-card-completed{@apply border-l-4 border-l-blue-500;}.booking-card-cancelled{@apply border-l-4 border-l-red-500;}.status-badge{@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium border;}.search-input{@apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent;}.filter-select{@apply px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent;}.booking-detail-item{@apply space-y-1;}.detail-label{@apply flex items-center gap-1 text-xs text-gray-500 uppercase tracking-wide font-medium;}.detail-value{@apply text-gray-900;}.btn-sm{@apply px-3 py-1.5 text-sm rounded-lg font-medium transition-colors;}.btn-secondary{@apply bg-gray-100 text-gray-700 hover:bg-gray-200 border border-gray-200;}.btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700;}.btn-danger{@apply bg-red-600 text-white hover:bg-red-700;}.btn-large{@apply px-8 py-3 text-lg;}.loading-spinner{@apply inline-block w-6 h-6 border-2 border-gray-300 border-t-blue-600 rounded-full animate-spin;}.time-range-selection{margin-top:24px}.time-range-instruction{text-align:center;margin-bottom:20px}.time-range-instruction p{color:#6b7280;font-size:14px;font-weight:500}.time-selection-section{margin-bottom:32px}.time-section-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.time-slots-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:4px}.time-slot-compact{background:white;border:2px solid #e5e7eb;border-radius:8px;padding:8px 4px;text-align:center;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;min-height:36px;display:flex;align-items:center;justify-content:center}.time-slot-compact:hover:not(:disabled){border-color:#ec4899;background-color:#fdf2f8;transform:translateY(-1px)}.time-slot-compact.selected{background-color:#ec4899;border-color:#ec4899;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.time-slot-compact:disabled{background-color:#f9fafb;border-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.time-range-summary{margin-top:24px;padding:16px;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px}.time-range-display{display:flex;align-items:center;gap:8px;color:#0369a1}.time-range-display svg{flex-shrink:0}.time-range-text{font-weight:600;font-size:16px}.time-range-duration{font-size:14px;color:#0284c7;font-weight:500}.customer-bookings-info{margin-top:20px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.customer-bookings-info .info-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#495057;font-weight:500}.customer-booking-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e9ecef;font-size:14px}.customer-booking-item:last-child{border-bottom:none}.customer-booking-item .booking-time{font-weight:500;color:#212529}.customer-booking-item .booking-store{color:#6c757d}.customer-booking-item .booking-service{color:#495057;font-size:13px}.tooltip-note{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280;font-style:italic}.google-calendar-info{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px;color:#0284c7}.google-calendar-info svg{width:20px;height:20px;flex-shrink:0}.modern-booking-calendar{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #f3f4f6;padding:24px}.calendar-container-modern{width:100%}.calendar-header-modern{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.calendar-nav-btn{width:3rem;height:3rem;border-radius:50%;background-color:#fff;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.calendar-nav-btn:hover{border-color:#f9a8d4;background-color:#fdf2f8}.calendar-nav-btn:disabled{opacity:.3;cursor:not-allowed}.calendar-title-modern{font-size:1.5rem;font-weight:700;color:#111827;letter-spacing:-.025em}.calendar-weekdays-modern{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1.5rem}.calendar-weekday-modern{text-align:center;padding:1rem 0;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.calendar-grid-modern{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day-modern{position:relative;border-radius:.75rem;transition:all .2s ease;cursor:pointer;border:2px solid transparent;min-height:70px;aspect-ratio:1}.calendar-day-content-modern{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;position:relative}.calendar-day-number-modern{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.calendar-day-modern.today{background-color:#dbeafe;border-color:#bfdbfe}.calendar-day-modern.today .calendar-day-number-modern{color:#2563eb}.calendar-day-modern.other-month{opacity:.3}.calendar-day-modern.available:hover{border-color:#f9a8d4;background-color:#fdf2f8;transform:scale(1.05);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.calendar-day-modern.selected{border-color:#ec4899;background-color:#ec4899;color:#fff;transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.calendar-day-modern.unavailable{cursor:not-allowed;opacity:.4}.availability-indicator-modern{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;position:absolute;bottom:6px;right:6px}.availability-indicator-modern.high{background-color:#10b981;color:#fff}.availability-indicator-modern.medium{background-color:#f59e0b;color:#fff}.availability-indicator-modern.low{background-color:#f97316;color:#fff}.availability-indicator-modern.none{background-color:#ef4444;color:#fff}.calendar-legend-modern{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f3f4f6}.legend-item-modern{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.legend-dot-modern{width:1rem;height:1rem;border-radius:50%}.legend-dot-modern.high{background-color:#10b981}.legend-dot-modern.medium{background-color:#f59e0b}.legend-dot-modern.low{background-color:#f97316}.legend-dot-modern.none{background-color:#ef4444}.time-selection-modern{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #f3f4f6;padding:24px}.time-slots-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280}.time-slots-empty{text-align:center;padding:2rem;color:#6b7280}.time-slots-empty p{margin-bottom:.5rem}.time-selection-header{margin-bottom:2rem}.time-selection-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.time-selection-subtitle{color:#4b5563}.selected-date-display{background-color:#fdf2f8;border:1px solid #fbcfe8;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.selected-date-text{font-size:1.125rem;font-weight:600;color:#be185d}.fixed-time-display{background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:.75rem;padding:1.5rem;text-align:center}.fixed-time-icon{width:3rem;height:3rem;background-color:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.fixed-time-title{font-size:1.125rem;font-weight:600;color:#1e40af;margin-bottom:.5rem}.fixed-time-value{font-size:1.5rem;font-weight:700;color:#1e3a8a;margin-bottom:.5rem}.fixed-time-description{font-size:.875rem;color:#2563eb}.time-slots-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 768px){.time-slots-grid-modern{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.time-slots-grid-modern{grid-template-columns:repeat(4,1fr)}}.time-slot-modern{position:relative;padding:1rem;border-radius:.75rem;border:2px solid #e5e7eb;text-align:center;cursor:pointer;transition:all .2s ease;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.time-slot-modern:hover{border-color:#f9a8d4;background-color:#fdf2f8;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.time-slot-modern.selected{border-color:#ec4899;background-color:#ec4899;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:scale(1.05)}.time-slot-modern.unavailable{border-color:#f3f4f6;background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.time-slot-time-modern{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.time-slot-price-modern{font-size:.875rem;font-weight:500}.time-slot-modern.selected .time-slot-price-modern{color:#fce7f3}.time-slot-duration-modern{font-size:.75rem;opacity:.75;margin-top:.25rem}.service-info-card{background:linear-gradient(to right,#fdf2f8,#faf5ff);border:1px solid #fbcfe8;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.service-info-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.service-info-title{font-size:1.25rem;font-weight:700;color:#111827}.service-info-price{font-size:1.5rem;font-weight:700;color:#db2777}.service-info-details{color:#374151}.service-info-details>*+*{margin-top:.5rem}.service-info-duration{display:flex;align-items:center;gap:.5rem}.service-info-category{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#ede9fe;color:#5b21b6}.datetime-layout-modern{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media (min-width: 1024px){.datetime-layout-modern{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.datetime-layout-modern{gap:1rem}.calendar-grid-modern{gap:.25rem}.calendar-day-modern{min-height:50px}.calendar-day-number-modern{font-size:1rem}.time-slots-grid-modern{grid-template-columns:repeat(2,1fr);gap:.75rem}.modern-booking-calendar,.time-selection-modern{padding:16px}.calendar-header-modern{margin-bottom:1rem}.calendar-title-modern{font-size:1.25rem}.time-selection-header{margin-bottom:1rem}.time-selection-title{font-size:1.25rem}}:root{--brand-primary: #ec4899;--brand-primary-hover: #db2777;--brand-primary-light: #f472b6;--brand-primary-50: #fdf2f8;--brand-primary-100: #fce7f3;--brand-primary-200: #fbcfe8;--brand-secondary: #3b82f6;--brand-secondary-hover: #2563eb;--brand-secondary-light: #60a5fa;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #06b6d4;--text-primary: #1a1a1a;--text-secondary: #374151;--text-tertiary: #6b7280;--text-muted: #94a3b8;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--bg-overlay: rgba(0, 0, 0, .5);--border-primary: #e2e8f0;--border-secondary: #f1f5f9;--border-focus: var(--brand-secondary);--border-error: var(--color-error);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-branded: 0 10px 15px -3px rgba(236, 72, 153, .1), 0 4px 6px -4px rgba(236, 72, 153, .1);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 2;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.static-page-wrapper.help-page,.static-page-wrapper.contact-page,.static-page-wrapper.guide-page,.static-page-wrapper.cancel-page,.static-page-wrapper.payment-page{font-family:var(--font-family-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.static-page-wrapper .container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.static-page-wrapper main{padding-bottom:var(--space-16)}.static-page-wrapper .help-header,.static-page-wrapper .contact-header,.static-page-wrapper .guide-header,.static-page-wrapper .cancel-header,.static-page-wrapper .payment-header{position:relative;background:#f9fafb;color:var(--text-primary);padding:var(--space-12) 0;overflow:hidden;border-bottom:1px solid var(--border-primary)}.static-page-wrapper .help-title,.static-page-wrapper .contact-title,.static-page-wrapper .guide-title,.static-page-wrapper .cancel-title,.static-page-wrapper .payment-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-3) 0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;z-index:2;letter-spacing:-.025em}.static-page-wrapper .help-icon,.static-page-wrapper .contact-icon,.static-page-wrapper .guide-icon,.static-page-wrapper .cancel-icon,.static-page-wrapper .payment-icon{font-size:var(--font-size-xl);color:var(--brand-primary)}.static-page-wrapper .help-subtitle,.static-page-wrapper .contact-subtitle,.static-page-wrapper .guide-subtitle,.static-page-wrapper .cancel-subtitle,.static-page-wrapper .payment-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--text-secondary);max-width:42rem;margin:0 auto;position:relative;z-index:2}.static-page-wrapper .search-section{position:relative;z-index:var(--z-sticky);margin:var(--space-8) auto var(--space-6) auto;padding:0 var(--space-4);max-width:42rem}.static-page-wrapper .search-box{position:relative;display:flex;align-items:center;width:100%;margin:0 auto}.static-page-wrapper .search-icon{position:absolute;left:var(--space-4);font-size:var(--font-size-base);color:var(--text-tertiary);transition:all var(--transition-base);pointer-events:none}.static-page-wrapper .search-input{flex:1;max-width:100%;padding:var(--space-4) var(--space-12);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);text-align:center;transition:all var(--transition-base);outline:none}.static-page-wrapper .search-input::placeholder{color:var(--text-muted);text-align:center}.static-page-wrapper .search-input:hover{border-color:var(--brand-primary-200)}.static-page-wrapper .search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #ec48991a;text-align:left;padding-left:var(--space-10)}.static-page-wrapper .search-box:focus-within .search-icon{color:var(--brand-primary)}.static-page-wrapper .category-filter{margin-bottom:var(--space-10);padding:0}.static-page-wrapper .category-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;padding:0;background:transparent}.static-page-wrapper .category-tab{position:relative;padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary);background:var(--bg-primary);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.static-page-wrapper .category-tab:hover{background:var(--bg-secondary);color:var(--brand-primary);border-color:var(--brand-primary)}.static-page-wrapper .category-tab.active{background:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary)}.static-page-wrapper .faq-section{max-width:56rem;margin:0 auto;padding:0 var(--space-6)}.static-page-wrapper .faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.static-page-wrapper .faq-item{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);overflow:hidden;transition:all var(--transition-base);position:relative;margin-bottom:var(--space-3)}.static-page-wrapper .faq-item:hover{box-shadow:var(--shadow-md);border-color:var(--brand-primary-200)}.static-page-wrapper .faq-question{width:100%;padding:var(--space-6);background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-base);position:relative}.static-page-wrapper .faq-question:hover{background:var(--bg-secondary)}.static-page-wrapper .question-content{display:flex;align-items:center;gap:var(--space-5);flex:1}.static-page-wrapper .question-label{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.static-page-wrapper .question-text{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary)}.static-page-wrapper .expand-icon{color:var(--text-tertiary);font-size:var(--font-size-base);transition:all var(--transition-base);flex-shrink:0}.static-page-wrapper .faq-item:hover .expand-icon{color:var(--brand-primary);transform:scale(1.1)}.static-page-wrapper .faq-answer{max-height:0;overflow:hidden;background:var(--bg-secondary);transition:all var(--transition-slow);opacity:0}.static-page-wrapper .faq-item.open .faq-answer{max-height:30rem;opacity:1;padding:0 var(--space-6) var(--space-6) var(--space-6)}.static-page-wrapper .answer-content{display:flex;align-items:flex-start;gap:var(--space-5);padding-top:var(--space-2)}.static-page-wrapper .answer-label{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-success);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.static-page-wrapper .answer-text{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.static-page-wrapper.contact-page .container,.static-page-wrapper.guide-page .container,.static-page-wrapper.cancel-page .container,.static-page-wrapper.payment-page .container{padding-top:var(--space-12)}.static-page-wrapper .contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:start;max-width:80rem;margin:0 auto var(--space-16) auto;padding:0 var(--space-6)}.static-page-wrapper .form-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-12);border:1px solid var(--border-primary);position:relative;overflow:hidden}.static-page-wrapper .form-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-3)}.static-page-wrapper .form-icon{font-size:var(--font-size-xl);color:var(--brand-primary)}.static-page-wrapper .contact-form{display:flex;flex-direction:column;gap:var(--space-8)}.static-page-wrapper .form-group{flex:1}.static-page-wrapper .form-label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--font-size-sm);letter-spacing:-.01em}.static-page-wrapper .form-label.required:after{content:" *";color:var(--color-error);font-weight:var(--font-weight-bold)}.static-page-wrapper .form-select,.static-page-wrapper .form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base);font-family:inherit;outline:none}.static-page-wrapper .form-select:hover,.static-page-wrapper .form-textarea:hover{border-color:var(--brand-primary-200)}.static-page-wrapper .form-select:focus,.static-page-wrapper .form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #ec48991a}.static-page-wrapper .form-textarea{resize:vertical;min-height:9rem;line-height:var(--line-height-relaxed)}.static-page-wrapper .submit-button{width:100%;background:var(--brand-primary);color:var(--text-inverse);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.static-page-wrapper .submit-button:hover:not(:disabled){background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.static-page-wrapper .submit-button:active:not(:disabled){transform:translateY(0)}.static-page-wrapper .submit-button:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-quaternary);color:var(--text-muted)}.static-page-wrapper .contact-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.static-page-wrapper .info-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all var(--transition-base)}.static-page-wrapper .info-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-primary-200)}.static-page-wrapper .info-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.static-page-wrapper .info-icon{font-size:var(--font-size-base);color:var(--brand-primary)}.static-page-wrapper .info-content{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.static-page-wrapper .steps-navigation{margin-bottom:var(--space-16);padding:0 var(--space-6)}.static-page-wrapper .steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-4);max-width:80rem;margin:0 auto}.static-page-wrapper .step-button{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-4);position:relative}.static-page-wrapper .step-button:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);background:var(--bg-secondary)}.static-page-wrapper .step-button.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse)}.static-page-wrapper .step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--bg-tertiary);color:var(--text-tertiary);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);transition:all var(--transition-base)}.static-page-wrapper .step-button:hover .step-number{background:var(--brand-primary);color:var(--text-inverse)}.static-page-wrapper .step-button.active .step-number{background:rgba(255,255,255,.2);color:var(--text-inverse)}.static-page-wrapper .step-content{text-align:left;position:relative;z-index:1}.static-page-wrapper .step-icon{font-size:var(--font-size-xl);margin-bottom:var(--space-2);display:block;transition:transform var(--transition-base)}.static-page-wrapper .step-button:hover .step-icon{transform:scale(1.1) rotate(5deg)}.static-page-wrapper .step-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);transition:color var(--transition-base);line-height:var(--line-height-tight);letter-spacing:-.01em}.static-page-wrapper .step-button:hover .step-title{color:var(--brand-primary)}.static-page-wrapper .step-button.active .step-title{color:var(--text-inverse)}.static-page-wrapper .contact-prompt{margin:var(--space-16) auto;max-width:56rem;background:var(--brand-primary-50);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;position:relative;border:1px solid var(--brand-primary-100)}.static-page-wrapper .prompt-content{position:relative;z-index:1}.static-page-wrapper .prompt-title{font-size:clamp(var(--font-size-xl),3vw,var(--font-size-3xl));font-weight:var(--font-weight-semibold);color:var(--brand-primary-hover);margin-bottom:var(--space-5);display:flex;align-items:center;justify-content:center;gap:var(--space-3);letter-spacing:-.025em;line-height:var(--line-height-tight)}.static-page-wrapper .prompt-icon{font-size:clamp(var(--font-size-lg),2.5vw,var(--font-size-2xl));color:var(--brand-primary)}.static-page-wrapper .prompt-text{color:var(--text-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.static-page-wrapper .contact-button{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--brand-primary);color:var(--text-inverse);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-base);box-shadow:var(--shadow-branded);letter-spacing:-.01em;position:relative;overflow:hidden}.static-page-wrapper .contact-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.static-page-wrapper .contact-button:hover{background:var(--brand-primary-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px #ec489966}.static-page-wrapper .contact-button:hover:before{left:100%}.static-page-wrapper .contact-button:active{transform:translateY(-1px) scale(.98)}@media (max-width: 768px){.static-page-wrapper .help-header,.static-page-wrapper .contact-header,.static-page-wrapper .guide-header,.static-page-wrapper .cancel-header,.static-page-wrapper .payment-header{padding:var(--space-16) 0}.static-page-wrapper .help-title,.static-page-wrapper .contact-title,.static-page-wrapper .guide-title,.static-page-wrapper .cancel-title,.static-page-wrapper .payment-title{flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.static-page-wrapper .category-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none;-ms-overflow-style:none}.static-page-wrapper .category-tabs::-webkit-scrollbar{display:none}.static-page-wrapper .category-tab{white-space:nowrap;flex-shrink:0}.static-page-wrapper .contact-grid{grid-template-columns:1fr;gap:var(--space-8)}.static-page-wrapper .contact-sidebar{order:-1}.static-page-wrapper .steps-container{grid-template-columns:1fr}.static-page-wrapper .form-card{padding:var(--space-8)}.static-page-wrapper .contact-prompt{margin-left:var(--space-4);margin-right:var(--space-4);padding:var(--space-12) var(--space-6)}}@media (max-width: 480px){.static-page-wrapper .help-header,.static-page-wrapper .contact-header,.static-page-wrapper .guide-header,.static-page-wrapper .cancel-header,.static-page-wrapper .payment-header{padding:var(--space-12) 0}.static-page-wrapper .search-section,.static-page-wrapper .category-filter,.static-page-wrapper .faq-section,.static-page-wrapper .steps-navigation{padding:0 var(--space-4)}.static-page-wrapper .form-card,.static-page-wrapper .info-card{padding:var(--space-6)}.static-page-wrapper .contact-prompt{margin-left:var(--space-2);margin-right:var(--space-2);padding:var(--space-8) var(--space-4)}.static-page-wrapper .step-button{padding:var(--space-4);flex-direction:column;text-align:center;gap:var(--space-3)}.static-page-wrapper .faq-question{padding:var(--space-6)}.static-page-wrapper .question-content{flex-direction:column;gap:var(--space-4);text-align:center}}*:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:2px}@media (prefers-contrast: high){:root{--border-primary: #000000;--text-secondary: #000000;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.static-page-wrapper .help-header,.static-page-wrapper .contact-header,.static-page-wrapper .guide-header,.static-page-wrapper .cancel-header,.static-page-wrapper .payment-header{background:none!important;color:#000!important;box-shadow:none!important}.static-page-wrapper .search-section,.static-page-wrapper .category-filter{display:none!important}.static-page-wrapper .faq-item,.static-page-wrapper .info-card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}}.no-results{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-tertiary);background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin:var(--space-8) 0;border:1px solid var(--border-secondary)}.no-results-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-6);opacity:.6;color:var(--text-muted)}.no-results h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.no-results p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.loading-spinner{width:1.125rem;height:1.125rem;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--space-1);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-1)}.static-page-wrapper .form-select.error,.static-page-wrapper .form-textarea.error{border-color:var(--color-error);background:#fef2f2}.static-page-wrapper .form-select.error:focus,.static-page-wrapper .form-textarea.error:focus{box-shadow:0 0 0 4px #ef44441a}.static-page-wrapper .contact-success{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.static-page-wrapper .success-content{text-align:center;max-width:42rem;background:var(--bg-primary);padding:var(--space-16) var(--space-12);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);position:relative;overflow:hidden;border:1px solid var(--border-secondary)}.static-page-wrapper .success-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-8);color:var(--color-success);animation:successBounce .6s ease-out}@keyframes successBounce{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(-45deg)}to{transform:scale(1) rotate(0);opacity:1}}.static-page-wrapper .success-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-5);letter-spacing:-.025em;line-height:var(--line-height-tight)}.static-page-wrapper .success-message{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-10)}.static-page-wrapper .success-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.static-page-wrapper.guide-page .step-detail{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-8);margin:var(--space-8) 0;border:1px solid var(--border-primary)}.static-page-wrapper.guide-page .detail-header{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-primary)}.static-page-wrapper.guide-page .detail-icon{display:inline-block;margin-bottom:var(--space-3);color:var(--brand-primary)}.static-page-wrapper.guide-page .detail-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:var(--space-2) 0;color:var(--text-primary)}.static-page-wrapper.guide-page .detail-description{color:var(--text-secondary);font-size:var(--font-size-base)}.static-page-wrapper.guide-page .detail-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:var(--space-6) 0 var(--space-4);color:var(--text-primary)}.static-page-wrapper.guide-page .detail-steps{counter-reset:step-counter;margin:0;padding:0}.static-page-wrapper.guide-page .detail-step{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);position:relative}.static-page-wrapper.guide-page .step-marker{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.static-page-wrapper.guide-page .step-text{flex:1;line-height:var(--line-height-relaxed);color:var(--text-secondary)}.static-page-wrapper.guide-page .detail-tips{background:var(--brand-primary-50);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);border:1px solid var(--brand-primary-100)}.static-page-wrapper.guide-page .tips-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--brand-primary-hover)}.static-page-wrapper.guide-page .tips-icon{color:var(--brand-primary)}.static-page-wrapper.guide-page .tips-list{margin:0;padding-left:var(--space-6);color:var(--text-secondary)}.static-page-wrapper.guide-page .tip-item{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.static-page-wrapper.guide-page .quick-guide{margin:var(--space-16) 0}.static-page-wrapper.guide-page .quick-guide-title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-8);color:var(--text-primary)}.static-page-wrapper.guide-page .quick-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.static-page-wrapper.guide-page .quick-tip-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all var(--transition-base)}.static-page-wrapper.guide-page .quick-tip-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.static-page-wrapper.guide-page .tip-icon{margin-bottom:var(--space-3);color:var(--brand-primary)}.static-page-wrapper.guide-page .tip-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.static-page-wrapper.guide-page .tip-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.static-page-wrapper.guide-page .support-section{margin-top:var(--space-16)}.static-page-wrapper.guide-page .support-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;border:1px solid var(--border-primary)}.static-page-wrapper.guide-page .support-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.static-page-wrapper.guide-page .support-icon{font-size:var(--font-size-2xl);margin-right:var(--space-2)}.static-page-wrapper.guide-page .support-description{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed);max-width:600px;margin-left:auto;margin-right:auto}.static-page-wrapper.guide-page .support-actions{display:flex;gap:var(--space-4);justify-content:center}.static-page-wrapper.guide-page .support-button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base)}.static-page-wrapper.guide-page .support-button.primary{background:var(--brand-primary);color:var(--text-inverse)}.static-page-wrapper.guide-page .support-button.primary:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.static-page-wrapper.guide-page .support-button.secondary{background:var(--bg-primary);color:var(--brand-primary);border:1px solid var(--brand-primary)}.static-page-wrapper.guide-page .support-button.secondary:hover{background:var(--brand-primary-50)}.static-page-wrapper.cancel-page .tab-navigation{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);background:var(--bg-secondary);padding:var(--space-2);border-radius:var(--radius-lg)}.static-page-wrapper.cancel-page .tab-button{flex:1;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.static-page-wrapper.cancel-page .tab-button:hover{background:var(--bg-primary);color:var(--text-primary)}.static-page-wrapper.cancel-page .tab-button.active{background:var(--bg-primary);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.static-page-wrapper.cancel-page .tab-content{min-height:400px}.static-page-wrapper.cancel-page .policy-section,.static-page-wrapper.cancel-page .procedure-section,.static-page-wrapper.cancel-page .refund-section{margin-bottom:var(--space-12)}.static-page-wrapper.cancel-page .section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.static-page-wrapper.cancel-page .section-icon{font-size:var(--font-size-xl)}.static-page-wrapper.cancel-page .section-description{color:var(--text-secondary);margin-bottom:var(--space-6)}.static-page-wrapper.cancel-page .policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.static-page-wrapper.cancel-page .policy-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);border:2px solid var(--border-primary);text-align:center;transition:all var(--transition-base)}.static-page-wrapper.cancel-page .policy-card.green{border-color:var(--color-success)}.static-page-wrapper.cancel-page .policy-card.yellow{border-color:var(--color-warning)}.static-page-wrapper.cancel-page .policy-card.red{border-color:var(--color-error)}.static-page-wrapper.cancel-page .policy-timeframe{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.static-page-wrapper.cancel-page .policy-fee{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.static-page-wrapper.cancel-page .policy-card.green .policy-fee{color:var(--color-success)}.static-page-wrapper.cancel-page .policy-card.yellow .policy-fee{color:var(--color-warning)}.static-page-wrapper.cancel-page .policy-card.red .policy-fee{color:var(--color-error)}.static-page-wrapper.cancel-page .policy-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.static-page-wrapper.cancel-page .policy-note{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);border:1px solid var(--border-primary)}.static-page-wrapper.cancel-page .note-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.static-page-wrapper.cancel-page .note-icon{font-size:var(--font-size-xl)}.static-page-wrapper.cancel-page .note-list{margin:0;padding-left:var(--space-6);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.static-page-wrapper.cancel-page .note-list li{margin-bottom:var(--space-2)}.static-page-wrapper.cancel-page .special-cases{margin-top:var(--space-12)}.static-page-wrapper.cancel-page .special-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.static-page-wrapper.cancel-page .special-case-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all var(--transition-base)}.static-page-wrapper.cancel-page .special-case-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.static-page-wrapper.cancel-page .case-icon{margin-bottom:var(--space-3);color:var(--brand-primary);font-size:var(--font-size-2xl);display:flex;justify-content:center}.static-page-wrapper.cancel-page .case-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.static-page-wrapper.cancel-page .case-description{color:var(--text-secondary);margin-bottom:var(--space-3);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.static-page-wrapper.cancel-page .case-policy{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-3);font-weight:var(--font-weight-medium);color:var(--brand-primary);font-size:var(--font-size-sm);text-align:center}.static-page-wrapper.cancel-page .special-note{background:var(--brand-primary-50);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);border:1px solid var(--brand-primary-100)}.static-page-wrapper.cancel-page .special-note p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.static-page-wrapper.cancel-page .procedure-steps{margin-top:var(--space-6)}.static-page-wrapper.cancel-page .step-item{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);position:relative}.static-page-wrapper.cancel-page .step-item:not(:last-child):after{content:"";position:absolute;left:1rem;top:2.5rem;bottom:-1.5rem;width:2px;background:var(--border-primary)}.static-page-wrapper.cancel-page .step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.static-page-wrapper.cancel-page .step-content h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--text-primary)}.static-page-wrapper.cancel-page .step-content p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.static-page-wrapper.cancel-page .phone-cancel{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.static-page-wrapper.cancel-page .phone-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.static-page-wrapper.cancel-page .phone-number{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.static-page-wrapper.cancel-page .phone-number strong{display:block;margin-bottom:var(--space-2);color:var(--text-primary)}.static-page-wrapper.cancel-page .phone-hours{color:var(--text-secondary);font-size:var(--font-size-sm)}.static-page-wrapper.cancel-page .phone-procedure h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.static-page-wrapper.cancel-page .info-list{margin:0;padding-left:var(--space-6);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.static-page-wrapper.cancel-page .info-list li{margin-bottom:var(--space-2)}.static-page-wrapper.cancel-page .urgent-cancel{margin-top:var(--space-8)}.static-page-wrapper.cancel-page .urgent-content{background:var(--color-error);background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-4)}.static-page-wrapper.cancel-page .urgent-content p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.static-page-wrapper.cancel-page .urgent-content p:last-child{margin-bottom:0}.static-page-wrapper.cancel-page .urgent-note{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--text-tertiary)}.static-page-wrapper.cancel-page .refund-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.static-page-wrapper.cancel-page .refund-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.static-page-wrapper.cancel-page .refund-card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.static-page-wrapper.cancel-page .refund-icon{font-size:var(--font-size-xl)}.static-page-wrapper.cancel-page .refund-details{border-top:1px solid var(--border-primary);padding-top:var(--space-4)}.static-page-wrapper.cancel-page .refund-item{display:flex;flex-direction:column;margin-bottom:var(--space-3)}.static-page-wrapper.cancel-page .refund-item strong{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.static-page-wrapper.cancel-page .refund-item:last-child{margin-bottom:0}.static-page-wrapper.cancel-page .refund-notes{margin-top:var(--space-12)}.static-page-wrapper.cancel-page .notes-content{display:grid;gap:var(--space-6);margin-top:var(--space-6)}.static-page-wrapper.cancel-page .note-box{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);border-left:4px solid var(--brand-primary)}.static-page-wrapper.cancel-page .note-box h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.static-page-wrapper.cancel-page .note-box p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.static-page-wrapper.cancel-page .contact-support{margin-top:var(--space-12)}.static-page-wrapper.cancel-page .contact-card{background:var(--brand-primary-50);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;border:1px solid var(--brand-primary-100)}.static-page-wrapper.cancel-page .contact-title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--brand-primary-hover)}.static-page-wrapper.cancel-page .contact-icon{font-size:var(--font-size-2xl)}.static-page-wrapper.cancel-page .contact-card p{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.static-page-wrapper.cancel-page .contact-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.static-page-wrapper.cancel-page .contact-button{background:var(--brand-primary);color:var(--text-inverse);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-weight-semibold);transition:all var(--transition-base)}.static-page-wrapper.cancel-page .contact-button:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.static-page-wrapper.cancel-page .contact-phone{color:var(--text-secondary);font-size:var(--font-size-base)}.static-page-wrapper.payment-page .payment-methods-section{margin-bottom:var(--space-12)}.static-page-wrapper.payment-page .payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.static-page-wrapper.payment-page .payment-method-card{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base)}.static-page-wrapper.payment-page .payment-method-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.static-page-wrapper.payment-page .payment-method-card.selected{border-color:var(--brand-primary);background:var(--brand-primary-50)}.static-page-wrapper.payment-page .method-icon{margin-bottom:var(--space-2);color:var(--brand-primary)}.static-page-wrapper.payment-page .method-name{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.static-page-wrapper.payment-page .method-fees{font-size:var(--font-size-sm);color:var(--text-secondary)}.static-page-wrapper.payment-page .payment-detail{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-12);border:1px solid var(--border-primary)}.static-page-wrapper.payment-page .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-6)}.static-page-wrapper.payment-page .detail-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.static-page-wrapper.payment-page .benefits-list{list-style:none;padding:0;margin:0}.static-page-wrapper.payment-page .benefit-item{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-secondary)}.static-page-wrapper.payment-page .benefit-check{color:var(--color-success);flex-shrink:0}.static-page-wrapper.payment-page .payment-info{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-4)}.static-page-wrapper.payment-page .info-item{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.static-page-wrapper.payment-page .info-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.static-page-wrapper.payment-page .info-value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.static-page-wrapper.payment-page .credit-cards-section{margin-bottom:var(--space-12)}.static-page-wrapper.payment-page .credit-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.static-page-wrapper.payment-page .credit-card-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all var(--transition-base)}.static-page-wrapper.payment-page .credit-card-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.static-page-wrapper.payment-page .card-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-2);display:block}.static-page-wrapper.payment-page .card-name{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm)}.static-page-wrapper.payment-page .credit-note{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);border:1px solid var(--border-primary)}.static-page-wrapper.payment-page .credit-note p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.static-page-wrapper.payment-page .security-section{margin-bottom:var(--space-12)}.static-page-wrapper.payment-page .security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.static-page-wrapper.payment-page .security-feature{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all var(--transition-base)}.static-page-wrapper.payment-page .security-feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.static-page-wrapper.payment-page .feature-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-3);display:block}.static-page-wrapper.payment-page .feature-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.static-page-wrapper.payment-page .feature-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.static-page-wrapper.payment-page .security-guarantee{background:var(--brand-primary-50);border-radius:var(--radius-xl);padding:var(--space-8);margin-top:var(--space-8);text-align:center;border:1px solid var(--brand-primary-100)}.static-page-wrapper.payment-page .guarantee-content{max-width:700px;margin:0 auto}.static-page-wrapper.payment-page .guarantee-title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--brand-primary-hover)}.static-page-wrapper.payment-page .guarantee-icon{font-size:var(--font-size-2xl)}.static-page-wrapper.payment-page .guarantee-content p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.static-page-wrapper.payment-page .receipt-section{margin-bottom:var(--space-12)}.static-page-wrapper.payment-page .receipt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.static-page-wrapper.payment-page .receipt-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary)}.static-page-wrapper.payment-page .receipt-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.static-page-wrapper.payment-page .receipt-icon{font-size:var(--font-size-xl)}.static-page-wrapper.payment-page .receipt-content p{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}.static-page-wrapper.payment-page .receipt-features{margin:0;padding-left:var(--space-6);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.static-page-wrapper.payment-page .receipt-features li{margin-bottom:var(--space-2)}.static-page-wrapper.payment-page .payment-faq{margin-bottom:var(--space-12)}.static-page-wrapper.payment-page .faq-list{display:grid;gap:var(--space-6);margin-top:var(--space-6)}.static-page-wrapper.payment-page .faq-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);border-left:4px solid var(--brand-primary)}.static-page-wrapper.payment-page .faq-question{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.static-page-wrapper.payment-page .faq-answer{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.static-page-wrapper.payment-page .faq-answer a{color:var(--brand-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-base)}.static-page-wrapper.payment-page .faq-answer a:hover{color:var(--brand-primary-hover);text-decoration:underline}.static-page-wrapper.payment-page .payment-support{margin-top:var(--space-16);margin-bottom:var(--space-8)}.static-page-wrapper.payment-page .support-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;border:1px solid var(--border-primary)}.static-page-wrapper.payment-page .support-title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.static-page-wrapper.payment-page .support-icon{font-size:var(--font-size-2xl)}.static-page-wrapper.payment-page .support-description{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed);max-width:600px;margin-left:auto;margin-right:auto}.static-page-wrapper.payment-page .support-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.static-page-wrapper.payment-page .support-button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base)}.static-page-wrapper.payment-page .support-button.primary{background:var(--brand-primary);color:var(--text-inverse)}.static-page-wrapper.payment-page .support-button.primary:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.static-page-wrapper.payment-page .support-phone{color:var(--text-secondary);text-align:center}.static-page-wrapper.payment-page .support-phone small{display:block;margin-top:var(--space-1);color:var(--text-tertiary)}.sm-search{flex:1;padding:10px 16px 10px 44px;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);font-size:14px;background:var(--sm-surface);color:var(--sm-text-primary);transition:var(--sm-transition);background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%2394a3b8" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>');background-repeat:no-repeat;background-position:14px center;background-size:20px}.sm-filter-select{padding:10px 36px 10px 16px;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);font-size:14px;background:var(--sm-surface);color:var(--sm-text-primary);cursor:pointer;transition:var(--sm-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.sf-filter-select{padding:10px 36px 10px 16px;border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);font-size:14px;background:var(--sf-surface);color:var(--sf-text-primary);cursor:pointer;transition:var(--sf-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px;min-width:200px}.sf-form-select{width:100%;padding:10px 36px 10px 16px;border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);font-size:14px;background:var(--sf-surface);color:var(--sf-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.mas-field__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.mg-select{padding:8px 36px 8px 16px;border:1px solid var(--mg-border);border-radius:var(--mg-radius-sm);font-size:14px;background:var(--mg-surface);color:var(--mg-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px;min-width:200px}.register-page .role-selection{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.register-page .role-option{position:relative;display:block;cursor:pointer}.register-page .radio-input{position:absolute;width:0;height:0;opacity:0}.register-page .radio-custom{position:absolute;top:20px;left:20px;width:20px;height:20px;border:2px solid #e2e8f0;border-radius:50%;background:white;transition:all .2s ease}.register-page .radio-input:checked+.radio-custom{border-color:#ff6b8a;background:#ff6b8a}.register-page .radio-input:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:white;border-radius:50%}.register-page .role-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;border-radius:12px;background:white;transition:all .2s ease;min-height:120px;justify-content:center}.register-page .role-option:hover .role-content{border-color:#ff6b8a;background:#fef7f7}.register-page .radio-input:checked~.role-content{border-color:#ff6b8a;background:#fef7f7}.register-page .role-icon{margin-bottom:8px;color:#718096;transition:all .2s ease}.register-page .radio-input:checked~.role-content .role-icon{color:#ff6b8a;transform:scale(1.1)}.register-page .role-title{font-size:16px;font-weight:600;color:#4a5568;margin-bottom:4px;transition:all .2s ease}.register-page .radio-input:checked~.role-content .role-title{color:#ff6b8a}.register-page .role-subtitle{font-size:14px;color:#718096;margin:0}.register-page .login-error{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:16px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:14px}.register-page .error-icon{flex-shrink:0;color:#c53030}.register-page .field-error{color:#ef4444;font-size:14px;margin-top:6px;display:flex;align-items:center;gap:6px}.register-page .field-error:before{content:"";display:inline-flex;width:16px;height:16px;background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" stroke="%23ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><line x1="12" y1="9" x2="12" y2="13" stroke="%23ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><line x1="12" y1="17" x2="12.01" y2="17" stroke="%23ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.register-page .business-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-top:24px}.register-page .business-info-title{font-size:16px;font-weight:600;color:#4b5563;margin-bottom:12px}.register-page .business-info-list{list-style:none;margin:0;padding:0}.register-page .business-info-list li{margin-bottom:8px;color:#6b7280;font-size:14px;line-height:1.5}.register-page .email-input-wrapper{position:relative}.register-page .email-checking,.register-page .email-available{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;font-size:13px;pointer-events:none}.register-page .email-checking{color:#9ca3af}.register-page .email-available{color:#22c55e}.register-page .mini-spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#9ca3af;border-radius:50%;animation:spin .8s linear infinite}.register-page .form-input.checking{padding-right:100px}@media (max-width: 640px){.register-page .role-selection,.register-page .name-fields{grid-template-columns:1fr}}.register-success-page .success-header{text-align:center;margin-bottom:32px}.register-success-page .success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;margin-bottom:24px}.register-success-page .success-icon svg{color:#fff}.register-success-page .success-title{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.register-success-page .success-subtitle{font-size:18px;color:#64748b;margin:0}.register-success-page .success-content{margin-bottom:24px}.register-success-page .user-info{display:block!important;background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0}.register-success-page .info-title{font-size:18px;font-weight:600;color:#334155;margin:0 0 20px}.register-success-page .info-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.register-success-page .info-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.register-success-page .info-label{display:block;font-size:13px;font-weight:500;color:#64748b;margin-bottom:6px}.register-success-page .info-value{display:block;font-size:16px;font-weight:600;color:#1e293b;word-break:break-all;line-height:1.5}.register-success-page .status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.register-success-page .status-badge-green{background-color:#d1fae5;color:#065f46}.register-success-page .status-badge-yellow{background-color:#fef3c7;color:#92400e}.register-success-page .welcome-message{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:20px;margin-bottom:24px}.register-success-page .welcome-message p{margin:0;color:#1e40af;font-size:15px;line-height:1.6}.register-success-page .next-steps{margin-bottom:32px}.register-success-page .steps-title{font-size:18px;font-weight:600;color:#334155;margin:0 0 16px}.register-success-page .steps-list{list-style:none;padding:0;margin:0}.register-success-page .step-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:15px;color:#475569;line-height:1.5}.register-success-page .step-item:before{content:"";flex-shrink:0;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.register-success-page .step-item:nth-child(1):before{background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><polyline points="22,6 12,13 2,6" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.register-success-page .step-item:nth-child(2):before{background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="11" width="18" height="11" rx="2" ry="2" stroke="%2310b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 11V7a5 5 0 0110 0v4" stroke="%2310b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.register-success-page .step-item:nth-child(3):before{background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z" stroke="%23f59e0b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 12l2 2 4-4" stroke="%23f59e0b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.register-success-page .step-item:nth-child(4):before{background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" stroke="%238b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><polyline points="14 2 14 8 20 8" stroke="%238b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><line x1="16" y1="13" x2="8" y2="13" stroke="%238b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><line x1="16" y1="17" x2="8" y2="17" stroke="%238b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><polyline points="10 9 9 9 8 9" stroke="%238b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.register-success-page .success-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.register-success-page .btn-large{padding:16px 32px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;border-radius:12px;transition:all .2s ease}.register-success-page .btn-primary{background:linear-gradient(135deg,#ff6b8a 0%,#ff5577 100%);color:#fff;border:none}.register-success-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b8a4d}.register-success-page .btn-secondary{background:white;color:#64748b;border:2px solid #e2e8f0}.register-success-page .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.register-success-page .help-section{text-align:center;padding-top:24px;border-top:1px solid #e2e8f0}.register-success-page .help-text{color:#64748b;font-size:14px;margin:0}.register-success-page .help-link{color:#3b82f6;text-decoration:none;font-weight:500}.register-success-page .help-link:hover{text-decoration:underline}@media (max-width: 640px){.register-success-page .info-item{flex-direction:column;align-items:flex-start;gap:4px}.register-success-page .info-value{text-align:left;margin-left:0}}.change-password-page .password-input-wrapper{position:relative}.change-password-page .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}.change-password-page .password-toggle:hover{color:#374151}.change-password-page .password-toggle:focus{outline:2px solid #ff6b8a;outline-offset:2px;border-radius:4px}.change-password-page .form-input[type=password],.change-password-page .form-input[type=text]{padding-right:48px}.change-password-page .password-requirements{margin-top:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.change-password-page .requirements-title{font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.change-password-page .requirements-list{list-style:none;margin:0;padding:0}.change-password-page .requirements-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:6px;transition:color .2s ease}.change-password-page .requirements-list li:last-child{margin-bottom:0}.change-password-page .requirements-list li svg{width:16px;height:16px;stroke:#d1d5db;transition:stroke .2s ease}.change-password-page .requirements-list li.met{color:#10b981}.change-password-page .requirements-list li.met svg{stroke:#10b981}.change-password-page .field-error{color:#ef4444;font-size:14px;margin-top:6px;display:flex;align-items:center;gap:6px}.change-password-page .suggested-password-section{margin:24px 0;padding:20px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;border:1px solid #fbbf24}.change-password-page .suggested-password-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#92400e;margin-bottom:12px}.change-password-page .suggested-password-title svg{width:20px;height:20px}.change-password-page .suggested-password-box{background:#ffffff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.change-password-page .suggested-password-content{display:grid;align-items:center;gap:12px;margin-bottom:12px}.change-password-page .suggested-password{font-family:Courier New,monospace;font-size:18px;font-weight:600;color:#1f2937;background:#f3f4f6;padding:8px 12px;border-radius:6px;letter-spacing:.5px;flex:1;word-break:break-all}.change-password-page .suggested-password-actions{display:flex;gap:16px;flex-shrink:0}.change-password-page .suggested-password-actions button{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.change-password-page .copy-button{background:#e5e7eb;border:1px solid #d1d5db;color:#374151}.change-password-page .copy-button:hover{background:#d1d5db;border-color:#9ca3af}.change-password-page .use-button{background:#ff6b8a;border:1px solid #ff6b8a;color:#fff}.change-password-page .use-button:hover{background:#ff5577;border-color:#f57}.change-password-page .refresh-button{background:#ffffff;border:1px solid #d1d5db;color:#6b7280}.change-password-page .refresh-button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.change-password-page .suggested-password-note{font-size:13px;color:#6b7280;line-height:1.5;margin:0}@media (max-width: 640px){.change-password-page .password-requirements{padding:10px}.change-password-page .requirements-title,.change-password-page .requirements-list li{font-size:12px}.change-password-page .suggested-password-section{padding:16px}.change-password-page .suggested-password-content{gap:16px}.change-password-page .suggested-password{font-size:16px;text-align:center}.change-password-page .suggested-password-actions{justify-content:center;flex-wrap:wrap;gap:5px}.change-password-page .suggested-password-actions button{font-size:13px;padding:6px 10px}}*{margin:0;padding:0;box-sizing:border-box}.input-field{width:100%;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:.9375rem;background:#f8fafc;color:#1e293b;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.input-field::placeholder{color:#94a3b8;font-weight:400}.input-field:hover{border-color:#94a3b8;background:#ffffff}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626;background:#ffffff}.input-field:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}select.input-field{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:3rem}.loading-spinner{width:48px;height:48px;border:5px solid #f3f3f3;border-top:5px solid #ff6b8a;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto;display:block;position:relative}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-text{margin-top:1rem;color:#666;font-size:1rem;font-weight:500}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fff;color:#1a1a1a;margin:0;min-height:100vh;line-height:1.6;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:#1a1a1a;margin:0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0;color:#4a4a4a;line-height:1.6}.salon-image-real{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .3s ease}.salon-card:hover .salon-image-real{transform:scale(1.05)}.store-management{padding:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:28px;font-weight:700;color:#333;margin:0}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.filters-section{background:white;padding:20px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px}.status-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:white;font-size:14px;min-width:150px}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-bottom:32px}.store-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:box-shadow .2s ease}.store-card:hover{box-shadow:0 4px 12px #0000001a}.store-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.store-basic-info{flex:1}.store-name{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.status-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-active{background-color:#d1fae5;color:#065f46}.status-pending{background-color:#fef3c7;color:#92400e}.status-draft{background-color:#f3f4f6;color:#374151}.status-suspended{background-color:#fee2e2;color:#991b1b}.store-actions{display:flex;gap:8px}.store-details{margin-bottom:16px}.store-category{font-size:14px;color:#6b7280;margin:0 0 8px}.store-description{font-size:14px;color:#374151;margin:0 0 12px;line-height:1.5}.store-meta{display:flex;flex-direction:column;gap:4px}.meta-item{display:flex;align-items:center;gap:8px;font-size:12px}.meta-label{color:#6b7280;font-weight:500}.meta-value{color:#374151}.store-footer{border-top:1px solid #f3f4f6;padding-top:12px}.empty-state{text-align:center;padding:60px 20px;background:white;border-radius:12px;border:1px solid #e5e7eb}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:20px;margin:0 0 8px;color:#374151}.empty-state p{color:#6b7280;margin:0 0 24px}.edit-store-form{max-height:70vh;overflow-y:auto}.form-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-select,.form-textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-select:focus,.form-textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.form-textarea{resize:vertical;min-height:100px}.error-text{font-size:12px;color:#dc2626}.hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.hours-item{display:flex;flex-direction:column;gap:4px}.day-label{font-size:12px;font-weight:500;color:#6b7280}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid #e5e7eb}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,sans-serif;font-weight:600;color:#333}.header{background:white;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:0 24px}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px}.logo h1{font-size:24px;font-weight:700;color:#ff6b8a;margin:0}.nav-desktop{display:flex;gap:32px}.nav-link{color:#666;text-decoration:none;font-weight:500;font-size:14px;transition:color .2s ease}.nav-link:hover{color:#ff6b8a}.user-actions{display:flex;gap:12px;align-items:center}.mobile-menu-button{display:none;color:#666}.mobile-menu-button button{background:none;border:none;cursor:pointer;color:inherit}.mobile-menu{border-top:1px solid #e8e8e8;background:white}.mobile-menu-content{max-width:1200px;margin:0 auto;padding:16px 24px}.mobile-nav-link{display:block;color:#666;text-decoration:none;font-weight:500;padding:12px 0;border-bottom:1px solid #f0f0f0}.mobile-nav-link:hover{color:#ff6b8a}.mobile-actions{display:flex;gap:12px;margin-top:16px}.mobile-btn{flex:1;text-align:center}@media (max-width: 768px){.nav-desktop,.user-actions{display:none}.mobile-menu-button{display:block}}.btn-primary{background-color:#ec4899;color:#fff;font-weight:500;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;text-decoration:none;line-height:1.5}.btn-primary:hover{background-color:#f57;transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:#666;font-weight:500;padding:12px 24px;border-radius:6px;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none}.btn-secondary:hover{background-color:#f8f8f8;border-color:#ccc}.card{background-color:#fff;border-radius:16px;padding:24px;border:1px solid #f3f4f6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.input-field{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;font-size:16px}.input-field:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.hero-section{padding:100px 0 80px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.hero-title{font-size:3rem;font-weight:600;color:#fff;margin-bottom:24px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hero-subtitle{font-size:18px;color:#fff;margin-bottom:40px;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.search-container{margin-top:40px}.search-form{display:flex;gap:12px;max-width:800px;margin:0 auto;background:rgba(255,255,255,.35);padding:16px;border-radius:12px;box-shadow:0 4px 20px #00000026;align-items:center;justify-content:center}.search-input-wrapper{position:relative;flex:1;min-width:250px;max-width:300px}.search-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#666;font-size:16px;pointer-events:none;z-index:1}.search-input{flex:1;border:1px solid #e5e5e5!important;border-radius:8px!important;padding:0 16px!important;font-size:15px!important;width:100%;height:44px!important;transition:all .2s ease;box-sizing:border-box;background:white!important}.search-input.with-icon{padding-left:15px!important}.search-input:focus{outline:none!important;border-color:#ff6b8a!important;box-shadow:0 0 0 3px #ff6b8a1a!important;transform:translateY(-1px)}.search-separator{color:#999;font-size:18px;font-weight:300;display:flex;align-items:center;justify-content:center;min-width:24px;flex-shrink:0}.search-button{padding:0 24px!important;white-space:nowrap;font-size:15px!important;font-weight:600;border-radius:8px!important;min-width:100px;height:44px!important;transition:all .2s ease;flex-shrink:0;box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:center!important;background:#ec4899!important;color:#fff!important;border:none!important;cursor:pointer}.search-button:hover:not(:disabled){background:#be185d!important;transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.category-section,.featured-section,.salon-section{padding:80px 0}.section-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:40px;text-align:center}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.category-card{background:white;border:1px solid #f0f0f0;border-radius:12px;padding:40px 24px;text-align:center;transition:all .2s ease;cursor:pointer}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#ff6b8a}.category-icon{margin-bottom:20px;height:48px;display:flex;align-items:center;justify-content:center}.category-name{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.4}.category-count{font-size:.875rem;color:#666;font-weight:400}.featured-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:24px;align-items:stretch;height:500px}.featured-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.featured-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.featured-card.large{grid-row:1 / 3;grid-column:1}.featured-card:nth-child(2){grid-column:2;grid-row:1}.featured-card:nth-child(3){grid-column:2;grid-row:2}.featured-image{height:100px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.featured-card.large .featured-image{height:280px}.placeholder-image{font-size:24px;color:#888;display:flex;flex-direction:column;align-items:center;gap:12px}.placeholder-image span{font-size:16px;font-weight:500}.featured-content{padding:24px;flex:1;display:flex;flex-direction:column;justify-content:center}.featured-content h3{font-size:20px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.3}.featured-content p{font-size:14px;color:#666;line-height:1.5;margin:0}.salon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.salon-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .2s ease;cursor:pointer}.salon-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.salon-image{height:200px;background:linear-gradient(135deg,#ffeef3,#f0f9ff);display:flex;align-items:center;justify-content:center}.salon-image .placeholder-image{font-size:48px}.salon-info{padding:20px}.salon-name{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.salon-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rating-text{font-size:14px;color:#666}.salon-details{display:flex;justify-content:space-between;align-items:center}.salon-area{font-size:14px;color:#888}.salon-price{font-size:16px;font-weight:600;color:#ff6b8a}.salon-description{font-size:14px;color:#666;margin-top:8px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.search-results-section{padding:60px 0;background:#fafafa}.search-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.search-results-header .section-title{margin-bottom:0}.no-results{text-align:center;padding:60px 20px;color:#666}.no-results p{font-size:16px;margin-bottom:8px}.search-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.search-button:disabled:hover{background-color:#ccc;transform:none}.popular-searches{margin-top:24px;text-align:center}.popular-searches-label{font-size:14px;color:#fff;margin-bottom:12px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.popular-searches-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.search-tag{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:6px 16px;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-tag:hover{background:rgba(255,255,255,1);border-color:#ff6b8a;color:#ff6b8a;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.search-tag:disabled{opacity:.5;cursor:not-allowed}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.text-center{text-align:center}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-primary-600{color:#db2777}.text-yellow-400{color:#fbbf24}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.ml-2{margin-left:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-7xl{max-width:80rem}.max-w-2xl{max-width:42rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-16,.h-16{width:4rem}.h-48{height:12rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.cursor-pointer{cursor:pointer}@media (min-width: 768px){.md\\:text-6xl{font-size:3.75rem;line-height:1}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:w-auto{width:auto}}.bg-purple-100{background-color:#ede9fe}.text-purple-600{color:#9333ea}.bg-pink-100{background-color:#fce7f3}.text-pink-600{color:#db2777}.bg-blue-100{background-color:#dbeafe}.text-blue-600{color:#ec4899}.bg-green-100{background-color:#dcfce7}.text-green-600{color:#16a34a}.category-icon i{color:#ec4899}.salon-image i{color:#be185d}.search-input-icon{color:#fffc}.hover\\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hover\\:-translate-y-1:hover{transform:translateY(-4px)}.transition-all{transition:all .3s ease}.store-image-section{position:relative}.main-image{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.store-main-image{height:400px;background:linear-gradient(135deg,#ffeef3,#f0f9ff);display:flex;align-items:center;justify-content:center}.placeholder-image-large{font-size:120px;opacity:.8}.store-info-section{padding-left:32px}.store-header{margin-bottom:32px}.store-detail-title{font-size:36px;font-weight:700;color:#333;margin-bottom:16px;line-height:1.2}.store-rating-large{display:flex;align-items:center;gap:12px;margin-bottom:8px}.rating-stars-large{color:#ffc107;font-size:18px}.rating-text-large{font-size:18px;font-weight:600;color:#333}.review-count-large{font-size:16px;color:#666}.store-details-grid{display:grid;gap:24px;margin-bottom:32px}.detail-item{border-bottom:1px solid #f0f0f0;padding-bottom:16px}.detail-label{font-size:14px;font-weight:600;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:16px;color:#333;line-height:1.5}.hours-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #f8f8f8}.hours-row:last-child{border-bottom:none}.day{font-weight:500;color:#666;width:60px}.hours{color:#333}.store-description-section{margin-bottom:32px}.store-description-text{font-size:16px;color:#666;line-height:1.6;margin-top:8px}.action-buttons{display:flex;gap:16px}.btn-large{padding:16px 32px;font-size:16px;font-weight:600;border-radius:8px}.btn-sm{padding:8px 16px;font-size:14px;border-radius:6px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.service-card{background:white;border:1px solid #e8e8e8;border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s ease}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#ff6b8a}.service-info{flex:1;margin-right:16px}.service-name{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.service-description{font-size:14px;color:#666;margin-bottom:12px;line-height:1.4}.service-duration{font-size:14px;color:#888;background:#f8f8f8;padding:4px 8px;border-radius:4px}.reviews-section{display:grid;gap:20px}.review-card{background:white;border:1px solid #e8e8e8;border-radius:12px;padding:24px;transition:all .2s ease}.review-card:hover{box-shadow:0 4px 15px #00000014}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.reviewer-info{display:flex;flex-direction:column;gap:8px}.reviewer-name{font-size:16px;font-weight:600;color:#333}.review-rating{display:flex;align-items:center;gap:8px}.rating-stars{color:#ffc107;font-size:14px}.rating-value{font-size:14px;font-weight:500;color:#333}.review-date{font-size:14px;color:#888}.review-comment{font-size:15px;color:#555;line-height:1.6}nav.bg-gray-50{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}nav a{color:#6b7280;text-decoration:none;transition:color .2s ease}nav a:hover{color:#ff6b8a}.grid.grid-cols-1.lg\\:grid-cols-2{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.grid.grid-cols-1.lg\\:grid-cols-2{grid-template-columns:1fr 1fr}.store-info-section{padding-left:48px}}a{text-decoration:none;color:inherit}.salon-card a,a.salon-card{color:inherit;text-decoration:none}@media (max-width: 768px){.hero-title{font-size:32px}.search-form{flex-direction:column;padding:20px;gap:12px;max-width:95%}.search-input{min-width:unset;max-width:unset;width:100%}.search-button{width:100%;min-width:unset}.search-separator{display:none}.featured-grid{grid-template-columns:1fr;grid-template-rows:unset;height:auto}.featured-card.large{grid-row:unset;grid-column:unset}.featured-card:nth-child(2){grid-column:unset;grid-row:unset}.featured-card:nth-child(3){grid-column:unset;grid-row:unset}.featured-card.large .featured-image{height:100px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.salon-grid,.services-grid{grid-template-columns:1fr}.store-detail-title{font-size:28px}.store-info-section{padding-left:0;margin-top:32px}.action-buttons{flex-direction:column}.search-results-header{flex-direction:column;gap:16px;align-items:flex-start}}@media (max-width: 480px){.hero-title{font-size:24px}.hero-subtitle{font-size:16px}.search-tag{font-size:12px;padding:4px 12px}}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-color:#000c;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:20px;box-sizing:border-box!important;margin:0!important;transform:none!important;overflow:hidden!important}.modal-content{background:white;border-radius:12px;max-height:95vh;max-width:95vw;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb}.modal-title{font-size:24px;font-weight:600;color:#333;margin:0}.modal-close-button{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close-button:hover{background-color:#f3f4f6;color:#333}.modal-body{padding:32px;flex:1;overflow-y:auto}.booking-modal-content{min-height:500px}.booking-step{display:flex;flex-direction:column;gap:24px}.booking-step-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.booking-step-title{font-size:20px;font-weight:600;color:#333;margin:0}.back-button{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease}.back-button:hover{background-color:#f3f4f6;color:#333}.service-selection-grid{display:grid;gap:16px}.service-selection-card{background:white;border:2px solid #e5e7eb;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.service-selection-card:hover{border-color:#ff6b8a;box-shadow:0 4px 12px #ff6b8a26}.service-selection-card.selected{border-color:#ff6b8a;background-color:#fef7f7}.service-info .service-name{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.service-details{display:flex;gap:16px;align-items:center}.service-duration{font-size:14px;color:#666;background:#f3f4f6;padding:4px 8px;border-radius:4px}.service-price{font-size:16px;font-weight:600;color:#ff6b8a}.selected-service-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:24px}.selected-service-info p{margin:4px 0;color:#333}.datetime-selection{display:grid;grid-template-columns:1fr 1fr;gap:32px}.calendar-section,.time-section{background:#fafafa;border-radius:8px;padding:20px}.calendar-section h4,.time-section h4{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.calendar-container{background:white;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-nav-button{background:none;border:1px solid #e5e7eb;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;font-size:16px;transition:all .2s ease}.calendar-nav-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.calendar-nav-button:disabled{opacity:.5;cursor:not-allowed}.calendar-month-title{font-size:16px;font-weight:600;color:#333;margin:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:8px}.calendar-weekday{padding:8px;text-align:center;font-size:12px;font-weight:500;color:#666;background-color:#f9fafb}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-day{aspect-ratio:1;border:none;background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;border-radius:4px;margin:1px;padding:4px}.calendar-day-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%}.calendar-day-number{font-size:14px;font-weight:500}.calendar-availability-icon{font-size:10px;font-weight:700;line-height:1}.calendar-day.available:hover{background-color:#fef7f7;color:#ff6b8a}.calendar-day.selected{background-color:#ff6b8a;color:#fff}.calendar-day.unavailable{color:#d1d5db;cursor:not-allowed}.calendar-day.other-month,.calendar-day.current-month.unavailable{color:#d1d5db}.calendar-legend{display:flex;justify-content:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.legend-item{display:flex;align-items:center;gap:4px}.legend-icon{font-size:12px;font-weight:700}.legend-text{font-size:12px;color:#666}.time-slots-container{background:white;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.time-slots-header{margin-bottom:16px}.time-slots-date{font-size:16px;font-weight:600;color:#333;margin:0 0 4px}.time-slots-subtitle{font-size:14px;color:#666;margin:0}.time-slots-loading,.time-slots-empty{text-align:center;padding:40px 20px;color:#666}.time-slots-section{margin-bottom:24px}.time-slots-section:last-child{margin-bottom:0}.time-slots-section-title{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.time-slots-section-title.unavailable{color:#666}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.time-slot{background:white;border:1px solid #e5e7eb;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;gap:4px}.time-slot:hover{border-color:#ff6b8a;background-color:#fef7f7}.time-slot.selected{border-color:#ff6b8a;background-color:#ff6b8a;color:#fff}.time-slot.unavailable{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.time-slot-time{font-size:14px;font-weight:500}.time-slot-price{font-size:12px;opacity:.8}.time-slot-status{font-size:16px;color:#ef4444}.booking-actions{display:flex;justify-content:center;padding:24px 0;border-top:1px solid #e5e7eb;margin-top:24px}.booking-confirmation{display:flex;flex-direction:column;gap:24px}.confirmation-section{background:#f8f9fa;border-radius:8px;padding:20px}.confirmation-section h4{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.confirmation-section p{margin:4px 0;color:#555}.booking-total{background:#fef7f7;border:1px solid #ff6b8a;border-radius:8px;padding:20px;text-align:center}.total-price{font-size:20px;font-weight:700;color:#ff6b8a;margin:0}@media (max-width: 768px){.modal-overlay{padding:10px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-header{padding:16px 20px}.modal-body{padding:20px}.datetime-selection{grid-template-columns:1fr;gap:24px}.calendar-section,.time-section{padding:16px}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.booking-step-header{flex-direction:column;align-items:flex-start;gap:8px}}.admin-tab{display:flex;align-items:center;gap:8px;padding:16px 24px;border:none;background:none;color:#6b7280;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.admin-tab:hover{color:#374151;background-color:#f9fafb}.admin-tab.active{color:#ff6b8a;border-bottom-color:#ff6b8a;background-color:#fef7f7}.tab-icon{font-size:16px}.stat-card{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-card-title{font-size:14px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-card-icon{font-size:24px;opacity:.7}.stat-card-content{display:flex;flex-direction:column;gap:8px}.stat-card-value{font-size:32px;font-weight:700;color:#111827;line-height:1}.stat-card-change{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500}.change-icon{font-size:16px}.change-label{color:#6b7280;margin-left:4px}.chart-card{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.chart-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 24px}.chart-container,.bar-chart{width:100%}.chart-bars{display:flex;align-items:end;gap:12px;height:200px;padding:16px 0}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-container{height:150px;width:100%;display:flex;align-items:end;justify-content:center}.bar{width:80%;min-height:4px;background:#ff6b8a;border-radius:4px 4px 0 0;transition:all .3s ease}.bar:hover{opacity:.8}.bar-label{font-size:12px;color:#6b7280;font-weight:500}.bar-value{font-size:12px;color:#374151;font-weight:600}.line-chart{position:relative}.line-chart-labels{display:flex;justify-content:space-between;margin-top:8px}.chart-label{font-size:12px;color:#6b7280;text-align:center}.pie-chart{display:flex;align-items:center;gap:32px}.pie-chart-legend{flex:1}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.legend-color{width:12px;height:12px;border-radius:2px}.legend-label{flex:1;font-size:14px;color:#374151}.legend-value{font-size:14px;font-weight:600;color:#111827}.top-store-item,.top-business-item{padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;transition:all .2s ease}.top-store-item:hover,.top-business-item:hover{background:#f3f4f6;border-color:#d1d5db}.store-rank,.business-rank{display:inline-block;width:32px;height:24px;background:#ff6b8a;color:#fff;border-radius:4px;text-align:center;font-size:12px;font-weight:600;line-height:24px;margin-right:12px}.store-name,.business-name{font-size:16px;font-weight:600;color:#111827}.store-revenue,.business-revenue{font-size:16px;font-weight:700;color:#059669}.store-bookings,.business-commission{font-size:14px;color:#6b7280}.business-table-container{background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.business-table{width:100%;border-collapse:collapse}.business-table th{background:#f9fafb;padding:16px;text-align:left;font-weight:600;color:#374151;font-size:14px;border-bottom:1px solid #e5e7eb}.business-table td{padding:16px;border-bottom:1px solid #f3f4f6;font-size:14px}.business-table tbody tr:hover{background:#f9fafb}.business-info{display:flex;flex-direction:column;gap:4px}.business-name{font-weight:600;color:#111827}.business-email{font-size:12px;color:#6b7280}.status-badge,.plan-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-green{background:#d1fae5;color:#065f46}.status-badge-yellow{background:#fef3c7;color:#92400e}.status-badge-red{background:#fee2e2;color:#991b1b}.status-badge-blue{background:#dbeafe;color:#1e40af}.status-badge-gray,.plan-badge-gray{background:#f3f4f6;color:#374151}.plan-badge-blue{background:#dbeafe;color:#1e40af}.plan-badge-purple{background:#e9d5ff;color:#7c3aed}.plan-badge-gold{background:#fef3c7;color:#d97706}.action-buttons{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:12px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.search-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:200px}.search-input:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white;cursor:pointer}.filter-select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:transparent;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:14px}.user-menu-trigger:hover{background:#f3f4f6}.user-menu-trigger .user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#be185d);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-menu-trigger .user-initials{color:#fff;font-weight:700;font-size:13px;text-transform:uppercase}.user-menu-trigger .user-name{font-weight:500;color:#374151;font-size:14px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{display:flex;align-items:center;color:#9ca3af;transition:transform .2s ease;margin-left:2px}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:white;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;width:320px;z-index:1000;overflow:hidden;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:16px}.header-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff6b8a,#667eea);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #ff6b8a4d}.header-initials{color:#fff;font-weight:700;font-size:20px}.header-info{flex:1}.header-name{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:4px}.header-email{font-size:14px;color:#6b7280;margin-bottom:8px}.header-role{display:flex;align-items:center}.role-badge{display:inline-flex;align-items:center;gap:6px;background:white;border:1px solid #d1d5db;border-radius:20px;padding:4px 12px;font-size:12px}.role-badge-icon{font-size:14px}.role-badge-text{font-weight:500;color:#374151}.dropdown-body{padding:8px}.menu-section{margin-bottom:8px}.menu-section:last-child{margin-bottom:0}.section-title,.dropdown-section-title{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px 4px;margin-bottom:4px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#374151;font-size:14px;font-weight:500;transition:all .2s ease;margin-bottom:2px}.menu-item:hover{background:#f3f4f6;color:#1f2937;transform:translate(2px)}.menu-item.primary{background:linear-gradient(135deg,#ff6b8a,#667eea);color:#fff;font-weight:600}.menu-item.primary:hover{background:linear-gradient(135deg,#ff5577,#5a67d8);transform:translate(2px) translateY(-1px);box-shadow:0 4px 12px #ff6b8a4d}.menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-icon svg{width:16px;height:16px}.menu-text{flex:1}.dropdown-footer{border-top:1px solid #e5e7eb;padding:12px}.logout-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.logout-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.logout-icon svg{width:16px;height:16px}.logout-text{flex:1;text-align:left}.relative{position:relative}.absolute{position:absolute}.z-50{z-index:50}.space-y-2>*+*{margin-top:.5rem}@media (max-width: 768px){.user-menu-trigger{min-width:160px;padding:8px 12px}.user-avatar{width:32px;height:32px}.user-initials{font-size:14px}.user-name{font-size:13px}.role-text{font-size:11px}.user-dropdown-menu{width:280px;right:-20px}.dropdown-header{padding:16px}.header-avatar{width:48px;height:48px}.header-initials{font-size:18px}.header-name{font-size:16px}.nav-desktop{display:none}}@media (max-width: 480px){.user-menu-trigger{min-width:140px;padding:6px 10px;gap:8px}.user-dropdown-menu{width:260px;right:-30px}}@media (max-width: 768px){.admin-tab{padding:12px 16px;font-size:14px}.stat-card-value{font-size:24px}.chart-bars{height:150px}.bar-container{height:100px}.business-table-container{overflow-x:auto}.business-table{min-width:800px}.pie-chart{flex-direction:column;gap:16px}.action-buttons{flex-direction:column}}.page-transition{animation:pageEnter .4s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}a{transition:all .2s ease}.salon-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.salon-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.salon-card:active{transform:translateY(-2px);transition:all .1s ease}.page-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.page-loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #ff6b8a;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-link,.mobile-nav-link{position:relative;transition:all .2s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#ff6b8a;transition:width .3s ease}.nav-link:hover:after{width:100%}.btn-primary,.btn-secondary{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b8a66}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.search-results-section{animation:slideInFromTop .5s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.salon-grid .salon-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.salon-grid .salon-card:nth-child(1){animation-delay:.1s}.salon-grid .salon-card:nth-child(2){animation-delay:.2s}.salon-grid .salon-card:nth-child(3){animation-delay:.3s}.salon-grid .salon-card:nth-child(4){animation-delay:.4s}.salon-grid .salon-card:nth-child(5){animation-delay:.5s}.salon-grid .salon-card:nth-child(6){animation-delay:.6s}.salon-grid .salon-card:nth-child(7){animation-delay:.7s}.salon-grid .salon-card:nth-child(8){animation-delay:.8s}.salon-grid .salon-card:nth-child(n+9){animation-delay:.9s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-results-header{animation:slideInFromLeft .4s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.search-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:16px;padding:40px}.search-loading:after{content:"";width:20px;height:20px;border:2px solid #ff6b8a;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-out-section{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.fade-in-section{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;margin-bottom:20px}.footer{background-color:#1a202c;color:#e2e8f0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-main{padding:48px 0 32px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.footer-section{display:flex;flex-direction:column}.footer-section-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #4a5568}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#cbd5e0;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-links a:hover{color:#f472b6}.app-download{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.app-store-link{text-decoration:none;color:inherit}.app-store-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#2d3748;border-radius:8px;border:1px solid #4a5568;transition:background-color .2s ease}.app-store-badge:hover{background-color:#4a5568}.app-icon{font-size:24px}.app-text{display:flex;flex-direction:column}.app-subtitle{font-size:10px;color:#a0aec0;line-height:1}.app-title{font-size:14px;font-weight:600;color:#fff;line-height:1.2}.social-links{margin-top:24px}.social-title{font-size:14px;font-weight:500;color:#fff;margin-bottom:12px}.social-icons{display:flex;gap:12px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#2d3748;border-radius:50%;text-decoration:none;transition:background-color .2s ease}.social-link:hover{background-color:#4a5568}.social-icon{font-size:18px}.footer-bottom{border-top:1px solid #4a5568;padding:24px 0}.footer-bottom-content{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.footer-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-size:20px;font-weight:700}.logo-icon{font-size:24px}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;list-style:none;padding:0;margin:0}.legal-links a{color:#a0aec0;text-decoration:none;font-size:14px;transition:color .2s ease}.legal-links a:hover{color:#f472b6}.footer-copyright{color:#718096;font-size:14px}.gallery-modal{max-width:90vw;max-height:90vh;width:1200px;overflow:hidden}.gallery-modal-title{display:flex;align-items:center;gap:16px}.store-icon-large{font-size:48px}.gallery-subtitle{color:#64748b;font-size:14px;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:24px;max-height:60vh;overflow-y:auto}.gallery-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease}.gallery-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#fce7f3 0%,#fed7d7 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:32px;color:#be185d}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:16px 12px 8px;font-size:12px;font-weight:500}.gallery-item-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.gallery-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.image-viewer-overlay{background-color:#000000f2;z-index:9999}.image-viewer-content{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-viewer-close{position:absolute;top:24px;right:24px;z-index:10000;background:rgba(255,255,255,.9);color:#374151;border:none;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;transition:all .2s ease}.image-viewer-close:hover{background:white;transform:scale(1.1)}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);color:#374151;border:none;border-radius:50%;width:56px;height:56px;font-size:24px;cursor:pointer;transition:all .2s ease;z-index:10000}.prev-btn{left:24px}.next-btn{right:24px}.image-viewer-main{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 120px 40px;width:100%;position:relative}.expanded-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.expanded-image-placeholder{background:linear-gradient(135deg,#fce7f3 0%,#fed7d7 100%);border-radius:8px;padding:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#be185d}.expanded-emoji{font-size:64px;margin-bottom:16px}.image-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:40px 24px 24px;display:flex;justify-content:space-between;align-items:flex-end}.image-details h4{margin:0 0 4px;font-size:18px;font-weight:600}.image-details p{margin:0;font-size:14px;color:#d1d5db}.image-counter{font-size:16px;font-weight:500;background:rgba(255,255,255,.2);padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-thumbnails{display:flex;gap:8px;padding:16px 24px;overflow-x:auto;max-width:100%}.thumbnail-item{flex-shrink:0;width:64px;height:64px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.thumbnail-item:hover{border-color:#ec4899}.thumbnail-item.active{border-color:#ec4899;box-shadow:0 0 0 2px #ec48994d}.thumbnail-image{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px}.image-viewer-main{padding:80px 24px 40px}.image-nav-btn{width:48px;height:48px;font-size:20px}.prev-btn{left:16px}.next-btn{right:16px}.image-info{flex-direction:column;align-items:flex-start;gap:12px}.image-thumbnails{padding:12px 16px}.thumbnail-item{width:48px;height:48px}}@media (min-width: 768px){.footer-bottom-content{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.legal-links{justify-content:flex-start}}@media (min-width: 1024px){.footer-grid{grid-template-columns:repeat(6,1fr)}.app-download{flex-direction:column}}.login-container{min-height:100vh;background:#ffffff;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:white;border-radius:20px;box-shadow:0 4px 6px #00000012,0 10px 15px #0000001a;border:1px solid #f1f5f9;padding:48px;width:100%;max-width:480px;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b8a,#667eea,#764ba2)}.login-header{text-align:center;margin-bottom:40px}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.login-logo .logo-icon{font-size:32px}.login-logo .logo-text{font-size:28px;font-weight:700;color:#ff6b8a;margin:0}.login-title{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.login-subtitle{font-size:16px;color:#718096;margin:0}.login-form{margin-bottom:32px}.form-label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.form-help-text{display:block;font-size:.875rem;color:#6b7280;margin-top:4px}.form-input{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .2s ease;background:#f8fafc}.form-input:focus{outline:none;border-color:#ff6b8a;background:white;box-shadow:0 0 0 3px #ff6b8a1a}.form-input.error{border-color:#ef4444;background:#fef2f2}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{color:#ef4444;font-size:14px;margin-top:6px;display:flex;align-items:center;gap:4px}.field-error:before{content:"⚠️";font-size:12px}.login-error{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:16px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:8px;font-size:14px}.error-icon{font-size:16px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:#4a5568;cursor:pointer}.checkbox{width:16px;height:16px;accent-color:#ff6b8a}.forgot-password{color:#ff6b8a;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.forgot-password:hover{color:#e53e3e}.login-button{width:100%;background:linear-gradient(135deg,#ff6b8a 0%,#ff5577 100%);color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff6b8a4d}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-content{display:flex;align-items:center;justify-content:center;gap:8px}.divider{position:relative;text-align:center;margin:32px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.divider span{background:white;padding:0 16px;color:#718096;font-size:14px}.demo-section{margin-bottom:32px}.demo-title{font-size:18px;font-weight:600;color:#4a5568;text-align:center;margin-bottom:20px}.demo-buttons{display:flex;flex-direction:column;gap:12px}.demo-button{display:flex;align-items:center;gap:12px;padding:14px 20px;border:2px solid #e2e8f0;border-radius:12px;background:white;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.demo-button:hover:not(:disabled){border-color:#ff6b8a;background:#fef7f7;transform:translateY(-1px)}.demo-button:disabled{opacity:.5;cursor:not-allowed}.demo-button.admin{color:#3182ce}.demo-button.business{color:#38a169}.demo-button.customer{color:#d69e2e}.demo-icon{font-size:18px}.demo-note{font-size:12px;color:#a0aec0;text-align:center;margin-top:16px}.signup-link{text-align:center;padding-top:24px;border-top:1px solid #e2e8f0}.signup-link p{margin:0;color:#718096;font-size:14px}.signup-text{color:#ff6b8a;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-text:hover{color:#e53e3e}.role-selection{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-option{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e2e8f0;border-radius:12px;background:white;cursor:pointer;transition:all .2s ease}.role-option:hover{border-color:#ff6b8a;background:#fef7f7}.role-option input[type=radio]:checked+.radio-custom+.role-content{color:#ff6b8a}.role-option input[type=radio]:checked~.role-content .role-icon{transform:scale(1.1)}.radio-input{position:absolute;opacity:0;cursor:pointer}.radio-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;background:white;position:relative;transition:all .2s ease}.radio-input:checked+.radio-custom{border-color:#ff6b8a;background:#ff6b8a}.radio-input:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:white;border-radius:50%}.role-content{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.role-icon{font-size:24px;margin-bottom:4px;transition:transform .2s ease}.role-title{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:2px}.role-subtitle{font-size:12px;color:#718096}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.terms-agreement{margin-bottom:24px}.terms-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;line-height:1.5}.terms-text{color:#4a5568}.terms-link{color:#ff6b8a;text-decoration:none;font-weight:500;transition:color .2s ease}.terms-link:hover{color:#e53e3e;text-decoration:underline}.business-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px;margin-bottom:24px}.business-info-title{font-size:16px;font-weight:600;color:#0369a1;margin-bottom:12px}.business-info-list{list-style:none;padding:0;margin:0;color:#0c4a6e}.business-info-list li{margin-bottom:6px;font-size:14px}.success-header{text-align:center;margin-bottom:40px}.success-icon{margin-bottom:24px}.success-emoji{font-size:64px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-title{font-size:32px;font-weight:700;color:#059669;margin:0 0 8px}.success-subtitle{font-size:16px;color:#6b7280;margin:0}.success-content{display:flex;flex-direction:column;gap:32px}.user-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:24px}.info-title{font-size:18px;font-weight:600;color:#0369a1;margin:0 0 16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0f2fe}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;color:#6b7280;font-weight:500}.info-value{font-size:14px;color:#1f2937;font-weight:600}.welcome-message{background:#f9fafb;border-radius:12px;padding:20px;border-left:4px solid #ff6b8a}.welcome-message p{color:#4b5563;line-height:1.6;margin:0}.next-steps{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.steps-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.steps-list{list-style:none;padding:0;margin:0}.step-item{padding:8px 0;font-size:14px;color:#4b5563;line-height:1.5;border-bottom:1px solid #f3f4f6}.step-item:last-child{border-bottom:none}.success-actions{display:flex;gap:16px;justify-content:center}.help-section{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.help-text{font-size:14px;color:#6b7280;margin:0}.help-link{color:#ff6b8a;text-decoration:none;font-weight:500;transition:color .2s ease}.help-link:hover{color:#e53e3e;text-decoration:underline}@media (max-width: 640px){.login-container{padding:16px}.login-card{padding:32px 24px}.login-title{font-size:28px}.form-options{flex-direction:column;gap:16px;align-items:flex-start}.role-selection{grid-template-columns:1fr}.name-fields{grid-template-columns:1fr;gap:0}.name-fields .form-group{margin-bottom:20px}.role-content{align-items:flex-start;text-align:left}.success-emoji{font-size:48px}.success-title{font-size:24px}.success-actions{flex-direction:column}.user-info,.next-steps{padding:16px}}.page-transition{animation:pageSlideIn .4s ease-out;will-change:transform,opacity}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:auto}a[href^="/store/"]{transition:all .2s ease}a[href^="/store/"]:hover{transform:translateY(-2px)}.btn-primary,.btn-secondary{transition:all .2s ease;position:relative;overflow:hidden}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px)}.salon-card,.category-card,.featured-card{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.salon-card:hover,.category-card:hover,.featured-card:hover{transform:translateY(-4px)}.store-gallery-section{padding:0;margin-bottom:32px}.image-gallery{display:grid;grid-template-columns:2fr 1fr;gap:8px;height:400px;border-radius:12px;overflow:hidden}.main-gallery-image{position:relative;height:100%}.gallery-image-container{position:relative;width:100%;height:400px;background:linear-gradient(135deg,#ff6b8a 0%,#ff8fab 100%);display:flex;align-items:center;justify-content:center;border-radius:12px 0 0 12px}.main-gallery-image-content{width:100%;height:100%;object-fit:cover;object-position:center;cursor:pointer;transition:transform .3s ease}.main-gallery-image-content:hover{transform:scale(1.05)}.placeholder-gallery-main{font-size:80px;filter:brightness(1.2)}.image-overlay{position:absolute;bottom:12px;right:12px;z-index:100}.view-all-photos{background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);display:inline-block;white-space:nowrap;box-shadow:0 2px 8px #0000004d}.view-all-photos:hover{background:rgba(0,0,0,.9);transform:translateY(-1px);box-shadow:0 6px 20px #0006;border:1px solid rgba(255,255,255,.3)}.gallery-thumbnails{display:grid;grid-template-rows:repeat(4,1fr);gap:8px;height:100%}.thumbnail-image{position:relative;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:transform .2s ease}.thumbnail-image:hover{transform:scale(1.05)}.thumbnail-image-content{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px;cursor:pointer;transition:transform .2s ease}.thumbnail-image-content:hover{transform:scale(1.1)}.thumbnail-image:last-child{border-radius:0 12px 12px 0}.placeholder-thumbnail{font-size:24px}.store-main-content{padding:32px 0}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:start}.left-column{display:flex;flex-direction:column;gap:32px}.store-info-card{background:white;border-radius:16px;padding:32px;border:1px solid #f1f5f9}.store-header{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.store-title{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.2}.store-rating{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rating-stars{color:#fbbf24;font-size:16px}.rating-value{font-weight:600;color:#1e293b;font-size:16px}.review-count{color:#64748b;font-size:14px}.store-category{color:#64748b;font-size:16px;margin:0}.section-heading{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 16px}.description-text{color:#475569;line-height:1.6;font-size:16px;margin:0}.store-description{margin-bottom:32px}.details-list{display:flex;flex-direction:column;gap:20px}.detail-row{display:flex;align-items:flex-start;gap:16px}.detail-label{font-weight:500;color:#64748b;font-size:14px;min-width:80px}.detail-value{color:#1e293b;font-size:14px;flex:1}.hours-line{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.day-name{font-weight:500;color:#64748b}.hours-time{color:#1e293b}.right-column{position:sticky;top:100px}.booking-card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.booking-header{margin-bottom:24px;text-align:center}.booking-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.booking-subtitle{color:#64748b;font-size:14px;margin:0}.service-selection{margin-bottom:24px}.service-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.service-options{display:flex;flex-direction:column;gap:12px}.service-option{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;text-align:left}.service-option:hover{background:#f1f5f9;border-color:#ff6b8a}.service-details{display:flex;flex-direction:column;gap:4px;text-align:left}.service-name{font-weight:500;color:#1e293b;font-size:14px;text-align:left}.service-duration{color:#64748b;font-size:12px;text-align:left}.service-price{font-weight:700;color:#ff6b8a;font-size:16px;text-align:right}.booking-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.booking-btn{width:100%;padding:16px;font-size:16px;font-weight:600;border-radius:12px}.booking-btn-secondary{width:100%;padding:12px;font-size:14px;border-radius:12px}.booking-info{border-top:1px solid #e2e8f0;padding-top:20px}.info-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.info-item:last-child{margin-bottom:0}.info-icon{font-size:16px}.info-text{font-size:14px;color:#64748b}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:32px}.right-column{position:static}.image-gallery{grid-template-columns:1fr;grid-template-rows:300px auto;height:auto}.gallery-image-container{border-radius:12px 12px 0 0;height:300px}.image-overlay{bottom:8px;right:8px}.view-all-photos{padding:6px 10px;font-size:12px}.gallery-thumbnails{grid-template-columns:repeat(4,1fr);grid-template-rows:80px;height:auto}.thumbnail-image:last-child{border-radius:0 0 12px}.thumbnail-image-content{border-radius:4px}}@media (max-width: 640px){.store-info-card,.booking-card{padding:20px}.store-title{font-size:24px}.image-gallery{height:auto;grid-template-rows:250px 80px;grid-template-columns:1fr}.gallery-image-container{height:250px;border-radius:12px 12px 0 0}.placeholder-gallery-main{font-size:60px}.gallery-thumbnails{grid-template-columns:repeat(3,1fr);grid-template-rows:80px;gap:4px;height:80px}.thumbnail-image{height:80px}.thumbnail-image:last-child{border-radius:0 0 12px}.thumbnail-image-content{border-radius:4px;height:100%}.image-overlay{bottom:8px;right:8px}.view-all-photos{padding:6px 10px;font-size:12px}.expanded-image{border-radius:8px}}.modal-close-btn{background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#64748b;transition:all .2s ease}.modal-close-btn:hover{background:#e2e8f0;color:#374151}.gallery-modal{width:800px;max-width:90vw}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:24px}.gallery-item{cursor:pointer;transition:transform .2s ease;border-radius:12px;overflow:hidden}.gallery-item:hover{transform:scale(1.05)}.gallery-image{aspect-ratio:1;width:100%;object-fit:cover;object-position:center;border-radius:12px;margin-bottom:8px;transition:transform .2s ease}.gallery-image:hover{transform:scale(1.02)}.gallery-image-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:8px}.gallery-emoji{font-size:32px}.gallery-image-caption{font-size:14px;color:#64748b;text-align:center;margin:0;padding:0 8px}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#64748b}.gallery-loading p{margin-top:16px;font-size:14px}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.image-viewer-content{background:transparent;border-radius:0;max-height:100vh;max-width:100vw;overflow:visible;position:relative;display:flex;align-items:center;justify-content:center}.image-viewer-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#374151;transition:all .2s ease;z-index:10}.image-viewer-close:hover{background:white}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:#374151;transition:all .2s ease;z-index:10}.image-nav-btn:hover{background:white;transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.image-viewer-main{display:flex;align-items:center;justify-content:center;width:100%;height:70vh}.expanded-image{max-width:90vw;max-height:70vh;object-fit:contain;object-position:center;border-radius:8px;box-shadow:0 20px 25px -5px #0000004d}.expanded-image-placeholder{background:linear-gradient(135deg,#ff6b8a 0%,#ff8fab 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;width:80%;height:80%;max-width:600px;max-height:600px}.expanded-emoji{font-size:120px;filter:brightness(1.2)}.image-info{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 24px;border-radius:8px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-counter{font-size:14px;margin:0;opacity:.9}.image-caption{font-size:16px;margin:0 0 4px;font-weight:500}.gallery-management-simple{padding:24px;max-width:1200px;margin:0 auto}.store-selection{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a}.selection-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 16px}.store-options{display:flex;flex-wrap:wrap;gap:12px}.store-option{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#475569}.store-option:hover{background:#f1f5f9;border-color:#cbd5e1}.store-option.active{background:#ff6b8a;border-color:#ff6b8a;color:#fff}.upload-section{margin-bottom:32px}.upload-store-selection{margin-bottom:16px}.upload-store-selection label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.store-select{width:100%;max-width:300px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:white;font-size:14px;color:#374151}.upload-card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.upload-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 16px}.upload-area{border:2px dashed #cbd5e1;border-radius:12px;padding:32px;text-align:center;background:#f8fafc;transition:all .2s ease}.upload-area:hover{border-color:#ff6b8a;background:#fef2f4}.file-input-hidden{display:none}.file-input-label{cursor:pointer;display:block;width:100%}.upload-icon{font-size:48px;margin-bottom:16px}.upload-text p{margin:0;color:#475569}.upload-hint{font-size:14px;color:#94a3b8}.preview-section{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.preview-section h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:24px}.preview-item{background:white;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.preview-image{width:100%;height:120px;object-fit:cover}.preview-name{padding:8px;font-size:12px;color:#64748b;margin:0;word-break:break-all}.progress-bar{height:4px;background:#e2e8f0;margin:8px;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#ff6b8a;transition:width .3s ease}.upload-actions{display:flex;gap:12px;justify-content:flex-end}.images-section{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.section-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 24px}.images-grid-simple{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.image-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.image-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-container{position:relative;height:180px;overflow:hidden}.gallery-image{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:#e2e8f0;color:#94a3b8}.image-details{padding:16px}.image-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 8px;word-break:break-all}.image-size,.image-date{font-size:12px;color:#64748b;margin:0 0 4px}.image-actions{padding:0 16px 16px}@media (max-width: 768px){.gallery-management-simple,.store-selection{padding:16px}.store-options{flex-direction:column}.store-option{text-align:center}.upload-store-selection{margin-bottom:20px}.store-select{max-width:100%}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.images-grid-simple{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.upload-actions{flex-direction:column}}.booking-management{padding:24px;max-width:1400px;margin:0 auto}.booking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.header-content h1.page-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px}.header-content .page-subtitle{color:#6b7280;font-size:16px;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.view-mode-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px}.view-btn{padding:8px 16px;border:none;background:transparent;color:#6b7280;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-btn.active{background:white;color:#1f2937;box-shadow:0 1px 3px #0000001a}.view-btn:hover:not(.active){color:#374151}.calendar-container{background:white;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;margin-bottom:32px}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.calendar-navigation{display:flex;align-items:center;gap:24px}.nav-btn{background:rgba(255,255,255,.2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.calendar-title{font-size:24px;font-weight:600;margin:0}.calendar-stats{display:flex;gap:32px}.stat-item{text-align:center}.stat-label{display:block;font-size:14px;opacity:.9;margin-bottom:4px}.stat-value{display:block;font-size:24px;font-weight:700}.calendar-grid{padding:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f9fafb;border-bottom:1px solid #e5e7eb}.weekday-header{padding:16px;text-align:center;font-weight:600;color:#374151;font-size:14px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:120px;padding:12px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;position:relative}.calendar-day:hover{background:#f8fafc}.calendar-day.today{background:#fef3c7}.calendar-day.today:hover{background:#fde68a}.calendar-day.selected{background:#dbeafe;border-color:#ec4899}.calendar-day.other-month{color:#9ca3af;background:#fafafa}.calendar-day.other-month:hover{background:#f5f5f5}.day-number{font-weight:600;font-size:16px;margin-bottom:8px}.day-bookings{display:flex;flex-direction:column;gap:2px}.booking-item{background:#ec4899;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-time{font-weight:600;margin-right:4px}.booking-customer{opacity:.9}.booking-overflow{background:#6b7280;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;text-align:center;margin-top:2px}.selected-day-details{background:white;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:32px}.details-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.booking-list{display:flex;flex-direction:column;gap:16px}.booking-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.booking-card:hover{border-color:#ec4899;box-shadow:0 4px 12px #3b82f626}.booking-main-info{display:flex;align-items:center;gap:24px;flex:1}.booking-icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(59,130,246,.1);border-radius:8px}.booking-text-info{display:flex;flex-direction:column;gap:2px}.booking-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.booking-subtitle{font-size:14px;color:#64748b;margin:0}.booking-cta-button{min-width:120px;white-space:nowrap}.booking-time-slot{display:flex;flex-direction:column;align-items:center;min-width:80px}.booking-time-slot .time{font-size:18px;font-weight:700;color:#1f2937}.booking-time-slot .duration{font-size:12px;color:#6b7280}.booking-details{flex:1}.customer-name{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.service-name{color:#ec4899;font-weight:500;margin:0 0 4px}.staff-name{color:#6b7280;font-size:14px;margin:0}.booking-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.price{font-size:16px;font-weight:700;color:#1f2937}.booking-actions{display:flex;gap:8px;margin-left:16px}.no-bookings{text-align:center;padding:48px;color:#6b7280}.no-bookings p{font-size:16px;margin:0}@media (max-width: 768px){.booking-management{padding:16px}.booking-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:space-between}.calendar-header{flex-direction:column;gap:16px;padding:20px 16px}.calendar-stats{gap:16px}.calendar-day{min-height:80px;padding:8px}.booking-card{flex-direction:column;align-items:stretch;gap:16px}.booking-main-info{flex-direction:column;gap:12px}.booking-actions{margin-left:0;justify-content:center}.selected-day-details{padding:20px}}@media (max-width: 768px){.gallery-modal{width:95vw}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:16px}.gallery-emoji{font-size:24px}.expanded-emoji{font-size:80px}.image-nav-btn{width:40px;height:40px;font-size:20px}.prev-btn{left:10px}.next-btn{right:10px}.image-viewer-close{top:10px;right:10px;width:36px;height:36px;font-size:16px}}.gallery-management{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.page-title{font-size:28px;font-weight:700;color:#1e293b;margin:0}.filters-section{margin-bottom:24px;background:#f8fafc;padding:20px;border-radius:12px}.filter-row{display:flex;gap:16px;align-items:center}.search-input{flex:1;max-width:300px}.store-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:white;font-size:14px;color:#374151;min-width:150px}.store-filter:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.image-card{background:white;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.image-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-preview{height:200px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);display:flex;align-items:center;justify-content:center;position:relative}.image-info{padding:16px}.image-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-alt{font-size:14px;color:#64748b;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:#6b7280}.assigned-stores{font-size:14px;margin-bottom:16px}.assigned-stores strong{color:#374151;display:block;margin-bottom:8px}.no-stores{color:#9ca3af;font-style:italic}.store-tags{display:flex;flex-wrap:wrap;gap:6px}.store-tag{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.image-actions{display:flex;gap:8px;padding:16px;border-top:1px solid #f1f5f9;background:#f8fafc}.btn-danger{background:#ef4444;color:#fff;border:1px solid #ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.empty-state{text-align:center;padding:48px 20px;color:#6b7280}.upload-form,.edit-form{padding:24px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.file-input{width:100%;padding:12px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s ease}.file-input:hover{border-color:#ff6b8a;background:#fef7f0}.selected-files{margin-top:12px;padding:12px;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.selected-files p{font-weight:600;color:#0369a1;margin:0 0 8px}.file-item{font-size:14px;color:#1e40af;padding:4px 0;border-bottom:1px solid #e0f2fe}.file-item:last-child{border-bottom:none}.stores-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-height:200px;overflow-y:auto;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease}.checkbox-label:hover{background:white}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#ff6b8a}.upload-progress{margin:16px 0;text-align:center}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b8a 0%,#ff8fab 100%);transition:width .3s ease}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0}@media (max-width: 768px){.gallery-management{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.filter-row{flex-direction:column;align-items:stretch}.search-input{max-width:none}.images-grid,.stores-checkboxes{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.admin-layout{display:flex;min-height:100vh;background:#f8fafc}.admin-sidebar{width:280px;background:white;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e2e8f0}.sidebar-header .logo h1{font-size:24px;font-weight:700;color:#ff6b8a;margin:0 0 8px;text-decoration:none}.admin-title{font-size:14px;color:#64748b;margin:0;font-weight:500}.sidebar-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#64748b;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.nav-item:hover{background:#f1f5f9;color:#1e293b}.nav-item.active{background:#fef7f0;color:#ff6b8a;border-left-color:#ff6b8a;font-weight:600}.nav-icon{font-size:20px;width:24px;text-align:center}.nav-label{font-size:15px}.sidebar-footer{padding:16px;border-top:1px solid #e2e8f0;background:#fafbfc}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:white;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:12px}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#ff6b8a 0%,#ff4757 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;box-shadow:0 2px 4px #ff6b8a33}.user-details{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:#64748b;margin:0}.logout-btn{width:100%;padding:10px 16px;background:white;color:#64748b;border:1px solid #e2e8f0;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s ease;cursor:pointer}.logout-btn:hover{background:#fee;color:#e11d48;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.admin-main{margin-left:280px;flex:1;min-height:100vh}.admin-content{padding:0;max-width:none}@media (max-width: 1024px){.admin-sidebar{width:240px}.admin-main{margin-left:240px}}@media (max-width: 768px){.admin-sidebar{position:fixed;left:-280px;transition:left .3s ease;z-index:1000}.admin-sidebar.open{left:0}.admin-main{margin-left:0}.nav-label{font-size:14px}.sidebar-header .logo h1{font-size:20px}}.business-layout{display:flex;min-height:100vh;background:#f8fafc}.business-sidebar{width:280px;background:white;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.business-title{font-size:14px;color:#64748b;margin:0;font-weight:500}.business-main{margin-left:280px;flex:1;min-height:100vh}.business-content{padding:0;max-width:none}@media (max-width: 1024px){.business-sidebar{width:240px}.business-main{margin-left:240px}}@media (max-width: 768px){.business-sidebar{position:fixed;left:-280px;transition:left .3s ease;z-index:1000}.business-sidebar.open{left:0}.business-main{margin-left:0}}.service-management{padding:20px 0}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.services-list{display:flex;flex-direction:column;gap:16px}.service-card{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s ease}.service-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014}.service-info{flex:1}.service-name{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 8px}.service-description{color:#64748b;margin:0 0 12px;line-height:1.5}.service-details{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.service-price{font-size:18px;font-weight:600;color:#059669}.service-duration{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500}.service-category{background:#ddd6fe;color:#6b46c1;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500}.service-status{padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500}.service-status.active{background:#dcfce7;color:#166534}.service-status.inactive{background:#fef2f2;color:#991b1b}.service-actions{display:flex;gap:8px;flex-shrink:0}.service-form{padding:20px 0}.service-form .form-group{margin-bottom:20px}.service-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-form .form-group label{display:block;font-weight:600;color:#374151;margin-bottom:6px;font-size:14px}.service-form .form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;line-height:1.5;resize:vertical;font-family:inherit}.service-form .form-textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.service-form .form-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer}.service-form .form-select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.service-form .checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.service-form .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#ff6b8a}.empty-state{text-align:center;padding:40px;color:#64748b}.empty-state p{margin:0;font-size:16px}@media (max-width: 768px){.service-card{flex-direction:column;gap:16px}.service-actions{align-self:stretch;justify-content:space-between}.service-form .form-row{grid-template-columns:1fr;gap:20px}.service-details{flex-direction:column;align-items:flex-start;gap:8px}}@keyframes _spin_19442_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._container_19442_12{min-height:100vh;background-color:#fff}._breadcrumbContainer_19442_17{background-color:#fff;border-bottom:1px solid #e2e8f0}._breadcrumbWrapper_19442_22{max-width:1200px;margin:0 auto;padding:16px}._breadcrumb_19442_17{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}._breadcrumbLink_19442_36{color:#ec4899;text-decoration:none}._breadcrumbLink_19442_36:hover{text-decoration:underline}._breadcrumbCurrent_19442_45{color:#1e293b}._breadcrumbSeparator_19442_49{color:#cbd5e1;font-size:.75rem;margin:0 12px}._mainWrapper_19442_55{max-width:1200px;margin:0 auto;padding:48px 24px}._gridContainer_19442_61{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-top:40px}._mainContent_19442_69{display:flex;flex-direction:column;gap:40px}._sidebar_19442_75{display:flex;flex-direction:column;gap:32px;position:sticky;top:32px;height:fit-content}._card_19442_85{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:32px}._cardSmall_19442_92{padding:24px}._storeHeader_19442_97{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px}._storeIcon_19442_104{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:#fce7f3;border-radius:16px;flex-shrink:0}._storeIcon_19442_104 i{color:#ec4899}._storeInfo_19442_119{flex:1}._storeTitle_19442_123{font-size:2rem;font-weight:600;color:#1a1a1a;margin:0 0 16px;line-height:1.3}._storeRating_19442_131{display:flex;align-items:center;gap:16px;margin-bottom:16px}._ratingStars_19442_138{color:#fbbf24}._ratingScore_19442_142{font-weight:600;color:#1e293b}._ratingCount_19442_147{color:#64748b}._storeAddress_19442_151{display:flex;align-items:center;gap:8px;color:#64748b}._tags_19442_158{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}._tag_19442_158{padding:4px 12px;font-size:14px;border-radius:9999px;font-weight:500}._tagInstant_19442_172{background-color:#fce7f3;color:#be185d}._tagBenefit_19442_177{background-color:#fdf2f8;color:#be185d}._tagPopular_19442_182{background-color:#fed7d7;color:#be185d}._storeDescription_19442_187{color:#374151;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}._sectionTitle_19442_196{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:24px;display:flex;align-items:center;gap:12px}._sectionTitle_19442_196 i{color:#ec4899;font-size:1.25rem}._servicesList_19442_211{display:flex;flex-direction:column;gap:16px}._serviceCard_19442_217{border:1px solid #e5e7eb;border-radius:8px;padding:28px;cursor:pointer;transition:all .2s ease}._serviceCard_19442_217:hover{border-color:#ec4899;box-shadow:0 4px 6px -1px #ec48991a}._serviceCardContent_19442_230{display:flex;justify-content:space-between;align-items:flex-start}._serviceInfo_19442_236{flex:1}._serviceName_19442_240{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}._serviceDescription_19442_247{color:#64748b;margin:0 0 12px;line-height:1.6}._serviceMeta_19442_253{display:flex;align-items:center;gap:16px;font-size:14px;color:#6b7280}._serviceDuration_19442_261{display:flex;align-items:center;gap:6px}._serviceDuration_19442_261 i{color:#9ca3af;font-size:.875rem}._servicePricing_19442_272{text-align:right;margin-left:24px}._servicePrice_19442_277{font-size:24px;font-weight:700;color:#ec4899;margin-bottom:8px}._priceUnit_19442_284{font-size:16px;font-weight:400;color:#6b7280;margin-left:4px}._serviceButton_19442_291{background-color:#ec4899;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}._serviceButton_19442_291:hover{background-color:#be185d}._bookingCard_19442_308{border:1px solid #e5e7eb;max-width:100%;margin:0}._bookingPricing_19442_314{text-align:center;margin-bottom:24px}._bookingPrice_19442_319{font-size:32px;font-weight:700;color:#ec4899;margin-bottom:8px}._bookingPriceFrom_19442_326{font-size:18px;font-weight:400;color:#6b7280}._bookingSubtitle_19442_332{color:#64748b;margin:0}._bookingFeatures_19442_337{margin-bottom:28px}._bookingFeature_19442_337{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#f8fafc;border-radius:8px;margin-bottom:16px}._bookingFeature_19442_337:last-child{margin-bottom:0}._featureLabel_19442_355{display:flex;align-items:center;gap:10px}._featureLabel_19442_355 i{color:#ec4899;font-size:1rem}._featureName_19442_366{font-weight:500;color:#1e293b}._featureBadge_19442_371{padding:2px 8px;background-color:#dcfce7;color:#166534;font-size:12px;font-weight:500;border-radius:9999px}._featureValue_19442_380{color:#374151;font-weight:500}._bookingActions_19442_385{margin-bottom:28px}._bookingButtonPrimary_19442_389{width:100%;background-color:#ec4899;color:#fff;font-weight:600;padding:12px;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-bottom:12px;transition:background-color .2s ease}._bookingButtonPrimary_19442_389:hover{background-color:#be185d}._bookingButtonSecondary_19442_407{width:100%;background-color:transparent;color:#374151;font-weight:500;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease}._bookingButtonSecondary_19442_407:hover{background-color:#f9fafb}._bookingButtonDisabled_19442_424{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}._bookingButtonDisabled_19442_424:hover{background-color:#f3f4f6}._bookingGuarantee_19442_435{padding-top:16px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.875rem;color:#64748b}._bookingGuarantee_19442_435 i{color:#22c55e;font-size:1rem}._benefitsCard_19442_452{background-color:#fefce8;border:1px solid #facc15;max-width:100%;margin:0}._benefitsList_19442_459{display:flex;flex-direction:column;gap:8px}._benefitItem_19442_465{display:flex;align-items:center;gap:8px;font-size:14px}._benefitDot_19442_472{width:8px;height:8px;border-radius:50%}._benefitDotGreen_19442_478{background-color:#ec4899}._benefitDotBlue_19442_482{background-color:#be185d}._benefitDotPurple_19442_486{background-color:#9d174d}._benefitDotOrange_19442_490{background-color:#fb923c}._benefitText_19442_494{color:#1f2937}._storeImages_19442_499{margin-bottom:0}._storeImagesHorizontal_19442_503{margin-bottom:0;padding:0}._imageLayoutContainer_19442_509{display:flex;gap:20px;height:450px;padding:32px}._mainImageArea_19442_517{flex:1;position:relative;border-radius:8px;overflow:hidden}._mainImageHorizontal_19442_524{width:100%;height:100%;object-fit:cover}._thumbnailAreaVertical_19442_531{width:140px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}._thumbnailAreaVertical_19442_531::-webkit-scrollbar{width:4px}._thumbnailAreaVertical_19442_531::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}._thumbnailAreaVertical_19442_531::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}._thumbnailAreaVertical_19442_531::-webkit-scrollbar-thumb:hover{background:#ccc}._thumbnailVertical_19442_559{width:100%;height:100px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;flex-shrink:0}._thumbnailVertical_19442_559:hover,._thumbnailActive_19442_574{border-color:#ec4899}._thumbnailImageVertical_19442_578{width:100%;height:100%;object-fit:cover}._mainImageContainer_19442_585{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-bottom:16px}._mainImage_19442_517{width:100%;height:100%;object-fit:cover}._imagePlaceholder_19442_599{width:100%;height:100%;background:linear-gradient(135deg,#fce7f3 0%,#fed7d7 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:64px;color:#be185d;padding:48px}._imageOverlay_19442_612{position:absolute;bottom:20px;right:20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 20px;border-radius:24px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}._imageOverlay_19442_612:hover{background:rgba(255,255,255,1);transform:translateY(-2px)}._thumbnailGrid_19442_633{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}._thumbnail_19442_531{aspect-ratio:1;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .2s ease}._thumbnail_19442_531:hover{transform:scale(1.05)}._thumbnailImage_19442_578{width:100%;height:100%;object-fit:cover}._thumbnailPlaceholder_19442_658{width:100%;height:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:16px;color:#9ca3af}@media (max-width: 1024px){._gridContainer_19442_61{grid-template-columns:1.5fr 1fr;gap:32px}._imageLayoutContainer_19442_509{height:400px}._thumbnailAreaVertical_19442_531{width:120px}._thumbnailVertical_19442_559{height:90px}}@media (max-width: 768px){._mainWrapper_19442_55{padding:24px 16px}._gridContainer_19442_61{grid-template-columns:1fr;gap:32px;margin-top:32px}._sidebar_19442_75{position:static}._card_19442_85{padding:20px}._cardSmall_19442_92{padding:16px}._storeHeader_19442_97{flex-direction:column;align-items:center;text-align:center;gap:16px}._storeTitle_19442_123{font-size:24px}._serviceCardContent_19442_230{flex-direction:column;gap:16px}._servicePricing_19442_272{text-align:left;margin-left:0}._imageLayoutContainer_19442_509{flex-direction:column;height:auto;padding:20px;gap:16px}._mainImageArea_19442_517{height:300px}._thumbnailAreaVertical_19442_531{width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-right:0;padding-bottom:8px}._thumbnailVertical_19442_559{min-width:100px;width:100px;height:75px}}._accessInfoCard_19442_762{background-color:#fff;border:1px solid #e5e7eb}._mapContainer_19442_767{width:100%;height:400px;margin-bottom:24px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}._googleMap_19442_776{width:100%;height:100%}._accessTable_19442_781{width:100%;border-collapse:collapse;font-size:15px}._accessTable_19442_781 th{background-color:#fce7f3;color:#831843;font-weight:600;padding:16px 20px;text-align:left;width:140px;border-bottom:1px solid #fbcfe8}._accessTable_19442_781 td{padding:16px 20px;color:#374151;line-height:1.6;border-bottom:1px solid #f3f4f6}._accessTable_19442_781 tr:last-child th,._accessTable_19442_781 tr:last-child td{border-bottom:none}._accessMethod_19442_809{white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){._mapContainer_19442_767{height:300px}._accessTable_19442_781{font-size:14px}._accessTable_19442_781 th{width:100px;padding:12px 16px}._accessTable_19442_781 td{padding:12px 16px}}._card_16iic_3{background:white;border-radius:8px;box-shadow:0 2px 12px #00000014;transition:all .2s ease;overflow:hidden}._cardHover_16iic_16{cursor:pointer}._cardHover_16iic_16:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}._cardBorderless_16iic_25{box-shadow:none;border:1px solid #e5e7eb}._paddingNone_16iic_31{padding:0}._paddingSmall_16iic_35{padding:16px}._paddingMedium_16iic_39{padding:24px}._paddingLarge_16iic_43{padding:32px}@media (max-width: 768px){._paddingLarge_16iic_43{padding:20px}._paddingMedium_16iic_39{padding:16px}._paddingSmall_16iic_35{padding:12px}}.admin-dashboard-wrapper{--ad-primary: #3b82f6;--ad-primary-light: #60a5fa;--ad-primary-dark: #2563eb;--ad-secondary: #8b5cf6;--ad-success: #10b981;--ad-warning: #f59e0b;--ad-error: #ef4444;--ad-info: #6366f1;--ad-background: #f8fafc;--ad-surface: #ffffff;--ad-surface-hover: #f1f5f9;--ad-border: #e2e8f0;--ad-border-light: #f1f5f9;--ad-text-primary: #0f172a;--ad-text-secondary: #475569;--ad-text-muted: #94a3b8;--ad-radius: 12px;--ad-radius-sm: 8px;--ad-radius-lg: 16px;--ad-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ad-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--ad-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ad-transition: all .2s ease}.admin-dashboard-wrapper{background-color:var(--ad-background);min-height:100vh}.ad-header{background:var(--ad-surface);padding:24px 32px;border-bottom:1px solid var(--ad-border);position:sticky;top:0;z-index:100;box-shadow:var(--ad-shadow-sm)}.ad-header__content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.ad-header__info{flex:1}.ad-header__title{font-size:28px;font-weight:700;color:var(--ad-text-primary);margin-bottom:4px}.ad-header__subtitle{font-size:14px;color:var(--ad-text-secondary)}.ad-header__actions{display:flex;gap:12px}.ad-nav{background:var(--ad-surface);border-bottom:1px solid var(--ad-border);position:sticky;top:80px;z-index:90}.ad-nav__content{max-width:1400px;margin:0 auto;padding:0 32px}.ad-nav__tabs{display:flex;gap:32px}.ad-tab{padding:16px 0;font-size:14px;font-weight:500;color:var(--ad-text-secondary);cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;transition:var(--ad-transition);display:flex;align-items:center;gap:8px}.ad-tab:hover{color:var(--ad-text-primary)}.ad-tab--active{color:var(--ad-primary);border-bottom-color:var(--ad-primary)}.ad-main{max-width:1400px;margin:0 auto;padding:32px}.ad-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.ad-stat-card{background:var(--ad-surface);border-radius:var(--ad-radius);padding:24px;box-shadow:var(--ad-shadow-sm);transition:var(--ad-transition);display:flex;align-items:flex-start;gap:16px}.ad-stat-card:hover{box-shadow:var(--ad-shadow);transform:translateY(-2px)}.ad-stat-card__icon{width:48px;height:48px;border-radius:var(--ad-radius-sm);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.ad-stat-card__icon--blue{background-color:#3b82f61a;color:var(--ad-primary)}.ad-stat-card__icon--green{background-color:#10b9811a;color:var(--ad-success)}.ad-stat-card__icon--purple{background-color:#8b5cf61a;color:var(--ad-secondary)}.ad-stat-card__icon--orange{background-color:#f59e0b1a;color:var(--ad-warning)}.ad-stat-card__content{flex:1}.ad-stat-card__label{font-size:14px;color:var(--ad-text-muted);margin-bottom:4px}.ad-stat-card__value{font-size:28px;font-weight:700;color:var(--ad-text-primary);line-height:1.2}.ad-stat-card__trend{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:13px}.ad-stat-card__trend--up{color:var(--ad-success)}.ad-stat-card__trend--down{color:var(--ad-error)}.ad-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px}.ad-chart-card{background:var(--ad-surface);border-radius:var(--ad-radius);padding:24px;box-shadow:var(--ad-shadow-sm)}.ad-chart-card__title{font-size:18px;font-weight:600;color:var(--ad-text-primary);margin-bottom:20px}.ad-top-list{background:var(--ad-surface);border-radius:var(--ad-radius);padding:24px;box-shadow:var(--ad-shadow-sm)}.ad-top-list__title{font-size:18px;font-weight:600;color:var(--ad-text-primary);margin-bottom:20px}.ad-top-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--ad-border-light)}.ad-top-item:last-child{border-bottom:none}.ad-top-item__left{display:flex;align-items:center;gap:12px}.ad-top-item__rank{width:32px;height:32px;background:var(--ad-surface-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--ad-text-secondary)}.ad-top-item__rank--1{background:rgba(245,158,11,.1);color:var(--ad-warning)}.ad-top-item__rank--2{background:rgba(148,163,184,.1);color:var(--ad-text-secondary)}.ad-top-item__rank--3{background:rgba(180,83,9,.1);color:#b45309}.ad-top-item__name{font-weight:600;color:var(--ad-text-primary)}.ad-top-item__right{text-align:right}.ad-top-item__revenue{font-size:18px;font-weight:700;color:var(--ad-text-primary)}.ad-top-item__bookings{font-size:13px;color:var(--ad-text-muted)}.ad-business-section{background:var(--ad-surface);border-radius:var(--ad-radius);padding:24px;box-shadow:var(--ad-shadow-sm)}.ad-business-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ad-business-title{font-size:20px;font-weight:600;color:var(--ad-text-primary)}.ad-business-controls{display:flex;gap:12px}.ad-search-input{padding:10px 16px;border:1px solid var(--ad-border);border-radius:var(--ad-radius-sm);font-size:14px;background:var(--ad-surface);color:var(--ad-text-primary);transition:var(--ad-transition);min-width:250px}.ad-search-input:focus{outline:none;border-color:var(--ad-primary);box-shadow:0 0 0 3px #3b82f61a}.ad-filter-select{padding:10px 16px;border:1px solid var(--ad-border);border-radius:var(--ad-radius-sm);font-size:14px;background:var(--ad-surface);color:var(--ad-text-primary);cursor:pointer;transition:var(--ad-transition)}.ad-table-container{overflow-x:auto}.ad-table{width:100%;border-collapse:separate;border-spacing:0}.ad-table th{background:var(--ad-surface-hover);padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ad-text-secondary);border-bottom:1px solid var(--ad-border)}.ad-table th:first-child{border-top-left-radius:var(--ad-radius-sm)}.ad-table th:last-child{border-top-right-radius:var(--ad-radius-sm)}.ad-table td{padding:16px;border-bottom:1px solid var(--ad-border-light)}.ad-table tr:hover td{background:var(--ad-surface-hover)}.ad-business-info{display:flex;flex-direction:column;gap:2px}.ad-business-name{font-weight:600;color:var(--ad-text-primary)}.ad-business-email{font-size:13px;color:var(--ad-text-muted)}.ad-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.ad-status-badge--active{background:rgba(16,185,129,.1);color:var(--ad-success)}.ad-status-badge--pending{background:rgba(245,158,11,.1);color:var(--ad-warning)}.ad-status-badge--suspended{background:rgba(239,68,68,.1);color:var(--ad-error)}.ad-plan-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ad-plan-badge--basic{background:var(--ad-surface-hover);color:var(--ad-text-secondary)}.ad-plan-badge--standard{background:rgba(59,130,246,.1);color:var(--ad-primary)}.ad-plan-badge--premium{background:rgba(139,92,246,.1);color:var(--ad-secondary)}.ad-plan-badge--enterprise{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.1));color:#d97706}.ad-action-buttons{display:flex;gap:8px}.ad-btn{padding:6px 16px;border-radius:var(--ad-radius-sm);font-size:13px;font-weight:500;border:none;cursor:pointer;transition:var(--ad-transition)}.ad-btn--primary{background:var(--ad-primary);color:#fff}.ad-btn--primary:hover{background:var(--ad-primary-dark);transform:translateY(-1px);box-shadow:var(--ad-shadow-sm)}.ad-btn--success{background:var(--ad-success);color:#fff}.ad-btn--success:hover{background:#059669}.ad-btn--danger{background:var(--ad-error);color:#fff}.ad-btn--danger:hover{background:#dc2626}.ad-btn--secondary{background:var(--ad-surface);color:var(--ad-text-secondary);border:1px solid var(--ad-border)}.ad-btn--secondary:hover{background:var(--ad-surface-hover);color:var(--ad-text-primary)}.ad-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--ad-text-secondary)}.ad-loading__spinner{width:40px;height:40px;border:3px solid var(--ad-border);border-top-color:var(--ad-primary);border-radius:50%;animation:ad-spin 1s linear infinite;margin-right:12px}@keyframes ad-spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.ad-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ad-header{padding:16px 20px}.ad-header__content{flex-direction:column;align-items:flex-start}.ad-nav__tabs{gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.ad-stats-grid{grid-template-columns:1fr}.ad-business-header{flex-direction:column;gap:16px;align-items:stretch}.ad-business-controls{flex-direction:column}.ad-search-input{min-width:auto;width:100%}.ad-table{font-size:14px}.ad-table th,.ad-table td{padding:8px}}.biz-dashboard-wrapper{--bd-primary: #7c3aed;--bd-primary-light: #a78bfa;--bd-primary-dark: #5b21b6;--bd-secondary: #ec4899;--bd-background: #f8fafc;--bd-surface: #ffffff;--bd-surface-hover: #f1f5f9;--bd-border: #e2e8f0;--bd-border-light: #f1f5f9;--bd-text-primary: #0f172a;--bd-text-secondary: #475569;--bd-text-muted: #94a3b8;--bd-success: #10b981;--bd-warning: #f59e0b;--bd-error: #ef4444;--bd-info: #3b82f6;--bd-radius: 12px;--bd-radius-sm: 8px;--bd-radius-lg: 16px;--bd-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bd-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--bd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--bd-transition: all .2s ease}.biz-dashboard-wrapper{background-color:var(--bd-background);min-height:100vh}.bd-header{background:var(--bd-surface);padding:24px 32px;border-bottom:1px solid var(--bd-border);margin-bottom:24px}.bd-header__content{display:flex;justify-content:space-between;align-items:center;gap:24px}.bd-header__info{flex:1}.bd-header__title{font-size:28px;font-weight:700;color:var(--bd-text-primary);margin-bottom:4px}.bd-header__subtitle{font-size:14px;color:var(--bd-text-secondary)}.bd-header__actions{display:flex;gap:12px}.bd-button{padding:10px 20px;border-radius:var(--bd-radius-sm);font-weight:500;font-size:14px;border:1px solid var(--bd-border);background:var(--bd-surface);color:var(--bd-text-secondary);cursor:pointer;transition:var(--bd-transition);display:inline-flex;align-items:center;gap:8px}.bd-button:hover{background:var(--bd-surface-hover);color:var(--bd-text-primary);border-color:var(--bd-text-secondary)}.bd-button--primary{background-color:var(--bd-primary);color:#fff;border-color:var(--bd-primary)}.bd-button--primary:hover{background-color:var(--bd-primary-dark);border-color:var(--bd-primary-dark);transform:translateY(-1px);box-shadow:var(--bd-shadow)}.bd-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:0 30px 32px}.bd-stat-card{background:var(--bd-surface);border-radius:var(--bd-radius);padding:24px;box-shadow:var(--bd-shadow-sm);transition:var(--bd-transition);display:flex;align-items:flex-start;gap:16px}.bd-stat-card:hover{box-shadow:var(--bd-shadow);transform:translateY(-2px)}.bd-stat-card__icon{width:48px;height:48px;border-radius:var(--bd-radius-sm);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.bd-stat-card__icon--primary{background-color:#7c3aed1a;color:var(--bd-primary)}.bd-stat-card__icon--success{background-color:#10b9811a;color:var(--bd-success)}.bd-stat-card__icon--warning{background-color:#f59e0b1a;color:var(--bd-warning)}.bd-stat-card__icon--info{background-color:#3b82f61a;color:var(--bd-info)}.bd-stat-card__content{flex:1}.bd-stat-card__label{font-size:14px;color:var(--bd-text-muted);margin-bottom:4px}.bd-stat-card__value{font-size:28px;font-weight:700;color:var(--bd-text-primary);line-height:1.2}.bd-stat-card__trend{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:13px}.bd-stat-card__trend--up{color:var(--bd-success)}.bd-stat-card__trend--down{color:var(--bd-error)}.bd-main-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;margin:0 30px}.bd-recent-bookings{background:var(--bd-surface);border-radius:var(--bd-radius);box-shadow:var(--bd-shadow-sm);overflow:hidden}.bd-section__header{padding:20px 24px;border-bottom:1px solid var(--bd-border);display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.bd-section__title{font-size:18px;font-weight:600;color:var(--bd-text-primary)}.bd-section__action{font-size:14px;color:var(--bd-primary);cursor:pointer;transition:var(--bd-transition)}.bd-section__action:hover{color:var(--bd-primary-dark)}.bd-bookings-list{padding:16px}.bd-booking-item{padding:16px;border-radius:var(--bd-radius-sm);background:var(--bd-surface-hover);margin-bottom:12px;transition:var(--bd-transition);cursor:pointer}.bd-booking-item:last-child{margin-bottom:0}.bd-booking-item:hover{background:var(--bd-surface);box-shadow:var(--bd-shadow-sm)}.bd-booking-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.bd-booking-item__time{font-size:16px;font-weight:600;color:var(--bd-text-primary)}.bd-booking-item__status{font-size:12px;padding:4px 10px;border-radius:16px;font-weight:500}.bd-booking-item__status--confirmed{background:rgba(16,185,129,.1);color:var(--bd-success)}.bd-booking-item__status--pending{background:rgba(245,158,11,.1);color:var(--bd-warning)}.bd-booking-item__customer{font-size:14px;color:var(--bd-text-secondary);margin-bottom:4px}.bd-booking-item__service{font-size:13px;color:var(--bd-text-muted)}.bd-today-schedule{background:var(--bd-surface);border-radius:var(--bd-radius);box-shadow:var(--bd-shadow-sm)}.bd-schedule-timeline{padding:20px;max-height:500px;overflow-y:auto}.bd-time-slot{display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--bd-border-light)}.bd-time-slot:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.bd-time-slot__time{font-size:14px;font-weight:500;color:var(--bd-text-muted);min-width:50px}.bd-time-slot__content{flex:1}.bd-time-slot--booked .bd-time-slot__content{background:var(--bd-primary);color:#fff;padding:12px;border-radius:var(--bd-radius-sm)}.bd-time-slot__customer{font-weight:600;margin-bottom:4px}.bd-time-slot__service{font-size:13px;opacity:.9}.bd-time-slot--empty{opacity:.5}.bd-quick-actions{margin:24px 30px 0}.bd-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.bd-action-card{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-radius);padding:20px;text-align:center;cursor:pointer;transition:var(--bd-transition);text-decoration:none;color:inherit}.bd-action-card:hover{border-color:var(--bd-primary);box-shadow:var(--bd-shadow);transform:translateY(-2px)}.bd-action-card__icon{width:48px;height:48px;margin:0 auto 12px;background:var(--bd-surface-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--bd-primary)}.bd-action-card__title{font-size:16px;font-weight:600;color:var(--bd-text-primary);margin-bottom:4px}.bd-action-card__description{font-size:13px;color:var(--bd-text-muted)}.bd-empty-state{text-align:center;padding:40px 20px;color:var(--bd-text-muted)}.bd-empty-state__icon{font-size:48px;margin-bottom:16px;opacity:.3}.bd-empty-state__text{font-size:16px;color:var(--bd-text-secondary)}.bd-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--bd-text-secondary)}.bd-loading__spinner{width:40px;height:40px;border:3px solid var(--bd-border);border-top-color:var(--bd-primary);border-radius:50%;animation:bd-spin 1s linear infinite;margin-right:12px}@keyframes bd-spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.bd-main-grid{grid-template-columns:1fr}}@media (max-width: 768px){.bd-header{padding:16px 20px}.bd-header__content{flex-direction:column;align-items:flex-start}.bd-stats-section,.bd-actions-grid{grid-template-columns:1fr}}.modern-gallery-wrapper{--mg-primary: #7c3aed;--mg-primary-light: #a78bfa;--mg-primary-dark: #5b21b6;--mg-secondary: #ec4899;--mg-success: #10b981;--mg-warning: #f59e0b;--mg-error: #ef4444;--mg-info: #3b82f6;--mg-background: #f8fafc;--mg-surface: #ffffff;--mg-surface-hover: #f1f5f9;--mg-border: #e2e8f0;--mg-border-light: #f1f5f9;--mg-text-primary: #0f172a;--mg-text-secondary: #475569;--mg-text-muted: #94a3b8;--mg-radius: 12px;--mg-radius-sm: 8px;--mg-radius-lg: 16px;--mg-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--mg-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--mg-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--mg-transition: all .2s ease}.modern-gallery-wrapper{background-color:var(--mg-background);min-height:100vh}.mg-header{background:var(--mg-surface);padding:24px 32px;border-bottom:1px solid var(--mg-border);margin-bottom:24px}.mg-header__content{display:flex;justify-content:space-between;align-items:center;gap:24px}.mg-header__info{flex:1}.mg-header__title{font-size:28px;font-weight:700;color:var(--mg-text-primary);margin-bottom:4px}.mg-header__subtitle{font-size:14px;color:var(--mg-text-secondary)}.mg-header__stats{display:flex;gap:24px}.mg-stat{text-align:center}.mg-stat__value{font-size:24px;font-weight:700;color:var(--mg-primary)}.mg-stat__label{font-size:12px;color:var(--mg-text-muted);text-transform:uppercase;letter-spacing:.5px}.mg-filters{background:var(--mg-surface);padding:20px 32px;border-radius:var(--mg-radius);box-shadow:var(--mg-shadow-sm);margin:0 30px 24px}.mg-filters__label{font-size:14px;font-weight:500;color:var(--mg-text-primary);margin-bottom:12px;display:block}.mg-filters__tabs{display:flex;gap:8px;flex-wrap:wrap}.mg-filter-tab{padding:8px 20px;background:var(--mg-surface);border:1px solid var(--mg-border);border-radius:20px;font-size:14px;color:var(--mg-text-secondary);cursor:pointer;transition:var(--mg-transition);display:flex;align-items:center;gap:6px}.mg-filter-tab:hover{background:var(--mg-surface-hover);border-color:var(--mg-primary-light)}.mg-filter-tab--active{background:var(--mg-primary);border-color:var(--mg-primary);color:#fff}.mg-filter-tab__count{font-size:12px;opacity:.8}.mg-upload{background:var(--mg-surface);border-radius:var(--mg-radius);box-shadow:var(--mg-shadow-sm);padding:32px;margin:0 30px 32px}.mg-upload__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mg-upload__title{font-size:20px;font-weight:600;color:var(--mg-text-primary)}.mg-upload__store-select{display:flex;align-items:center;gap:12px}.mg-upload__store-label{font-size:14px;color:var(--mg-text-secondary)}.mg-select{padding:8px 36px 8px 16px;border:1px solid var(--mg-border);border-radius:var(--mg-radius-sm);font-size:14px;background:var(--mg-surface);color:var(--mg-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px;min-width:200px}.mg-select:focus{outline:none;border-color:var(--mg-primary);box-shadow:0 0 0 3px #7c3aed1a}.mg-dropzone{border:2px dashed var(--mg-border);border-radius:var(--mg-radius);padding:40px;text-align:center;cursor:pointer;transition:var(--mg-transition);background:var(--mg-surface-hover)}.mg-dropzone:hover{border-color:var(--mg-primary-light);background:rgba(124,58,237,.02)}.mg-dropzone--active{border-color:var(--mg-primary);background:rgba(124,58,237,.05)}.mg-dropzone__icon{width:64px;height:64px;margin:0 auto 16px;color:var(--mg-primary-light)}.mg-dropzone__text{font-size:16px;color:var(--mg-text-primary);margin-bottom:8px}.mg-dropzone__hint{font-size:14px;color:var(--mg-text-muted)}.mg-dropzone__input{display:none}.mg-preview{margin-top:24px}.mg-preview__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mg-preview__title{font-size:16px;font-weight:500;color:var(--mg-text-primary)}.mg-preview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.mg-preview__item{position:relative;border-radius:var(--mg-radius-sm);overflow:hidden;background:var(--mg-surface-hover)}.mg-preview__image{width:100%;height:120px;object-fit:cover}.mg-preview__name{padding:8px;font-size:12px;color:var(--mg-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-preview__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--mg-surface)}.mg-preview__progress-bar{height:100%;background:var(--mg-primary);transition:width .3s ease}.mg-button{padding:10px 20px;border-radius:var(--mg-radius-sm);font-weight:500;font-size:14px;border:none;cursor:pointer;transition:var(--mg-transition);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.mg-button--primary{background-color:var(--mg-primary);color:#fff}.mg-button--primary:hover{background-color:var(--mg-primary-dark);transform:translateY(-1px);box-shadow:var(--mg-shadow)}.mg-button--secondary{background:var(--mg-surface);color:var(--mg-text-secondary);border:1px solid var(--mg-border)}.mg-button--secondary:hover{background:var(--mg-surface-hover);color:var(--mg-text-primary);border-color:var(--mg-text-secondary)}.mg-button--danger{background:var(--mg-error);color:#fff}.mg-button--danger:hover{background:#dc2626}.mg-button:disabled{opacity:.5;cursor:not-allowed}.mg-gallery{background:var(--mg-surface);border-radius:var(--mg-radius);box-shadow:var(--mg-shadow-sm);padding:32px;margin:0 30px}.mg-gallery__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mg-gallery__title{font-size:20px;font-weight:600;color:var(--mg-text-primary)}.mg-gallery__count{font-size:14px;color:var(--mg-text-muted)}.mg-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.mg-image-card{background:var(--mg-surface);border:1px solid var(--mg-border);border-radius:var(--mg-radius-sm);overflow:hidden;transition:var(--mg-transition)}.mg-image-card:hover{box-shadow:var(--mg-shadow);transform:translateY(-2px)}.mg-image-card__container{position:relative;padding-top:75%;background:var(--mg-surface-hover)}.mg-image-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.mg-image-card__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:var(--mg-text-muted);opacity:.3}.mg-image-card__details{padding:16px}.mg-image-card__name{font-size:14px;font-weight:500;color:var(--mg-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-image-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mg-text-muted);margin-bottom:12px}.mg-image-card__actions{display:flex;gap:8px}.mg-empty{text-align:center;padding:80px 20px}.mg-empty__icon{width:80px;height:80px;margin:0 auto 24px;color:var(--mg-text-muted);opacity:.3}.mg-empty__title{font-size:20px;font-weight:600;color:var(--mg-text-primary);margin-bottom:8px}.mg-empty__text{font-size:16px;color:var(--mg-text-secondary)}.mg-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--mg-text-secondary)}.mg-loading__spinner{width:40px;height:40px;border:3px solid var(--mg-border);border-top-color:var(--mg-primary);border-radius:50%;animation:mg-spin 1s linear infinite;margin-right:12px}@keyframes mg-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.mg-header{padding:16px 20px}.mg-header__content{flex-direction:column;align-items:flex-start}.mg-header__stats{width:100%;justify-content:space-around}.mg-filters{padding:16px 20px}.mg-upload{padding:20px}.mg-upload__header{flex-direction:column;align-items:flex-start;gap:16px}.mg-gallery{padding:20px}.mg-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.mg-dropzone{padding:24px}}.store-management-wrapper{--sm-primary: #7c3aed;--sm-primary-light: #a78bfa;--sm-primary-dark: #5b21b6;--sm-secondary: #ec4899;--sm-success: #10b981;--sm-warning: #f59e0b;--sm-error: #ef4444;--sm-info: #3b82f6;--sm-background: #f8fafc;--sm-surface: #ffffff;--sm-surface-hover: #f1f5f9;--sm-border: #e2e8f0;--sm-border-light: #f1f5f9;--sm-text-primary: #0f172a;--sm-text-secondary: #475569;--sm-text-muted: #94a3b8;--sm-radius: 12px;--sm-radius-sm: 8px;--sm-radius-lg: 16px;--sm-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--sm-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--sm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sm-transition: all .2s ease}.store-management-wrapper{background-color:var(--sm-background);min-height:100vh}.sm-header{background:var(--sm-surface);padding:24px 32px;border-bottom:1px solid var(--sm-border);margin-bottom:24px}.sm-header__content{display:flex;justify-content:space-between;align-items:center;gap:24px}.sm-header__title{font-size:28px;font-weight:700;color:var(--sm-text-primary)}.sm-filters{background:var(--sm-surface);padding:20px 32px;border-radius:var(--sm-radius);box-shadow:var(--sm-shadow-sm);margin:0 30px 24px}.sm-filters__row{display:flex;gap:16px}.sm-search{flex:1;padding:10px 16px 10px 44px;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);font-size:14px;background:var(--sm-surface);color:var(--sm-text-primary);transition:var(--sm-transition);background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%2394a3b8" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg>');background-repeat:no-repeat;background-position:14px center;background-size:20px}.sm-search:focus{outline:none;border-color:var(--sm-primary);box-shadow:0 0 0 3px #7c3aed1a}.sm-filter-select{padding:10px 36px 10px 16px;border:1px solid var(--sm-border);border-radius:var(--sm-radius-sm);font-size:14px;background:var(--sm-surface);color:var(--sm-text-primary);cursor:pointer;transition:var(--sm-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.sm-filter-select:focus{outline:none;border-color:var(--sm-primary);box-shadow:0 0 0 3px #7c3aed1a}.sm-button{padding:10px 20px;border-radius:var(--sm-radius-sm);font-weight:500;font-size:14px;border:none;cursor:pointer;transition:var(--sm-transition);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.sm-button--primary{background-color:var(--sm-primary);color:#fff}.sm-button--primary:hover{background-color:var(--sm-primary-dark);transform:translateY(-1px);box-shadow:var(--sm-shadow)}.sm-button--secondary{background:var(--sm-surface);color:var(--sm-text-secondary);border:1px solid var(--sm-border)}.sm-button--secondary:hover{background:var(--sm-surface-hover);color:var(--sm-text-primary);border-color:var(--sm-text-secondary)}.sm-button--danger{background:var(--sm-error);color:#fff}.sm-button--danger:hover{background:#dc2626}.sm-button--sm{padding:6px 14px;font-size:13px}.sm-stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin:0 30px 32px}.sm-store-card{background:var(--sm-surface);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow-sm);overflow:hidden;transition:var(--sm-transition);display:flex;flex-direction:column;height:100%}.sm-store-card:hover{box-shadow:var(--sm-shadow);transform:translateY(-2px)}.sm-store-card__header{padding:20px;border-bottom:1px solid var(--sm-border-light)}.sm-store-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.sm-store-card__name{font-size:18px;font-weight:600;color:var(--sm-text-primary);margin:0}.sm-store-card__actions{display:flex;gap:8px}.sm-store-card__body{padding:20px;flex:1;display:flex;flex-direction:column}.sm-store-card__category{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--sm-text-secondary);margin-bottom:12px}.sm-store-card__description{font-size:14px;color:var(--sm-text-secondary);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sm-store-card__meta{display:flex;flex-direction:column;gap:8px;margin-top:auto}.sm-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sm-text-muted)}.sm-meta-item__icon{width:16px;height:16px;color:var(--sm-primary)}.sm-store-card__footer{padding:16px 20px;background:var(--sm-surface-hover);border-top:1px solid var(--sm-border-light);display:flex;justify-content:space-between;align-items:center;margin-top:auto}.sm-store-card__rating{display:flex;align-items:center;gap:6px;font-size:14px}.sm-store-card__rating-stars{color:var(--sm-warning)}.sm-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500}.sm-status-badge--active{background:rgba(16,185,129,.1);color:var(--sm-success)}.sm-status-badge--pending{background:rgba(245,158,11,.1);color:var(--sm-warning)}.sm-status-badge--draft{background:var(--sm-surface-hover);color:var(--sm-text-secondary)}.sm-status-badge--suspended{background:rgba(239,68,68,.1);color:var(--sm-error)}.sm-empty-state{text-align:center;padding:80px 20px;background:var(--sm-surface);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow-sm);margin:0 30px}.sm-empty-state__icon{font-size:64px;margin-bottom:24px;opacity:.3}.sm-empty-state__title{font-size:20px;font-weight:600;color:var(--sm-text-primary);margin-bottom:8px}.sm-empty-state__text{font-size:16px;color:var(--sm-text-secondary);margin-bottom:24px}.sm-error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--sm-radius-sm);padding:16px;color:var(--sm-error);margin:0 30px 24px;display:flex;justify-content:space-between;align-items:center}.sm-error-message__close{background:none;border:none;color:var(--sm-error);cursor:pointer;text-decoration:underline;font-size:14px}.sm-service-card{background:var(--sm-surface-hover);border-radius:var(--sm-radius-sm);padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sm-service-card__info{flex:1}.sm-service-card__name{font-size:16px;font-weight:600;color:var(--sm-text-primary);margin-bottom:4px}.sm-service-card__description{font-size:14px;color:var(--sm-text-secondary);margin-bottom:8px}.sm-service-card__details{display:flex;gap:16px;font-size:13px;color:var(--sm-text-muted)}.sm-service-card__price{font-weight:600;color:var(--sm-text-primary)}.sm-service-card__status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.sm-service-card__status--active{background:rgba(16,185,129,.1);color:var(--sm-success)}.sm-service-card__status--inactive{background:var(--sm-surface-hover);color:var(--sm-text-muted)}.sm-service-card__actions{display:flex;gap:8px}.sm-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--sm-text-secondary)}.sm-loading__spinner{width:40px;height:40px;border:3px solid var(--sm-border);border-top-color:var(--sm-primary);border-radius:50%;animation:sm-spin 1s linear infinite;margin-right:12px}@keyframes sm-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.sm-header{padding:16px 20px}.sm-header__content{flex-direction:column;align-items:flex-start}.sm-filters{padding:16px 20px}.sm-filters__row{flex-direction:column}.sm-search{width:100%}.sm-stores-grid{grid-template-columns:1fr;gap:16px}.sm-store-card__actions{flex-wrap:wrap}}.modern-add-store-wrapper{--mas-primary: #7c3aed;--mas-primary-light: #a78bfa;--mas-primary-dark: #5b21b6;--mas-secondary: #ec4899;--mas-success: #10b981;--mas-warning: #f59e0b;--mas-error: #ef4444;--mas-info: #3b82f6;--mas-background: #f8fafc;--mas-surface: #ffffff;--mas-surface-hover: #f1f5f9;--mas-border: #e2e8f0;--mas-border-light: #f1f5f9;--mas-text-primary: #0f172a;--mas-text-secondary: #475569;--mas-text-muted: #94a3b8;--mas-radius: 12px;--mas-radius-sm: 8px;--mas-radius-lg: 16px;--mas-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--mas-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--mas-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--mas-transition: all .2s ease}.modern-add-store-wrapper{background-color:var(--mas-background);min-height:100vh}.mas-header{background:var(--mas-surface);padding:24px 32px;border-bottom:1px solid var(--mas-border);margin-bottom:32px}.mas-header__content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.mas-header__info{flex:1}.mas-header__title{font-size:28px;font-weight:700;color:var(--mas-text-primary);margin-bottom:4px}.mas-header__subtitle{font-size:14px;color:var(--mas-text-secondary)}.mas-header__actions{display:flex;gap:12px}.mas-steps{max-width:800px;margin:0 auto 40px;padding:0 32px}.mas-steps__container{display:flex;align-items:center;justify-content:space-between;position:relative}.mas-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.mas-step__circle{width:48px;height:48px;border-radius:50%;background:var(--mas-surface);border:3px solid var(--mas-border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:var(--mas-text-muted);transition:var(--mas-transition);position:relative}.mas-step--current .mas-step__circle{background:var(--mas-primary);border-color:var(--mas-primary);color:#fff;box-shadow:0 0 0 4px #7c3aed1a}.mas-step--completed .mas-step__circle{background:var(--mas-success);border-color:var(--mas-success);color:#fff}.mas-step__label{margin-top:8px;font-size:13px;font-weight:500;color:var(--mas-text-secondary);white-space:nowrap}.mas-step--current .mas-step__label{color:var(--mas-primary)}.mas-step--completed .mas-step__label{color:var(--mas-success)}.mas-steps__line{position:absolute;top:24px;left:0;right:0;height:3px;background:var(--mas-border);z-index:1}.mas-steps__progress{height:100%;background:var(--mas-success);transition:width .3s ease}.mas-form{max-width:800px;margin:0 auto;padding:0 32px 40px}.mas-form__card{background:var(--mas-surface);border-radius:var(--mas-radius);box-shadow:var(--mas-shadow-sm);padding:40px;min-height:500px}.mas-form__step-header{margin-bottom:32px}.mas-form__step-title{font-size:24px;font-weight:600;color:var(--mas-text-primary);margin-bottom:8px}.mas-form__step-subtitle{font-size:14px;color:var(--mas-text-secondary)}.mas-field{margin-bottom:24px}.mas-field__label{display:block;font-size:14px;font-weight:500;color:var(--mas-text-primary);margin-bottom:8px}.mas-field__label--required:after{content:" *";color:var(--mas-error)}.mas-field__input{width:100%;padding:12px 16px;border:1px solid var(--mas-border);border-radius:var(--mas-radius-sm);font-size:14px;color:var(--mas-text-primary);background:var(--mas-surface);transition:var(--mas-transition)}.mas-field__input:focus{outline:none;border-color:var(--mas-primary);box-shadow:0 0 0 3px #7c3aed1a}.mas-field__input--error{border-color:var(--mas-error)}.mas-field__textarea{resize:vertical;min-height:120px}.mas-field__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.mas-field__error{font-size:13px;color:var(--mas-error);margin-top:4px}.mas-field__hint{font-size:12px;color:#6b7280;margin-top:4px}.mas-grid{display:grid;gap:16px}.mas-grid--2{grid-template-columns:repeat(2,1fr)}.mas-hours{display:flex;flex-direction:column;gap:12px}.mas-hours__row{display:flex;align-items:center;gap:12px}.mas-hours__day{width:80px;font-size:14px;color:var(--mas-text-secondary)}.mas-hours__input{flex:1}.mas-service{background:var(--mas-surface-hover);border:1px solid var(--mas-border);border-radius:var(--mas-radius-sm);padding:24px;margin-bottom:16px}.mas-service__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mas-service__title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:var(--mas-text-primary)}.mas-service__number{width:32px;height:32px;background:var(--mas-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.mas-confirm{display:flex;flex-direction:column;gap:24px}.mas-confirm__section{background:var(--mas-surface-hover);border:1px solid var(--mas-border);border-radius:var(--mas-radius-sm);padding:24px}.mas-confirm__section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--mas-text-primary);margin-bottom:20px}.mas-confirm__icon{width:40px;height:40px;background:var(--mas-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.mas-confirm__item{display:flex;padding:12px 0;border-bottom:1px solid var(--mas-border-light)}.mas-confirm__item:last-child{border-bottom:none}.mas-confirm__label{width:140px;font-size:14px;color:var(--mas-text-secondary)}.mas-confirm__value{flex:1;font-size:14px;color:var(--mas-text-primary)}.mas-service-summary{padding:16px;background:var(--mas-surface);border:1px solid var(--mas-border);border-radius:var(--mas-radius-sm);margin-bottom:12px}.mas-service-summary:last-child{margin-bottom:0}.mas-service-summary__name{font-size:16px;font-weight:500;color:var(--mas-text-primary);margin-bottom:8px}.mas-service-summary__details{display:flex;gap:16px;font-size:14px;color:var(--mas-text-secondary)}.mas-service-summary__price{color:var(--mas-primary);font-weight:600}.mas-info{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:var(--mas-radius-sm);padding:20px 24px}.mas-info__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--mas-info);margin-bottom:12px}.mas-info__list{list-style:none;padding:0;margin:0}.mas-info__list li{position:relative;padding-left:24px;font-size:14px;color:var(--mas-text-secondary);line-height:1.6}.mas-info__list li:before{content:"•";position:absolute;left:8px;color:var(--mas-info)}.mas-nav{display:flex;justify-content:space-between;margin-top:32px;padding-top:32px;border-top:1px solid var(--mas-border-light)}.mas-button{padding:12px 24px;border-radius:var(--mas-radius-sm);font-weight:500;font-size:14px;border:none;cursor:pointer;transition:var(--mas-transition);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.mas-button--primary{background-color:var(--mas-primary);color:#fff}.mas-button--primary:hover{background-color:var(--mas-primary-dark);transform:translateY(-1px);box-shadow:var(--mas-shadow)}.mas-button--secondary{background:var(--mas-surface);color:var(--mas-text-secondary);border:1px solid var(--mas-border)}.mas-button--secondary:hover{background:var(--mas-surface-hover);color:var(--mas-text-primary);border-color:var(--mas-text-secondary)}.mas-button--danger{background:var(--mas-error);color:#fff}.mas-button--danger:hover{background:#dc2626}.mas-button:disabled{opacity:.5;cursor:not-allowed}.mas-button__icon{font-size:16px}.mas-loading{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mas-spin 1s linear infinite}@keyframes mas-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.mas-header{padding:16px 20px}.mas-header__content{flex-direction:column;align-items:flex-start}.mas-form{padding:0 20px 32px}.mas-form__card{padding:24px 20px}.mas-grid--2{grid-template-columns:1fr}.mas-steps__container{padding:0 20px}.mas-step__label{font-size:11px}.mas-nav{flex-direction:column;gap:12px}.mas-button{width:100%;justify-content:center}}.staff-management-wrapper{--sf-primary: #7c3aed;--sf-primary-light: #a78bfa;--sf-primary-dark: #5b21b6;--sf-secondary: #ec4899;--sf-success: #10b981;--sf-warning: #f59e0b;--sf-error: #ef4444;--sf-info: #3b82f6;--sf-background: #f8fafc;--sf-surface: #ffffff;--sf-surface-hover: #f1f5f9;--sf-border: #e2e8f0;--sf-border-light: #f1f5f9;--sf-text-primary: #0f172a;--sf-text-secondary: #475569;--sf-text-muted: #94a3b8;--sf-radius: 12px;--sf-radius-sm: 8px;--sf-radius-lg: 16px;--sf-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--sf-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--sf-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sf-transition: all .2s ease}.staff-management-wrapper{background-color:var(--sf-background);min-height:100vh}.sf-header{background:var(--sf-surface);padding:24px 32px;border-bottom:1px solid var(--sf-border);margin-bottom:24px}.sf-header__content{display:flex;justify-content:space-between;align-items:center;gap:24px}.sf-header__info{flex:1}.sf-header__title{font-size:28px;font-weight:700;color:var(--sf-text-primary);margin-bottom:4px}.sf-header__subtitle{font-size:14px;color:var(--sf-text-secondary)}.sf-header__actions{display:flex;gap:12px}.sf-filters{background:var(--sf-surface);padding:20px 32px;border-radius:var(--sf-radius);box-shadow:var(--sf-shadow-sm);margin:0 30px 24px}.sf-filter-select{padding:10px 36px 10px 16px;border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);font-size:14px;background:var(--sf-surface);color:var(--sf-text-primary);cursor:pointer;transition:var(--sf-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px;min-width:200px}.sf-filter-select:focus{outline:none;border-color:var(--sf-primary);box-shadow:0 0 0 3px #7c3aed1a}.sf-button{padding:10px 20px;border-radius:var(--sf-radius-sm);font-weight:500;font-size:14px;border:none;cursor:pointer;transition:var(--sf-transition);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.sf-button--primary{background-color:var(--sf-primary);color:#fff}.sf-button--primary:hover{background-color:var(--sf-primary-dark);transform:translateY(-1px);box-shadow:var(--sf-shadow)}.sf-button--secondary{background:var(--sf-surface);color:var(--sf-text-secondary);border:1px solid var(--sf-border)}.sf-button--secondary:hover{background:var(--sf-surface-hover);color:var(--sf-text-primary);border-color:var(--sf-text-secondary)}.sf-button--danger{background:var(--sf-error);color:#fff}.sf-button--danger:hover{background:#dc2626}.sf-button--sm{padding:6px 14px;font-size:13px}.sf-staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin:0 30px}.sf-staff-card{background:var(--sf-surface);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow-sm);overflow:hidden;transition:var(--sf-transition);display:flex;flex-direction:column;min-height:400px}.sf-staff-card:hover{box-shadow:var(--sf-shadow);transform:translateY(-2px)}.sf-staff-card__header{padding:24px;border-bottom:1px solid var(--sf-border-light)}.sf-staff-card__header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.sf-staff-card__avatar{width:60px;height:60px;border-radius:50%;background:var(--sf-surface-hover);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--sf-primary);flex-shrink:0}.sf-staff-card__info{flex:1}.sf-staff-card__name{font-size:18px;font-weight:600;color:var(--sf-text-primary);margin-bottom:4px}.sf-staff-card__email{font-size:14px;color:var(--sf-text-secondary)}.sf-staff-card__status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500}.sf-staff-card__status--active{background:rgba(16,185,129,.1);color:var(--sf-success)}.sf-staff-card__status--pending{background:rgba(245,158,11,.1);color:var(--sf-warning)}.sf-staff-card__status--suspended{background:rgba(239,68,68,.1);color:var(--sf-error)}.sf-staff-card__body{padding:24px;flex:1}.sf-staff-card__role{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--sf-surface-hover);border-radius:var(--sf-radius-sm);font-size:14px;font-weight:500;color:var(--sf-text-primary);margin-bottom:16px}.sf-staff-card__stores{margin-bottom:16px}.sf-staff-card__stores-label{font-size:13px;color:var(--sf-text-muted);margin-bottom:8px}.sf-staff-card__stores-list{display:flex;flex-wrap:wrap;gap:8px}.sf-staff-card__store-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--sf-surface-hover);border:1px solid var(--sf-border);border-radius:16px;font-size:12px;color:var(--sf-text-secondary)}.sf-staff-card__permissions{margin-bottom:16px}.sf-staff-card__permissions-label{font-size:13px;color:var(--sf-text-muted);margin-bottom:8px}.sf-staff-card__permissions-list{display:flex;flex-wrap:wrap;gap:6px}.sf-staff-card__permission{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(124,58,237,.1);color:var(--sf-primary);border-radius:12px;font-size:11px;font-weight:500}.sf-staff-card__footer{padding:16px 24px;background:var(--sf-surface-hover);border-top:1px solid var(--sf-border-light);display:flex;gap:8px;margin-top:auto}.sf-empty-state{text-align:center;padding:80px 20px;background:var(--sf-surface);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow-sm);margin:0 30px}.sf-empty-state__icon{font-size:64px;margin-bottom:24px;opacity:.3}.sf-empty-state__title{font-size:20px;font-weight:600;color:var(--sf-text-primary);margin-bottom:8px}.sf-empty-state__text{font-size:16px;color:var(--sf-text-secondary);margin-bottom:24px}.sf-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sf-modal__content{background:var(--sf-surface);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.sf-modal__header{padding:24px 24px 20px;border-bottom:1px solid var(--sf-border-light)}.sf-modal__title{font-size:20px;font-weight:600;color:var(--sf-text-primary)}.sf-modal__body{padding:24px}.sf-form-group{margin-bottom:20px}.sf-form-label{display:block;font-size:14px;font-weight:500;color:var(--sf-text-primary);margin-bottom:8px}.sf-form-input{width:100%;padding:10px 16px;border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);font-size:14px;color:var(--sf-text-primary);background:var(--sf-surface);transition:var(--sf-transition)}.sf-form-input:focus{outline:none;border-color:var(--sf-primary);box-shadow:0 0 0 3px #7c3aed1a}.sf-form-select{width:100%;padding:10px 36px 10px 16px;border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);font-size:14px;background:var(--sf-surface);color:var(--sf-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.sf-form-checkbox-group{display:flex;flex-direction:column;gap:12px}.sf-form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.sf-form-checkbox input[type=checkbox]{width:18px;height:18px;border-radius:4px;cursor:pointer}.sf-form-checkbox label{font-size:14px;color:var(--sf-text-primary);cursor:pointer}.sf-modal__footer{padding:20px 24px;border-top:1px solid var(--sf-border-light);display:flex;justify-content:flex-end;gap:12px}.sf-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--sf-text-secondary)}.sf-loading__spinner{width:40px;height:40px;border:3px solid var(--sf-border);border-top-color:var(--sf-primary);border-radius:50%;animation:sf-spin 1s linear infinite;margin-right:12px}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-staff-card__google-calendar{margin-top:16px;padding-top:16px;border-top:1px solid var(--sf-divider)}.sf-google-calendar-status{display:flex;align-items:center;gap:8px;font-size:14px}.sf-google-calendar-status--connected{color:var(--sf-success)}.sf-google-calendar-status--connecting{color:var(--sf-info);display:flex;align-items:center}.sf-google-calendar-status svg{flex-shrink:0}.sf-google-calendar-status small{margin-left:auto;color:var(--sf-text-secondary);font-size:12px}.sf-button--google{background:#4285f4;color:#fff;border-color:#4285f4;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}.sf-button--google:hover:not(:disabled){background:#357ae8;border-color:#357ae8}.sf-button--google:disabled{opacity:.5;cursor:not-allowed}.sf-button--google svg{flex-shrink:0}@media (max-width: 768px){.sf-header{padding:16px 20px}.sf-header__content{flex-direction:column;align-items:flex-start}.sf-filters{padding:16px 20px}.sf-staff-grid{grid-template-columns:1fr;gap:16px}.sf-modal__content{margin:20px}}.biz-booking-wrapper{--bb-primary: #7c3aed;--bb-primary-light: #a78bfa;--bb-primary-dark: #5b21b6;--bb-secondary: #ec4899;--bb-background: #f8fafc;--bb-surface: #ffffff;--bb-surface-hover: #f1f5f9;--bb-border: #e2e8f0;--bb-border-light: #f1f5f9;--bb-text-primary: #0f172a;--bb-text-secondary: #475569;--bb-text-muted: #94a3b8;--bb-success: #10b981;--bb-warning: #f59e0b;--bb-error: #ef4444;--bb-info: #3b82f6;--bb-radius: 12px;--bb-radius-sm: 8px;--bb-radius-lg: 16px;--bb-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bb-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--bb-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--bb-transition: all .2s ease}.biz-booking-wrapper{background-color:var(--bb-background);min-height:100vh}.bb-header{background:var(--bb-surface);padding:24px 32px;border-bottom:1px solid var(--bb-border);margin-bottom:24px}.bb-header__content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.bb-header__info{flex:1}.bb-header__title{font-size:24px;font-weight:700;color:var(--bb-text-primary);margin-bottom:4px}.bb-header__subtitle{font-size:14px;color:var(--bb-text-secondary)}.bb-header__actions{display:flex;align-items:center;gap:16px}.bb-view-toggle{display:flex;background:var(--bb-surface-hover);border-radius:var(--bb-radius-sm);padding:4px;gap:4px}.bb-view-toggle__btn{padding:8px 16px;border:none;background:none;color:var(--bb-text-secondary);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:var(--bb-transition)}.bb-view-toggle__btn:hover{color:var(--bb-text-primary)}.bb-view-toggle__btn--active{background:var(--bb-surface);color:var(--bb-primary);box-shadow:var(--bb-shadow-sm)}.bb-button{padding:10px 20px;border-radius:var(--bb-radius-sm);font-weight:500;font-size:14px;border:none;cursor:pointer;transition:var(--bb-transition);display:inline-flex;align-items:center;gap:8px}.bb-button--primary{background-color:var(--bb-primary);color:#fff}.bb-button--primary:hover{background-color:var(--bb-primary-dark);transform:translateY(-1px);box-shadow:var(--bb-shadow)}.bb-calendar-container{background:var(--bb-surface);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow-sm);overflow:hidden;margin:0 30px}.bb-calendar-nav{padding:20px 24px;border-bottom:1px solid var(--bb-border);display:flex;justify-content:space-between;align-items:center}.bb-calendar-nav__controls{display:flex;align-items:center;gap:16px}.bb-calendar-nav__btn{width:36px;height:36px;border-radius:var(--bb-radius-sm);border:1px solid var(--bb-border);background:var(--bb-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--bb-transition);color:var(--bb-text-secondary)}.bb-calendar-nav__btn:hover{background:var(--bb-surface-hover);border-color:var(--bb-primary);color:var(--bb-primary)}.bb-calendar-nav__title{font-size:18px;font-weight:600;color:var(--bb-text-primary);min-width:200px;text-align:center}.bb-stats{display:flex;gap:16px}.bb-stat-card{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bb-surface-hover);border-radius:var(--bb-radius-sm)}.bb-stat-card__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.bb-stat-card__icon--primary{background-color:#7c3aed1a;color:var(--bb-primary)}.bb-stat-card__icon--warning{background-color:#f59e0b1a;color:var(--bb-warning)}.bb-stat-card__icon--success{background-color:#10b9811a;color:var(--bb-success)}.bb-stat-card__content{display:flex;flex-direction:column}.bb-stat-card__value{font-size:20px;font-weight:700;color:var(--bb-text-primary);line-height:1}.bb-stat-card__label{font-size:12px;color:var(--bb-text-muted);margin-top:2px}.bb-calendar-month{padding:24px}.bb-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.bb-weekday{text-align:center;font-size:12px;font-weight:600;color:var(--bb-text-muted);text-transform:uppercase;padding:8px 0}.bb-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.bb-day{min-height:100px;padding:8px;border:1px solid var(--bb-border-light);border-radius:var(--bb-radius-sm);background:var(--bb-surface);cursor:pointer;transition:var(--bb-transition);position:relative}.bb-day:hover{background:var(--bb-surface-hover);border-color:var(--bb-border)}.bb-day--other-month{opacity:.4}.bb-day--today{background:rgba(124,58,237,.05);border-color:var(--bb-primary)}.bb-day--selected{background:rgba(124,58,237,.1);border-color:var(--bb-primary)}.bb-day__number{font-size:14px;font-weight:500;color:var(--bb-text-primary);margin-bottom:4px}.bb-day__bookings{display:flex;flex-direction:column;gap:2px}.bb-booking-dot{font-size:11px;padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-booking-dot--confirmed{background:rgba(16,185,129,.1);color:var(--bb-success)}.bb-booking-dot--pending{background:rgba(245,158,11,.1);color:var(--bb-warning)}.bb-booking-dot--cancelled{background:rgba(239,68,68,.1);color:var(--bb-error)}.bb-day__more{font-size:11px;color:var(--bb-text-muted);margin-top:2px}.bb-calendar-week{padding:24px;overflow-x:auto}.bb-week-header{display:flex;background:var(--bb-surface-hover);border-radius:var(--bb-radius-sm) var(--bb-radius-sm) 0 0;overflow:hidden}.bb-week-time-header{width:80px;padding:12px;font-size:12px;font-weight:600;color:var(--bb-text-muted);text-align:center;border-right:1px solid var(--bb-border)}.bb-week-times{display:flex;flex:1}.bb-week-time-slot{flex:1;min-width:100px;padding:12px 4px;text-align:center;font-size:12px;color:var(--bb-text-muted);border-right:1px solid var(--bb-border-light)}.bb-week-body{border:1px solid var(--bb-border);border-top:none;border-radius:0 0 var(--bb-radius-sm) var(--bb-radius-sm)}.bb-week-day-row{display:flex;border-bottom:1px solid var(--bb-border-light)}.bb-week-day-row:last-child{border-bottom:none}.bb-week-day-label{width:80px;padding:16px 12px;background:var(--bb-surface-hover);border-right:1px solid var(--bb-border);cursor:pointer;transition:var(--bb-transition)}.bb-week-day-label:hover{background:var(--bb-surface)}.bb-week-day-name{font-size:12px;color:var(--bb-text-muted);margin-bottom:4px}.bb-week-day-number{font-size:16px;font-weight:600;color:var(--bb-text-primary)}.bb-week-day-number--today{color:var(--bb-primary)}.bb-week-timeline{flex:1;position:relative;height:80px;display:flex}.bb-week-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:flex}.bb-week-grid-line{flex:1;border-right:1px solid var(--bb-border-light)}.bb-week-bookings{position:absolute;top:0;left:0;right:0;bottom:0;padding:4px 0}.bb-week-booking{position:absolute;top:8px;padding:4px 8px;border-radius:6px;font-size:12px;cursor:pointer;transition:var(--bb-transition);overflow:hidden;min-height:32px}.bb-week-booking:hover{transform:translateY(-1px);box-shadow:var(--bb-shadow);z-index:10}.bb-week-booking--confirmed{background:var(--bb-success);color:#fff}.bb-week-booking--pending{background:var(--bb-warning);color:#fff}.bb-week-booking--cancelled{background:var(--bb-error);color:#fff;opacity:.7}.bb-week-booking__time{font-weight:600;margin-bottom:2px}.bb-week-booking__customer{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-calendar-day{padding:24px}.bb-day-header{margin-bottom:24px}.bb-day-title{font-size:20px;font-weight:600;color:var(--bb-text-primary);margin-bottom:4px}.bb-day-count{font-size:14px;color:var(--bb-text-secondary)}.bb-timeline{position:relative;margin-left:80px}.bb-timeline-hours{position:absolute;left:-80px;top:0;bottom:0;width:80px}.bb-timeline-hour{height:80px;display:flex;align-items:flex-start;padding:8px 16px 0 0;text-align:right;font-size:12px;color:var(--bb-text-muted);position:relative}.bb-timeline-hour:after{content:"";position:absolute;right:-1px;top:0;width:100vw;height:1px;background:var(--bb-border-light)}.bb-timeline-content{position:relative;min-height:1120px}.bb-day-booking{position:absolute;left:0;right:0;padding:12px 16px;background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);box-shadow:var(--bb-shadow-sm);cursor:pointer;transition:var(--bb-transition)}.bb-day-booking:hover{box-shadow:var(--bb-shadow);transform:translate(2px);z-index:10}.bb-day-booking--confirmed{border-left:4px solid var(--bb-success)}.bb-day-booking--pending{border-left:4px solid var(--bb-warning)}.bb-day-booking--cancelled{border-left:4px solid var(--bb-error);opacity:.7}.bb-day-booking__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bb-day-booking__time{font-size:14px;font-weight:600;color:var(--bb-text-primary)}.bb-day-booking__status{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500}.bb-day-booking__customer{font-size:16px;font-weight:600;color:var(--bb-text-primary);margin-bottom:4px}.bb-day-booking__service{font-size:14px;color:var(--bb-text-secondary);margin-bottom:4px}.bb-day-booking__meta{font-size:13px;color:var(--bb-text-muted)}.bb-details-panel{margin:24px 30px 0;background:var(--bb-surface);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow-sm);overflow:hidden}.bb-details-panel__header{padding:20px 24px;border-bottom:1px solid var(--bb-border);display:flex;justify-content:space-between;align-items:center}.bb-details-panel__title{font-size:18px;font-weight:600;color:var(--bb-text-primary)}.bb-details-panel__count{font-size:14px;color:var(--bb-text-secondary)}.bb-details-panel__content{padding:24px}.bb-booking-list{display:flex;flex-direction:column;gap:16px}.bb-booking-card{background:var(--bb-surface-hover);border-radius:var(--bb-radius-sm);padding:20px;transition:var(--bb-transition)}.bb-booking-card:hover{background:var(--bb-surface);box-shadow:var(--bb-shadow-sm)}.bb-booking-card__main{display:flex;gap:24px;margin-bottom:16px}.bb-booking-card__time{flex-shrink:0;width:120px}.bb-booking-card__time-value{font-size:18px;font-weight:600;color:var(--bb-text-primary)}.bb-booking-card__duration{font-size:13px;color:var(--bb-text-muted)}.bb-booking-card__info{flex:1}.bb-booking-card__customer{font-size:16px;font-weight:600;color:var(--bb-text-primary);margin-bottom:4px}.bb-booking-card__service{font-size:14px;color:var(--bb-text-secondary);margin-bottom:4px}.bb-booking-card__store{font-size:14px;color:var(--bb-primary);font-weight:500;margin-bottom:4px}.bb-booking-card__staff{font-size:13px;color:var(--bb-text-muted)}.bb-booking-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.bb-booking-card__status{font-size:12px;padding:4px 12px;border-radius:16px;font-weight:500}.bb-booking-card__status--confirmed{background:rgba(16,185,129,.1);color:var(--bb-success)}.bb-booking-card__status--pending{background:rgba(245,158,11,.1);color:var(--bb-warning)}.bb-booking-card__status--cancelled{background:rgba(239,68,68,.1);color:var(--bb-error)}.bb-booking-card__price{font-size:18px;font-weight:700;color:var(--bb-text-primary)}.bb-booking-card__actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--bb-border-light)}.bb-action-btn{padding:6px 16px;font-size:13px;font-weight:500;border:1px solid var(--bb-border);background:var(--bb-surface);color:var(--bb-text-secondary);border-radius:6px;cursor:pointer;transition:var(--bb-transition)}.bb-action-btn:hover{background:var(--bb-surface-hover);color:var(--bb-text-primary);border-color:var(--bb-text-secondary)}.bb-action-btn--primary{background:var(--bb-primary);color:#fff;border-color:var(--bb-primary)}.bb-action-btn--primary:hover{background:var(--bb-primary-dark);border-color:var(--bb-primary-dark)}.bb-action-btn--danger{color:var(--bb-error)}.bb-action-btn--danger:hover{background:rgba(239,68,68,.1);border-color:var(--bb-error)}.bb-empty-state{text-align:center;padding:60px 24px}.bb-empty-state__icon{font-size:48px;margin-bottom:16px;opacity:.3}.bb-empty-state__text{font-size:16px;color:var(--bb-text-secondary);margin-bottom:8px}.bb-empty-state__subtext{font-size:14px;color:var(--bb-text-muted)}.bb-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--bb-text-secondary)}.bb-loading__spinner{width:40px;height:40px;border:3px solid var(--bb-border);border-top-color:var(--bb-primary);border-radius:50%;animation:bb-spin 1s linear infinite;margin-right:12px}@keyframes bb-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.bb-header__content{flex-direction:column}.bb-stats{flex-wrap:wrap}.bb-week-day-label{width:60px;font-size:11px}.bb-week-time-header{width:60px}}@media (max-width: 768px){.bb-header{padding:16px 20px}.bb-days-grid{gap:2px}.bb-day{min-height:80px;padding:6px}.bb-booking-card__main{flex-direction:column;gap:12px}.bb-booking-card__meta{flex-direction:row;justify-content:space-between;align-items:center}.bb-booking-card__actions{flex-wrap:wrap}.bb-action-btn{flex:1;min-width:80px}}:root{--bf-primary: #8B5CF6;--bf-primary-light: #A78BFA;--bf-primary-dark: #7C3AED;--bf-secondary: #64748B;--bf-success: #10B981;--bf-warning: #F59E0B;--bf-danger: #EF4444;--bf-info: #3B82F6;--bf-surface: #FFFFFF;--bf-surface-hover: #F8FAFC;--bf-border: #E2E8F0;--bf-border-light: #F1F5F9;--bf-text-primary: #1E293B;--bf-text-secondary: #64748B;--bf-text-muted: #94A3B8;--bf-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--bf-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--bf-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--bf-radius-sm: 4px;--bf-radius: 8px;--bf-radius-lg: 12px;--bf-transition: all .2s ease}.benefits-management{padding:24px 0}.bf-loading{display:flex;align-items:center;justify-content:center;min-height:400px;gap:12px}.bf-loading__spinner{width:32px;height:32px;border:3px solid var(--bf-border);border-top-color:var(--bf-primary);border-radius:50%;animation:bf-spin .8s linear infinite}@keyframes bf-spin{to{transform:rotate(360deg)}}.bf-header{background:var(--bf-surface);border-radius:var(--bf-radius);box-shadow:var(--bf-shadow-sm);margin:0 30px 24px;padding:32px}.bf-header__content{display:flex;justify-content:space-between;align-items:center;gap:24px}.bf-header__info{flex:1}.bf-header__title{font-size:28px;font-weight:700;color:var(--bf-text-primary);margin-bottom:8px}.bf-header__subtitle{font-size:16px;color:var(--bf-text-secondary)}.bf-filters{margin:0 30px 24px}.bf-filter-select{padding:10px 16px;border:1px solid var(--bf-border);border-radius:var(--bf-radius);font-size:14px;color:var(--bf-text-primary);background:var(--bf-surface);cursor:pointer;transition:var(--bf-transition)}.bf-filter-select:hover{border-color:var(--bf-primary)}.bf-filter-select:focus{outline:none;border-color:var(--bf-primary);box-shadow:0 0 0 3px #8b5cf61a}.bf-benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin:0 30px}.bf-benefit-card{background:var(--bf-surface);border-radius:var(--bf-radius);box-shadow:var(--bf-shadow-sm);overflow:hidden;transition:var(--bf-transition);display:flex;flex-direction:column}.bf-benefit-card:hover{box-shadow:var(--bf-shadow);transform:translateY(-2px)}.bf-benefit-card__header{padding:20px 24px;border-bottom:1px solid var(--bf-border-light);display:flex;justify-content:space-between;align-items:center}.bf-benefit-card__type{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--bf-radius-sm);font-size:14px;font-weight:500}.bf-benefit-card__type-icon{font-size:16px}.bf-benefit-card__status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500}.bf-benefit-card__status--active{background:rgba(16,185,129,.1);color:var(--bf-success)}.bf-benefit-card__status--inactive{background:rgba(100,116,139,.1);color:var(--bf-secondary)}.bf-benefit-card__body{padding:24px;flex:1}.bf-benefit-card__title{font-size:18px;font-weight:600;color:var(--bf-text-primary);margin-bottom:8px}.bf-benefit-card__description{font-size:14px;color:var(--bf-text-secondary);margin-bottom:20px;line-height:1.6}.bf-benefit-card__details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.bf-benefit-card__detail{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--bf-text-secondary)}.bf-benefit-card__detail svg{color:var(--bf-text-muted);flex-shrink:0}.bf-benefit-card__conditions{padding:12px 16px;background:var(--bf-surface-hover);border-radius:var(--bf-radius-sm);font-size:13px;margin-top:16px}.bf-benefit-card__conditions-label{font-weight:500;color:var(--bf-text-primary);margin-right:8px}.bf-benefit-card__footer{padding:16px 24px;background:var(--bf-surface-hover);border-top:1px solid var(--bf-border-light);display:flex;gap:8px;margin-top:auto}.bf-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--bf-radius);font-size:14px;font-weight:500;cursor:pointer;transition:var(--bf-transition);white-space:nowrap}.bf-button--primary{background:var(--bf-primary);color:#fff}.bf-button--primary:hover{background:var(--bf-primary-dark)}.bf-button--secondary{background:var(--bf-surface);color:var(--bf-text-primary);border:1px solid var(--bf-border)}.bf-button--secondary:hover{background:var(--bf-surface-hover)}.bf-button--success{background:var(--bf-success);color:#fff}.bf-button--success:hover{background:#059669}.bf-button--warning{background:var(--bf-warning);color:#fff}.bf-button--warning:hover{background:#D97706}.bf-button--danger{background:var(--bf-danger);color:#fff}.bf-button--danger:hover{background:#DC2626}.bf-button--sm{padding:6px 14px;font-size:13px}.bf-empty-state{text-align:center;padding:80px 20px;background:var(--bf-surface);border-radius:var(--bf-radius);box-shadow:var(--bf-shadow-sm);margin:0 30px}.bf-empty-state__icon{margin-bottom:24px}.bf-empty-state__title{font-size:20px;font-weight:600;color:var(--bf-text-primary);margin-bottom:8px}.bf-empty-state__text{font-size:16px;color:var(--bf-text-secondary);margin-bottom:24px}.bf-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.bf-modal__content{background:var(--bf-surface);border-radius:var(--bf-radius);box-shadow:var(--bf-shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.bf-modal__header{padding:24px;border-bottom:1px solid var(--bf-border-light)}.bf-modal__title{font-size:20px;font-weight:600;color:var(--bf-text-primary)}.bf-modal__body{padding:24px}.bf-modal__footer{padding:16px 24px;border-top:1px solid var(--bf-border-light);display:flex;justify-content:flex-end;gap:12px}.bf-form-group{margin-bottom:20px}.bf-form-label{display:block;font-size:14px;font-weight:500;color:var(--bf-text-primary);margin-bottom:8px}.bf-form-input,.bf-form-select,.bf-form-textarea{width:100%;padding:10px 14px;border:1px solid var(--bf-border);border-radius:var(--bf-radius-sm);font-size:14px;color:var(--bf-text-primary);background:var(--bf-surface);transition:var(--bf-transition)}.bf-form-input:focus,.bf-form-select:focus,.bf-form-textarea:focus{outline:none;border-color:var(--bf-primary);box-shadow:0 0 0 3px #8b5cf61a}.bf-form-textarea{resize:vertical;font-family:inherit}.bf-form-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--bf-text-primary);cursor:pointer}.bf-form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media (max-width: 768px){.bf-header__content{flex-direction:column;align-items:flex-start}.bf-benefits-grid{grid-template-columns:1fr}.bf-header,.bf-filters,.bf-benefits-grid,.bf-empty-state{margin-left:16px;margin-right:16px}}.user-dashboard-wrapper{--ud-primary: #7c3aed;--ud-primary-light: #a78bfa;--ud-primary-dark: #5b21b6;--ud-secondary: #ec4899;--ud-secondary-light: #f9a8d4;--ud-background: #fafbfc;--ud-surface: #ffffff;--ud-surface-hover: #f8fafc;--ud-border: #e5e7eb;--ud-text-primary: #111827;--ud-text-secondary: #6b7280;--ud-text-muted: #9ca3af;--ud-success: #10b981;--ud-warning: #f59e0b;--ud-error: #ef4444;--ud-info: #3b82f6;--ud-radius: 12px;--ud-radius-sm: 8px;--ud-radius-lg: 16px;--ud-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ud-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--ud-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ud-transition: all .2s ease}.user-dashboard-wrapper{min-height:100vh;background-color:var(--ud-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ud-header{background:var(--ud-surface);border-bottom:1px solid var(--ud-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6}.ud-header__container{max-width:1280px;margin:0 auto;padding:0 24px}.ud-header__content{display:flex;justify-content:space-between;align-items:center;height:72px}.ud-header__profile{display:flex;align-items:center;gap:16px}.ud-header__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ud-primary-light),var(--ud-primary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.ud-header__user-info{display:flex;flex-direction:column}.ud-header__greeting{font-size:14px;color:var(--ud-text-muted)}.ud-header__username{font-size:16px;font-weight:600;color:var(--ud-text-primary)}.ud-header__actions{display:flex;gap:12px}.ud-nav{background:var(--ud-surface);border-bottom:1px solid var(--ud-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.ud-nav__container{max-width:1280px;margin:0 auto;padding:0 24px}.ud-nav__list{display:flex;gap:4px;list-style:none;margin:0;padding:0;min-width:max-content}.ud-nav__item{position:relative}.ud-nav__link{display:flex;align-items:center;gap:8px;padding:16px 20px;color:var(--ud-text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:var(--ud-transition);border-bottom:3px solid transparent;cursor:pointer;background:none;border:none;width:100%;text-align:left}.ud-nav__link:hover{color:var(--ud-text-primary);background-color:var(--ud-surface-hover)}.ud-nav__link--active{color:var(--ud-primary);border-bottom-color:var(--ud-primary);background-color:#7c3aed0d}.ud-nav__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.ud-nav__icon svg{width:100%;height:100%}.ud-main{max-width:1280px;margin:0 auto;padding:32px 24px}.ud-welcome{background:linear-gradient(135deg,#fdf2f8,#ede9fe);border-radius:var(--ud-radius-lg);padding:32px;margin-bottom:32px;position:relative;overflow:hidden}.ud-welcome:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);border-radius:50%}.ud-welcome__content{position:relative;z-index:1}.ud-welcome__title{font-size:28px;font-weight:700;color:var(--ud-text-primary);margin-bottom:8px}.ud-welcome__subtitle{font-size:16px;color:var(--ud-text-secondary)}.ud-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.ud-stat-card{background:var(--ud-surface);border-radius:var(--ud-radius);padding:24px;box-shadow:var(--ud-shadow-sm);transition:var(--ud-transition);position:relative;overflow:hidden}.ud-stat-card:hover{box-shadow:var(--ud-shadow);transform:translateY(-2px)}.ud-stat-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ud-stat-card__title{font-size:14px;font-weight:500;color:var(--ud-text-secondary);text-transform:uppercase;letter-spacing:.5px}.ud-stat-card__icon{width:48px;height:48px;border-radius:var(--ud-radius-sm);display:flex;align-items:center;justify-content:center}.ud-stat-card__icon svg{width:24px;height:24px}.ud-stat-card__icon--primary{background-color:#7c3aed1a;color:var(--ud-primary)}.ud-stat-card__icon--success{background-color:#10b9811a;color:var(--ud-success)}.ud-stat-card__icon--warning{background-color:#f59e0b1a;color:var(--ud-warning)}.ud-stat-card__icon--info{background-color:#3b82f61a;color:var(--ud-info)}.ud-stat-card__value{font-size:32px;font-weight:700;color:var(--ud-text-primary);line-height:1;margin-bottom:8px}.ud-stat-card__description{font-size:14px;color:var(--ud-text-muted)}.ud-stat-card__trend{position:absolute;bottom:0;right:0;opacity:.1}.ud-section{background:var(--ud-surface);border-radius:var(--ud-radius);box-shadow:var(--ud-shadow-sm);margin-bottom:24px;overflow:hidden}.ud-section__header{padding:24px;border-bottom:1px solid var(--ud-border);display:flex;justify-content:space-between;align-items:center}.ud-section__title{font-size:18px;font-weight:600;color:var(--ud-text-primary)}.ud-section__action{font-size:14px}.ud-section__content{padding:24px}.ud-booking-card{display:flex;align-items:center;padding:20px;border-radius:var(--ud-radius);background-color:var(--ud-surface-hover);margin-bottom:16px;transition:var(--ud-transition)}.ud-booking-card:hover{background-color:#f3f4f6;transform:translate(4px)}.ud-booking-card__icon{width:56px;height:56px;border-radius:var(--ud-radius-sm);background:linear-gradient(135deg,var(--ud-primary-light),var(--ud-primary));display:flex;align-items:center;justify-content:center;color:#fff;margin-right:20px;flex-shrink:0}.ud-booking-card__icon svg{width:24px;height:24px}.ud-booking-card__content{flex:1}.ud-booking-card__store{font-size:16px;font-weight:600;color:var(--ud-text-primary);margin-bottom:4px}.ud-booking-card__service{font-size:14px;color:var(--ud-text-secondary);margin-bottom:4px}.ud-booking-card__datetime{font-size:13px;color:var(--ud-text-muted);display:flex;align-items:center;gap:4px}.ud-booking-card__actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ud-booking-card__price{font-size:18px;font-weight:600;color:var(--ud-success)}.ud-button{padding:10px 20px;border-radius:var(--ud-radius-sm);font-weight:500;font-size:14px;border:none;cursor:pointer;transition:var(--ud-transition);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.ud-button--primary{background-color:var(--ud-primary);color:#fff}.ud-button--primary:hover{background-color:var(--ud-primary-dark);transform:translateY(-1px);box-shadow:var(--ud-shadow)}.ud-button--secondary{background-color:var(--ud-surface);color:var(--ud-text-primary);border:1px solid var(--ud-border)}.ud-button--secondary:hover{background-color:var(--ud-surface-hover);border-color:var(--ud-primary);color:var(--ud-primary)}.ud-button--text{background:none;color:var(--ud-primary);padding:8px 16px}.ud-button--text:hover{background-color:#7c3aed0d}.ud-button--text svg{margin-right:4px}.ud-button--sm{padding:6px 12px;font-size:13px}.ud-empty-state{text-align:center;padding:60px 24px}.ud-empty-state__icon{margin-bottom:16px;display:flex;align-items:center;justify-content:center}.ud-empty-state__icon svg{width:64px;height:64px}.ud-empty-state__title{font-size:18px;font-weight:600;color:var(--ud-text-primary);margin-bottom:8px}.ud-empty-state__description{font-size:14px;color:var(--ud-text-secondary);margin-bottom:24px}.ud-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ud-badge--success{background-color:#10b9811a;color:var(--ud-success)}.ud-badge--warning{background-color:#f59e0b1a;color:var(--ud-warning)}.ud-badge--error{background-color:#ef44441a;color:var(--ud-error)}.ud-badge--info{background-color:#3b82f61a;color:var(--ud-info)}.ud-form{max-width:800px}.ud-form__group{margin-bottom:24px}.ud-form__label{display:block;font-size:14px;font-weight:500;color:var(--ud-text-primary);margin-bottom:8px}.ud-form__input{width:100%;padding:12px 16px;border:1px solid var(--ud-border);border-radius:var(--ud-radius-sm);font-size:15px;transition:var(--ud-transition);background-color:var(--ud-surface)}.ud-form__input:focus{outline:none;border-color:var(--ud-primary);box-shadow:0 0 0 3px #7c3aed1a}.ud-form__input:disabled{background-color:var(--ud-surface-hover);color:var(--ud-text-muted);cursor:not-allowed}.ud-form__textarea{resize:vertical;min-height:120px}.ud-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.ud-form__checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ud-form__checkbox{width:20px;height:20px;cursor:pointer}.ud-form__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--ud-border)}.ud-alert{padding:16px;border-radius:var(--ud-radius-sm);display:flex;align-items:center;gap:12px;margin-bottom:24px}.ud-alert--success{background-color:#10b9811a;color:var(--ud-success);border:1px solid rgba(16,185,129,.2)}.ud-alert--error{background-color:#ef44441a;color:var(--ud-error);border:1px solid rgba(239,68,68,.2)}.ud-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.ud-loading__spinner{width:48px;height:48px;border:3px solid var(--ud-border);border-top-color:var(--ud-primary);border-radius:50%;animation:ud-spin 1s linear infinite}.ud-loading__text{margin-top:16px;color:var(--ud-text-secondary)}@keyframes ud-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.ud-header__container,.ud-nav__container,.ud-main{padding-left:16px;padding-right:16px}.ud-stats{grid-template-columns:1fr}.ud-welcome__title{font-size:24px}.ud-booking-card{flex-direction:column;text-align:center}.ud-booking-card__icon{margin-right:0;margin-bottom:16px}.ud-booking-card__actions{flex-direction:row;width:100%;justify-content:space-between;margin-top:16px}.ud-form__row{grid-template-columns:1fr}}.ud-fade-in{animation:ud-fadeIn .3s ease-in-out}@keyframes ud-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ud-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ud-text-muted);margin-bottom:4px}.ud-breadcrumb__link{color:var(--ud-text-muted);text-decoration:none;transition:var(--ud-transition)}.ud-breadcrumb__link:hover{color:var(--ud-primary)}.ud-breadcrumb__separator{display:flex;align-items:center;color:var(--ud-text-muted)}.ud-breadcrumb__current{color:var(--ud-text-primary);font-weight:500}.ud-booking-filters{margin-bottom:24px}.ud-filters{display:flex;justify-content:space-between;align-items:center;gap:24px}.ud-filters__group{display:flex;gap:16px;flex:1}.ud-filters__info{font-size:14px;color:var(--ud-text-secondary);white-space:nowrap}.ud-search{position:relative;flex:1;max-width:400px}.ud-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ud-text-muted);pointer-events:none}.ud-search__input{width:100%;padding:12px 16px 12px 48px;border:1px solid var(--ud-border);border-radius:var(--ud-radius-sm);font-size:15px;transition:var(--ud-transition);background-color:var(--ud-surface)}.ud-search__input:focus{outline:none;border-color:var(--ud-primary);box-shadow:0 0 0 3px #7c3aed1a}.ud-filter-select{padding:12px 16px;border:1px solid var(--ud-border);border-radius:var(--ud-radius-sm);font-size:15px;transition:var(--ud-transition);background-color:var(--ud-surface);cursor:pointer}.ud-filter-select:focus{outline:none;border-color:var(--ud-primary);box-shadow:0 0 0 3px #7c3aed1a}.ud-booking-list{display:flex;flex-direction:column;gap:20px}.ud-booking-detail-card{background:var(--ud-surface);border-radius:var(--ud-radius);box-shadow:var(--ud-shadow-sm);overflow:hidden;transition:var(--ud-transition)}.ud-booking-detail-card:hover{box-shadow:var(--ud-shadow);transform:translateY(-2px)}.ud-booking-detail-card__header{padding:24px 24px 20px;border-bottom:1px solid var(--ud-border);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ud-booking-detail-card__title-group{flex:1}.ud-booking-detail-card__store{font-size:20px;font-weight:600;color:var(--ud-text-primary);margin-bottom:4px}.ud-booking-detail-card__number{font-size:13px;color:var(--ud-text-muted)}.ud-booking-detail-card__badges{display:flex;gap:8px;flex-wrap:wrap}.ud-booking-detail-card__content{padding:24px}.ud-booking-detail-card__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:24px}.ud-booking-detail-card__info-item{background-color:var(--ud-surface-hover);padding:16px;border-radius:var(--ud-radius-sm)}.ud-booking-detail-card__info-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ud-text-muted);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ud-booking-detail-card__info-label svg{width:16px;height:16px}.ud-booking-detail-card__info-value{font-size:16px;font-weight:600;color:var(--ud-text-primary);margin-bottom:4px}.ud-booking-detail-card__info-sub{font-size:13px;color:var(--ud-text-secondary)}.ud-booking-detail-card__info-time{font-size:14px;color:var(--ud-info);font-weight:500}.ud-booking-detail-card__info-price{font-size:24px;font-weight:700;color:var(--ud-success)}.ud-booking-detail-card__special-request{background-color:#3b82f60d;border-left:4px solid var(--ud-info);padding:16px;border-radius:var(--ud-radius-sm);margin-bottom:20px}.ud-booking-detail-card__special-request-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ud-info);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ud-booking-detail-card__special-request-text{font-size:14px;color:var(--ud-text-primary);line-height:1.6}.ud-booking-detail-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--ud-border)}.ud-booking-detail-card__date{font-size:12px;color:var(--ud-text-muted)}.ud-booking-detail-card__actions{display:flex;gap:8px}.ud-button--danger{background-color:var(--ud-error);color:#fff}.ud-button--danger:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:var(--ud-shadow)}.ud-button--danger:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.ud-filters{flex-direction:column;align-items:stretch}.ud-filters__group{flex-direction:column}.ud-search{max-width:none}.ud-booking-detail-card__header{flex-direction:column}.ud-booking-detail-card__badges{margin-top:12px}.ud-booking-detail-card__info-grid{grid-template-columns:1fr}.ud-booking-detail-card__footer{flex-direction:column;gap:16px;align-items:stretch}.ud-booking-detail-card__actions{flex-direction:column}.ud-booking-detail-card__actions .ud-button{width:100%;justify-content:center}}.user-dashboard-wrapper ::-webkit-scrollbar{width:8px;height:8px}.user-dashboard-wrapper ::-webkit-scrollbar-track{background:var(--ud-surface-hover)}.user-dashboard-wrapper ::-webkit-scrollbar-thumb{background:var(--ud-border);border-radius:4px}.user-dashboard-wrapper ::-webkit-scrollbar-thumb:hover{background:var(--ud-text-muted)}.ud-store-card-wrapper{position:relative;transition:transform .2s ease}.ud-store-card-wrapper:hover{transform:translateY(-4px)}.ud-store-card{display:block;text-decoration:none;color:inherit;background:var(--ud-surface);border-radius:var(--ud-radius);overflow:hidden;box-shadow:var(--ud-shadow-sm);transition:box-shadow .2s ease}.ud-store-card:hover{box-shadow:var(--ud-shadow-lg)}.ud-store-card__image{width:100%;height:200px;background-color:var(--ud-surface-hover);position:relative;overflow:hidden}.ud-store-card__image img{width:100%;height:100%;object-fit:cover}.ud-store-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ud-text-muted)}.ud-store-card__content{padding:20px}.ud-store-card__name{font-size:18px;font-weight:600;color:var(--ud-text-primary);margin-bottom:8px}.ud-store-card__rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ud-store-card__stars{display:flex;color:#f59e0b}.ud-store-card__rating-text{font-size:14px;color:var(--ud-text-secondary)}.ud-store-card__description{font-size:14px;color:var(--ud-text-secondary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ud-store-card__address{font-size:13px;color:var(--ud-text-muted)}.ud-store-card__remove{position:absolute;top:12px;right:12px;width:36px;height:36px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ud-text-secondary);cursor:pointer;transition:all .2s ease;z-index:10}.ud-store-card__remove:hover{background:white;color:var(--ud-error);border-color:var(--ud-error);transform:scale(1.1)}