body{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.enhanced-frame{background:var(--surface-secondary);min-height:100vh}.enhanced-nav{background:var(--surface-glass)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-right:1px solid var(--border-glass)!important;box-shadow:var(--shadow-soft)!important}.enhanced-topbar{background:var(--surface-elevated)!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border-bottom:1px solid var(--border-glass)!important;box-shadow:var(--shadow-medium)!important}.nav-item{transition:all var(--timing-normal) var(--ease-out);border-radius:var(--radius-lg);margin:4px 8px;position:relative;overflow:hidden}.nav-item:hover{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateX(4px)}.nav-item-active{background:rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-colored);position:relative}.nav-item-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0}.nav-item-primary:before{background:var(--primary-gradient)}.nav-item-secondary:before{background:var(--secondary-gradient)}.nav-item-success:before{background:var(--success-gradient)}.nav-item-warning:before{background:var(--warning-gradient)}.nav-item-info:before{background:var(--info-gradient)}.enhanced-search{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--border-glass)!important;border-radius:var(--radius-lg)!important;transition:all var(--timing-normal) var(--ease-out)}.enhanced-search:focus{background:rgba(255,255,255,.95)!important;box-shadow:var(--focus-ring)!important}@media (max-width:768px){.Polaris-Frame__Navigation{width:280px!important;box-shadow:var(--shadow-strong)!important;background:var(--surface-glass)!important;backdrop-filter:blur(32px)!important;-webkit-backdrop-filter:blur(32px)!important}.Polaris-Navigation__Item{padding:12px 16px!important;min-height:48px!important;margin:4px 8px!important;border-radius:var(--radius-lg)!important;transition:all var(--timing-normal) var(--ease-out)}.Polaris-Navigation__Item:hover{background:rgba(255,255,255,.1)!important;transform:translateX(4px)}.Polaris-Navigation__Text{font-size:16px!important;font-weight:500!important}.Polaris-Navigation__Icon{width:24px!important;height:24px!important}.Polaris-Navigation__SecondaryNavigation .Polaris-Navigation__Item{padding:10px 16px 10px 48px!important;min-height:44px!important}.Polaris-Navigation__Section .Polaris-Navigation__SectionHeading{padding:16px 16px 8px!important;font-size:14px!important;font-weight:600!important;color:var(--text-secondary)!important;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Polaris-TopBar{height:56px!important;background:var(--surface-elevated)!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;box-shadow:var(--shadow-medium)!important}.Polaris-TopBar__NavigationIcon{padding:12px!important}.Polaris-TopBar__SearchField{display:none!important}.Polaris-TopBar__UserMenu{padding:8px!important}.Polaris-TopBar__UserMenu .Polaris-Avatar{width:32px!important;height:32px!important}}.admin-content-wrapper{padding:var(--space-lg);background:transparent;min-height:calc(100vh - 56px)}@media (max-width:768px){.admin-content-wrapper{padding:var(--space-md)}}.enhanced-card--hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.enhanced-card--gradient-primary{background:var(--primary-gradient)!important;color:var(--text-on-gradient)}.enhanced-card--gradient-secondary{background:var(--secondary-gradient)!important;color:var(--text-on-gradient)}.enhanced-card--gradient-success{background:var(--success-gradient)!important;color:var(--text-on-gradient)}.enhanced-card--gradient-warning{background:var(--warning-gradient)!important;color:var(--text-on-gradient)}.enhanced-card--gradient-info{background:var(--info-gradient)!important;color:var(--text-on-gradient)}.enhanced-card__header{margin-bottom:var(--space-md)}.enhanced-card__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.enhanced-card__icon--info,.enhanced-card__icon--primary,.enhanced-card__icon--secondary,.enhanced-card__icon--success,.enhanced-card__icon--warning{background:rgba(255,255,255,.2)}.enhanced-card__content{position:relative;z-index:1}.metric-card{background:transparent!important;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity var(--timing-normal) var(--ease-out);pointer-events:none}.metric-card:hover:before{opacity:.1}.metric-card--primary:before{background:var(--primary-gradient)}.metric-card--secondary:before{background:var(--secondary-gradient)}.metric-card--success:before{background:var(--success-gradient)}.metric-card--warning:before{background:var(--warning-gradient)}.metric-card__icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);transition:all var(--timing-normal) var(--ease-out)}.metric-card__icon--primary{background:var(--primary-gradient);box-shadow:var(--shadow-colored)}.metric-card__icon--secondary{background:var(--secondary-gradient);box-shadow:var(--shadow-colored-secondary)}.metric-card__icon--success{background:var(--success-gradient);box-shadow:var(--shadow-colored-success)}.metric-card__icon--warning{background:var(--warning-gradient);box-shadow:var(--shadow-colored)}.metric-card__value{position:relative}.animated-counter{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)!important;transition:all var(--timing-normal) var(--ease-out)}.animated-counter.animating{transform:scale(1.05)}.metric-card__trend{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.metric-card__trend--up{background:var(--success-gradient);color:var(--text-on-gradient)}.metric-card__trend--down{background:var(--danger-gradient);color:var(--text-on-gradient)}.trend-indicator{font-size:14px;font-weight:var(--font-weight-bold)}.metric-card__progress{margin-top:var(--space-sm)}.metric-progress{height:8px!important;border-radius:var(--radius-md)!important;overflow:hidden;background:rgba(255,255,255,.2)!important}.metric-progress--primary .Polaris-ProgressBar__Indicator{background:var(--primary-gradient)!important}.metric-progress--secondary .Polaris-ProgressBar__Indicator{background:var(--secondary-gradient)!important}.metric-progress--success .Polaris-ProgressBar__Indicator{background:var(--success-gradient)!important}.metric-progress--warning .Polaris-ProgressBar__Indicator{background:var(--warning-gradient)!important}.metric-card__progress-text{margin-top:4px;text-align:center}.enhanced-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-xl)}@media (max-width:768px){.enhanced-metrics-grid{grid-template-columns:1fr;gap:var(--space-md)}}@media (min-width:769px) and (max-width:1024px){.enhanced-metrics-grid{grid-template-columns:repeat(2,1fr)}}.enhanced-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}@media (max-width:768px){.enhanced-quick-actions{grid-template-columns:1fr}}.glass-button{background:var(--surface-glass)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--border-glass)!important;transition:all var(--timing-normal) var(--ease-out)!important}.glass-button:before{transition:left var(--timing-normal) var(--ease-out)}.glass-button:hover{background:rgba(255,255,255,.2)!important;transform:translateY(-1px);box-shadow:var(--shadow-medium)!important}.glass-button-primary{background:var(--primary-gradient)!important;color:var(--text-on-gradient)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:var(--shadow-colored)!important}.glass-button-primary:hover{background:var(--button-primary-hover)!important;box-shadow:var(--shadow-strong)!important}.glass-button-compact{padding:8px 12px!important;font-size:var(--font-size-sm)!important;min-height:36px!important}.enhanced-tabs-card{background:var(--surface-glass)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--border-glass)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-soft)!important}.enhanced-tab-content{padding:var(--space-lg)}.performance-metric{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.metric-highlight{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enhanced-progress-container{margin-top:var(--space-sm)}.enhanced-action-buttons{margin-top:var(--space-lg)}.enhanced-appointments-list{margin-top:var(--space-md)}.enhanced-appointment-card{background:rgba(255,255,255,.1)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.2)!important;transition:all var(--timing-normal) var(--ease-out)}.enhanced-appointment-card:hover{background:rgba(255,255,255,.15)!important;transform:translateY(-1px)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.enhanced-activity-list{background:rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-sm)}.enhanced-activity-item{transition:all var(--timing-normal) var(--ease-out);border-radius:var(--radius-md);margin-bottom:var(--space-xs)}.enhanced-activity-item:hover{background:rgba(255,255,255,.1)}.activity-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:var(--text-on-gradient)}.enhanced-banner{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:4px;border:1px solid var(--border-glass)}.enhanced-status{background:rgba(255,255,255,.1)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.2)!important;transition:all var(--timing-normal) var(--ease-out)}.enhanced-status:hover{background:rgba(255,255,255,.15)!important;transform:translateX(4px)}.enhanced-toast{background:var(--surface-elevated)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--border-glass)!important;box-shadow:var(--shadow-medium)!important}.loading-container{border:1px solid var(--border-glass)!important;border-radius:var(--radius-2xl)!important;margin:var(--space-lg)}.loading-card,.loading-container{background:var(--surface-glass)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.loading-card{border:1px solid var(--border-glass)!important}@media (max-width:768px){.Polaris-Page{padding:16px!important}.Polaris-Page__Header{margin-bottom:16px!important}.Polaris-Page__Title{font-size:24px!important;line-height:1.2!important;margin-bottom:8px!important;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Polaris-Page__Subtitle{font-size:14px!important;line-height:1.4!important;color:var(--text-secondary)}.Polaris-Page__Actions{margin-top:16px!important}.Polaris-Page__Actions .Polaris-ButtonGroup{flex-direction:column!important;gap:8px!important}.Polaris-Page__Actions .Polaris-Button{width:100%!important;justify-content:center!important;min-height:44px!important}.Polaris-Layout{gap:16px!important}.Polaris-Layout__Section{margin-bottom:16px!important}.Polaris-Layout__Section--oneHalf,.Polaris-Layout__Section--oneThird,.Polaris-Layout__Section--secondary{width:100%!important;max-width:100%!important}.Polaris-Card{margin-bottom:16px!important;border-radius:var(--radius-xl)!important;background:var(--surface-glass)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--border-glass)!important;box-shadow:var(--shadow-soft)!important}.Polaris-Card__Section{padding:16px!important}.Polaris-Card__Header{padding:16px 16px 0!important}.Polaris-Card__Title{font-size:18px!important;font-weight:600!important;margin-bottom:8px!important}.Polaris-Stack{gap:12px!important}.Polaris-Stack--vertical{gap:16px!important}.Polaris-Stack--spacingTight{gap:8px!important}.Polaris-Stack--spacingLoose{gap:20px!important}.Polaris-Button{min-height:44px!important;border-radius:var(--radius-lg)!important;transition:all var(--timing-normal) var(--ease-out)!important}.Polaris-Button:hover{transform:translateY(-1px)}.Polaris-Button--primary{background:var(--primary-gradient)!important;border:none!important;box-shadow:var(--shadow-colored)!important}.Polaris-Button--primary:hover{background:var(--button-primary-hover)!important;box-shadow:var(--shadow-strong)!important}.Polaris-ButtonGroup{gap:8px!important}.Polaris-ButtonGroup--segmented .Polaris-Button{flex:1 1!important}.Polaris-TextField{margin-bottom:16px!important}.Polaris-TextField__Input{min-height:44px!important;border-radius:var(--radius-lg)!important;background:var(--input-bg)!important;border:1px solid var(--input-border)!important;transition:all var(--timing-normal) var(--ease-out)!important}.Polaris-TextField__Input:focus{background:rgba(255,255,255,.95)!important;border:1px solid transparent!important;background-image:var(--input-focus-border)!important;background-origin:border-box!important;box-shadow:var(--input-focus-shadow)!important}.Polaris-Select{margin-bottom:16px!important}.Polaris-Select__Input{min-height:44px!important;border-radius:var(--radius-lg)!important;background:var(--input-bg)!important}.Polaris-DataTable__ScrollContainer{background:var(--surface-glass)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--border-glass)!important}.Polaris-DataTable__Table{min-width:600px!important}.Polaris-DataTable__Cell{padding:12px 8px!important;border-bottom:1px solid var(--border-subtle)!important}.Polaris-DataTable__Cell--header{background:rgba(255,255,255,.1)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.Polaris-Modal-Dialog{margin:0!important;max-width:100%!important;height:100%!important;border-radius:0!important;background:var(--surface-elevated)!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important}.Polaris-Modal-Dialog__Modal{height:100%!important;overflow-y:auto!important}.Polaris-Modal-Header{border-bottom:1px solid var(--border-glass)!important;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.Polaris-Modal-Footer,.Polaris-Modal-Header,.Polaris-Modal-Section{padding:16px!important}.Polaris-Modal-Footer{border-top:1px solid var(--border-glass)!important}.Polaris-Modal-Footer,.Polaris-Tabs__TabContainer{background:rgba(255,255,255,.1)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.Polaris-Tabs__TabContainer{overflow-x:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}}@media (max-width:768px){.Polaris-Tabs__TabContainer::-webkit-scrollbar{display:none!important}.Polaris-Tabs__Tab{min-width:120px!important;white-space:nowrap!important;padding:12px 16px!important;transition:all var(--timing-normal) var(--ease-out)!important}.Polaris-Tabs__Tab:hover{background:rgba(255,255,255,.1)!important}.Polaris-Tabs__Tab--selected{background:var(--primary-gradient)!important;color:var(--text-on-gradient)!important}.Polaris-Badge{font-size:12px!important;padding:4px 8px!important;border-radius:var(--radius-md)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.Polaris-Badge--statusSuccess{background:var(--success-gradient)!important;color:var(--text-on-gradient)!important}.Polaris-Badge--statusWarning{background:var(--warning-gradient)!important;color:var(--text-on-gradient)!important}.Polaris-Badge--statusCritical{background:var(--danger-gradient)!important;color:var(--text-on-gradient)!important}.Polaris-ProgressBar{height:8px!important;background:rgba(255,255,255,.2)!important}.Polaris-ProgressBar,.Polaris-ProgressBar__Indicator{border-radius:var(--radius-md)!important}}.admin-metrics-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:480px){.admin-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.admin-metrics-grid{grid-template-columns:repeat(4,1fr)}}.admin-quick-actions{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:480px){.admin-quick-actions{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.admin-quick-actions{grid-template-columns:repeat(3,1fr)}}.admin-status-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;transition:all var(--timing-normal) var(--ease-out)}.admin-status-indicator--success{background:var(--success-gradient);color:var(--text-on-gradient)}.admin-status-indicator--warning{background:var(--warning-gradient);color:var(--text-on-gradient)}.admin-status-indicator--critical{background:var(--danger-gradient);color:var(--text-on-gradient)}.admin-appointment-card{border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:16px;margin-bottom:12px;background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--timing-normal) var(--ease-out)}.admin-appointment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.admin-appointment-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.admin-appointment-card__time{font-size:18px;font-weight:600;color:var(--text-primary)}.admin-appointment-card__service{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.admin-appointment-card__customer{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.admin-appointment-card__contact{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.admin-appointment-card__actions{display:flex;gap:8px;flex-wrap:wrap}.admin-appointment-card__actions .Polaris-Button{flex:1 1;min-width:100px}.admin-staff-card{border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:16px;margin-bottom:12px;background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--timing-normal) var(--ease-out)}.admin-staff-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.admin-staff-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-staff-card__avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-on-gradient)}.admin-staff-card__info{flex:1 1}.admin-staff-card__name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.admin-staff-card__role{font-size:14px;color:var(--text-secondary)}.admin-staff-card__metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:12px}.admin-staff-card__metric{text-align:center;padding:8px;background:rgba(255,255,255,.1);border-radius:var(--radius-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.admin-staff-card__metric-value{font-size:18px;font-weight:600;color:var(--text-primary);display:block;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-staff-card__metric-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width:768px){.Polaris-Button:focus,.Polaris-Select__Input:focus,.Polaris-TextField__Input:focus{outline:none!important;box-shadow:var(--focus-ring)!important}@media (prefers-contrast:high){.admin-appointment-card,.admin-staff-card,.enhanced-card{border:2px solid var(--text-primary)!important}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}}@media (prefers-color-scheme:dark){.admin-appointment-card,.admin-staff-card,.enhanced-card{background:var(--surface-glass-dark)!important;border-color:rgba(255,255,255,.1)!important}.admin-appointment-card__time,.admin-staff-card__name{color:var(--text-primary)!important}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.analytics-main-card{backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--border-glass)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-medium)!important}.analytics-loading,.analytics-main-card{background:var(--surface-glass)!important}.analytics-loading{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--border-glass)!important;animation:slideInUp var(--timing-slow) var(--ease-out)}.analytics-loading-spinner{margin-bottom:var(--space-md)}.analytics-tabs .Polaris-Tabs__TabContainer{background:rgba(255,255,255,.05)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;border-bottom:1px solid var(--border-glass)!important}.analytics-tabs .Polaris-Tabs__Tab{transition:all var(--timing-normal) var(--ease-out)!important;border-radius:var(--radius-md)!important;margin:4px!important}.analytics-tabs .Polaris-Tabs__Tab:hover{background:rgba(255,255,255,.1)!important;transform:translateY(-1px)}.analytics-tabs .Polaris-Tabs__Tab--selected{background:var(--primary-gradient)!important;color:var(--text-on-gradient)!important;box-shadow:var(--shadow-colored)!important}.analytics-tab-content{animation:slideInUp var(--timing-normal) var(--ease-out)}.analytics-tab-loading{margin:var(--space-lg) 0}.analytics-section-header,.analytics-tab-loading{background:rgba(255,255,255,.05);border-radius:var(--radius-lg)}.analytics-section-header{margin-bottom:var(--space-lg);text-align:center;padding:var(--space-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.analytics-section-description{color:var(--text-secondary)!important;margin-top:var(--space-xs)!important;max-width:600px;margin-left:auto;margin-right:auto}.analytics-metrics-grid,.roi-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin:var(--space-xl) 0}@media (max-width:768px){.analytics-metrics-grid,.roi-metrics-grid{grid-template-columns:1fr;gap:var(--space-md);margin:var(--space-lg) 0}}@media (min-width:769px) and (max-width:1200px){.analytics-metrics-grid,.roi-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1201px){.analytics-metrics-grid,.roi-metrics-grid{grid-template-columns:repeat(3,1fr)}}.analytics-metric-card{background:transparent!important;transition:all var(--timing-normal) var(--ease-out);position:relative;overflow:hidden}.analytics-metric-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-strong)!important}.analytics-metric-card__icon{width:56px;height:56px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);transition:all var(--timing-normal) var(--ease-out);position:relative;overflow:hidden}.analytics-metric-card__icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);border-radius:inherit;opacity:0;transition:opacity var(--timing-normal) var(--ease-out)}.analytics-metric-card:hover .analytics-metric-card__icon:before{opacity:1}.analytics-metric-card__icon--primary{background:var(--primary-gradient);box-shadow:var(--shadow-colored)}.analytics-metric-card__icon--secondary{background:var(--secondary-gradient);box-shadow:var(--shadow-colored-secondary)}.analytics-metric-card__icon--success{background:var(--success-gradient);box-shadow:var(--shadow-colored-success)}.analytics-metric-card__icon--warning{background:var(--warning-gradient);box-shadow:var(--shadow-colored)}.analytics-metric-card__icon--info{background:var(--info-gradient);box-shadow:var(--shadow-colored)}.analytics-metric-card__icon--danger{background:var(--danger-gradient);box-shadow:var(--shadow-colored)}.analytics-metric-card__value{margin:var(--space-md) 0;position:relative}.metric-value-display{text-shadow:0 1px 3px rgba(0,0,0,.1)}.analytics-counter{display:inline-block;transition:all var(--timing-normal) var(--ease-out)}.analytics-counter.animating{transform:scale(1.05);text-shadow:0 2px 8px rgba(0,0,0,.2)}.analytics-metric-card__trend{background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:6px 12px;transition:all var(--timing-normal) var(--ease-out)}.analytics-metric-card__trend--up{background:var(--success-gradient);color:var(--text-on-gradient)}.analytics-metric-card__trend--down{background:var(--danger-gradient);color:var(--text-on-gradient)}.analytics-metric-card__progress{margin-top:var(--space-md)}.analytics-progress{height:8px!important;border-radius:var(--radius-md)!important;overflow:hidden;background:rgba(255,255,255,.2)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.analytics-progress--primary .Polaris-ProgressBar__Indicator{background:var(--primary-gradient)!important}.analytics-progress--secondary .Polaris-ProgressBar__Indicator{background:var(--secondary-gradient)!important}.analytics-progress--success .Polaris-ProgressBar__Indicator{background:var(--success-gradient)!important}.analytics-progress--warning .Polaris-ProgressBar__Indicator{background:var(--warning-gradient)!important}.analytics-progress--info .Polaris-ProgressBar__Indicator{background:var(--info-gradient)!important}.analytics-progress--danger .Polaris-ProgressBar__Indicator{background:var(--danger-gradient)!important}.enhanced-chart{background:transparent;transition:all var(--timing-normal) var(--ease-out);position:relative;border-radius:var(--radius-xl);overflow:hidden}.enhanced-chart--visible{animation:slideInUp var(--timing-normal) var(--ease-out)}.enhanced-chart--bordered{border:1px solid var(--border-glass)}.enhanced-chart--gradient-primary{background:linear-gradient(135deg,rgba(79,70,229,.1),rgba(124,58,237,.05))}.enhanced-chart--gradient-secondary{background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(239,68,68,.05))}.enhanced-chart--gradient-success{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(59,130,246,.05))}.enhanced-chart--gradient-warning{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(20,184,166,.05))}.enhanced-chart--gradient-info{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(147,51,234,.05))}.enhanced-chart .Polaris-Card{background:var(--surface-glass)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--border-glass)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-soft)!important}.enhanced-chart__header{margin-bottom:var(--space-md);padding:var(--space-md);background:rgba(255,255,255,.05);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--border-glass)}.enhanced-chart__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:var(--text-on-gradient);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.enhanced-chart__actions{display:flex;gap:var(--space-sm)}.enhanced-chart__content{position:relative;overflow:hidden;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.enhanced-chart__chart-container{padding:var(--space-md);background:rgba(255,255,255,.02)}.enhanced-chart__loading{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg)}.enhanced-chart__error,.enhanced-chart__loading{display:flex;align-items:center;justify-content:center}.enhanced-chart__error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.error-icon{font-size:24px;margin-bottom:var(--space-sm)}.loading-shimmer-container{background:var(--surface-glass);border-radius:var(--radius-xl)}.loading-shimmer-container,.loading-shimmer-wrapper{position:relative;padding:var(--space-lg);overflow:hidden}.loading-shimmer-wrapper{background:rgba(255,255,255,.05);border-radius:var(--radius-lg)}.loading-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%,rgba(255,255,255,0));animation:shimmer 2s infinite;border-radius:inherit}.loading-content{position:relative;z-index:1;gap:var(--space-md)}.analytics-empty-container,.analytics-error-container,.analytics-loading-container,.roi-dashboard-loading{margin:var(--space-lg) 0;border-radius:var(--radius-xl);overflow:hidden}.analytics-metrics-grid .analytics-metric-card:first-child{animation-delay:.1s}.analytics-metrics-grid .analytics-metric-card:nth-child(2){animation-delay:.2s}.analytics-metrics-grid .analytics-metric-card:nth-child(3){animation-delay:.3s}.analytics-metrics-grid .analytics-metric-card:nth-child(4){animation-delay:.4s}.analytics-metrics-grid .analytics-metric-card:nth-child(5){animation-delay:.5s}.analytics-metrics-grid .analytics-metric-card:nth-child(6){animation-delay:.6s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-appointment-card,.enhanced-card,.metric-card{animation:slideInUp var(--timing-slow) var(--ease-out)}.enhanced-metrics-grid .metric-card:first-child{animation-delay:.1s}.enhanced-metrics-grid .metric-card:nth-child(2){animation-delay:.2s}.enhanced-metrics-grid .metric-card:nth-child(3){animation-delay:.3s}.enhanced-metrics-grid .metric-card:nth-child(4){animation-delay:.4s}.smooth-animation{animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes particle-float{0%{transform:translateY(0) rotate(0deg) scale(1);opacity:1}25%{transform:translateY(-20px) rotate(90deg) scale(1.1);opacity:.8}50%{transform:translateY(-60px) rotate(180deg) scale(.9);opacity:.6}75%{transform:translateY(-80px) rotate(270deg) scale(1.2);opacity:.4}to{transform:translateY(-100px) rotate(1turn) scale(0);opacity:0}}@keyframes particle-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-30px) scale(1.2)}60%{transform:translateY(-15px) scale(.9)}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.magnetic-hover{transition:transform .2s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.magnetic-hover:hover{transform:scale(1.02) translateZ(0)}.magnetic-glow{position:relative;overflow:hidden}.magnetic-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(102,126,234,.3),transparent);border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.magnetic-glow:hover:before{opacity:1}.ripple-container{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(0);animation:ripple .6s linear;pointer-events:none}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes elasticIn{0%{transform:scale(0) rotate(45deg);opacity:0}50%{transform:scale(1.2) rotate(0deg);opacity:.8}75%{transform:scale(.9) rotate(-5deg);opacity:.9}to{transform:scale(1) rotate(0deg);opacity:1}}.elastic-enter{animation:elasticIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(.3) translateY(-50px);opacity:0}50%{transform:scale(1.05) translateY(0);opacity:.8}70%{transform:scale(.9) translateY(-10px);opacity:.9}to{transform:scale(1) translateY(0);opacity:1}}.bounce-in{animation:bounceIn .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes morphCircleToSquare{0%{border-radius:50%;transform:rotate(0deg)}50%{border-radius:25%;transform:rotate(180deg) scale(1.1)}to{border-radius:0;transform:rotate(1turn)}}.morph-shape{animation:morphCircleToSquare 2s ease-in-out infinite alternate}@keyframes checkmarkDraw{0%{stroke-dasharray:0 100;stroke-dashoffset:0}to{stroke-dasharray:100 100;stroke-dashoffset:0}}.checkmark-animation{stroke-dasharray:0 100;animation:checkmarkDraw .8s ease-in-out forwards}.fade-in-hidden{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in-visible{opacity:1;transform:translateY(0)}.slide-in-hidden{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-in-from-left{transform:translateX(-50px)}.slide-in-from-right{transform:translateX(50px)}.slide-in-from-up{transform:translateY(-50px)}.slide-in-from-down{transform:translateY(50px)}.slide-in-visible{opacity:1;transform:translate(0)}.stagger-item{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.stagger-item.visible{opacity:1;transform:translateY(0)}.stagger-item:first-child{transition-delay:.1s}.stagger-item:nth-child(2){transition-delay:.2s}.stagger-item:nth-child(3){transition-delay:.3s}.stagger-item:nth-child(4){transition-delay:.4s}.stagger-item:nth-child(5){transition-delay:.5s}.stagger-item:nth-child(6){transition-delay:.6s}.parallax-background{transform:translateZ(0);will-change:transform}.shimmer-effect{background:linear-gradient(90deg,rgba(240,240,240,.8) 25%,rgba(224,224,224,.8) 50%,rgba(240,240,240,.8) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,.7)}50%{transform:scale(1.1);box-shadow:0 0 0 20px rgba(16,185,129,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.success-pulse{animation:successPulse 1s ease-out}@keyframes celebrationBurst{0%{transform:scale(0) rotate(0deg);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}to{transform:scale(2) rotate(1turn);opacity:0}}.celebration-burst{animation:celebrationBurst .8s ease-out}.tilt-container{perspective:1000px}.tilt-element{transform-style:preserve-3d;transition:transform .3s ease}.tilt-element:hover{transform:rotateX(10deg) rotateY(10deg) scale(1.05)}.floating{animation:float 3s ease-in-out infinite}@keyframes floatRotate{0%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}to{transform:translateY(0) rotate(1turn)}}.floating-rotate{animation:floatRotate 4s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient{background:linear-gradient(270deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:800% 800%;animation:gradientShift 4s ease infinite}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinkCursor{0%,to{border-color:transparent}50%{border-color:#667eea}}.typewriter{overflow:hidden;border-right:.15em solid #667eea;white-space:nowrap;margin:0 auto;animation:typewriter 3.5s steps(40),blinkCursor .75s step-end infinite}.btn-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.btn-hover-glow{position:relative;overflow:hidden}.btn-hover-glow: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 .5s}.btn-hover-glow:hover:before{left:100%}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animated-gradient,.breathing,.floating,.floating-rotate,.particle,.pulse,.ripple-effect{animation:none!important}.btn-hover-lift:hover,.magnetic-hover:hover,.tilt-element:hover{transform:none!important}}@media (prefers-color-scheme:dark){.shimmer-effect{background:linear-gradient(90deg,rgba(60,60,60,.8) 25%,rgba(80,80,80,.8) 50%,rgba(60,60,60,.8) 75%)}.skeleton-wave:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.magnetic-glow:before{background:linear-gradient(45deg,transparent,rgba(102,126,234,.2),transparent)}}@media (max-width:768px){.gpu-optimized{will-change:auto}.parallax-background,.parallax-element{transform:none!important}.tilt-element:hover{transform:none}.magnetic-hover:hover{transform:scale(1.01)}}@media (hover:none) and (pointer:coarse){.btn-hover-lift:hover,.magnetic-hover:hover,.tilt-element:hover{transform:none}.magnetic-glow:hover:before{opacity:0}}@media (forced-colors:active){.animated-gradient,.shimmer-effect{background:ButtonFace!important;animation:none!important}.btn-hover-glow:before,.magnetic-glow:before{display:none}}.analytics-real-time-metrics{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:768px){.analytics-real-time-metrics{flex-direction:column}.analytics-real-time-metrics .Polaris-Stack{flex-direction:column;align-items:center;text-align:center}}.analytics-overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}@media (max-width:768px){.analytics-overview-cards{grid-template-columns:1fr;gap:.5rem}}.analytics-unified-dashboard .Polaris-Tabs__TabContainer{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.analytics-unified-dashboard .Polaris-Tabs__TabContainer::-webkit-scrollbar{display:none}@media (max-width:768px){.analytics-unified-dashboard .Polaris-Tabs__Tab{min-width:120px;white-space:nowrap}}.analytics-chart-container{width:100%;height:400px;overflow:hidden}@media (max-width:768px){.analytics-chart-container{height:300px}}.analytics-data-table{overflow-x:auto}@media (max-width:768px){.analytics-data-table .Polaris-DataTable__Table{min-width:600px}}.analytics-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:768px){.analytics-quick-actions{flex-direction:column}.analytics-quick-actions .Polaris-Button{width:100%;justify-content:center}}.analytics-recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}@media (max-width:768px){.analytics-recommendations{grid-template-columns:1fr}}.analytics-export-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}@media (max-width:768px){.analytics-export-buttons{justify-content:center;flex-direction:column}.analytics-export-buttons .Polaris-Button{width:100%}}.analytics-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}@media (max-width:768px){.analytics-performance-grid{grid-template-columns:1fr}}.analytics-funnel-stage{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:.5rem;border-radius:4px;background-color:var(--p-surface)}@media (max-width:768px){.analytics-funnel-stage{flex-direction:column;text-align:center;gap:.5rem}}.analytics-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.analytics-error{text-align:center;padding:2rem;color:var(--p-text-subdued)}.analytics-screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.analytics-focusable:focus{outline:2px solid var(--p-border-highlight);outline-offset:2px}@media (prefers-contrast:high){.analytics-chart-container{border:2px solid var(--p-border)}.analytics-funnel-stage{border:1px solid var(--p-border)}}@media (prefers-reduced-motion:reduce){.analytics-chart-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.analytics-export-buttons,.analytics-quick-actions{display:none}.analytics-chart-container{height:auto;page-break-inside:avoid}.analytics-overview-cards{grid-template-columns:repeat(2,1fr)}}.booking-widget{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-3xl);box-shadow:var(--shadow-strong);padding:var(--space-2xl);position:relative;overflow:hidden;max-width:600px;margin:0 auto}.booking-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);pointer-events:none}.booking-widget-step{opacity:0;transform:translateX(20px);animation:slideInStep .5s var(--ease-out) forwards}@keyframes slideInStep{to{opacity:1;transform:translateX(0)}}.progress-container{margin-bottom:var(--space-2xl);position:relative}.progress-bar{width:100%;background:rgba(102,126,234,.1);box-shadow:var(--shadow-inner)}.progress-fill{border-radius:var(--radius-full);transition:width .8s var(--ease-out)}.progress-fill-primary{background:var(--primary-gradient)}.progress-fill-secondary{background:var(--secondary-gradient)}.progress-fill-success{background:var(--success-gradient)}.progress-fill-warning{background:var(--warning-gradient)}.progress-fill:after{left:-100%;width:100%;height:100%;animation:progressShimmer 2s infinite}.progress-dots{position:absolute;top:50%;left:0;right:0;height:0;pointer-events:none}.progress-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--surface-primary);border:2px solid rgba(102,126,234,.3);transform:translate(-50%,-50%);transition:all .3s var(--ease-out);box-shadow:var(--shadow-soft)}.progress-dot.completed{transform:translate(-50%,-50%) scale(1.1)}.progress-dot.active,.progress-dot.completed{background:var(--primary-gradient);border-color:transparent;box-shadow:var(--shadow-colored)}.progress-dot.active{transform:translate(-50%,-50%) scale(1.2);animation:pulseActive 2s infinite}@keyframes pulseActive{0%,to{transform:translate(-50%,-50%) scale(1.2)}50%{transform:translate(-50%,-50%) scale(1.3)}}.progress-steps{display:flex;justify-content:space-between;margin-top:var(--space-lg);gap:var(--space-sm)}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1 1;text-align:center}.progress-step,.step-indicator{transition:all .3s var(--ease-out)}.step-indicator{width:32px;height:32px;background:var(--surface-secondary);border:2px solid var(--border-subtle);margin-bottom:var(--space-sm);position:relative;overflow:hidden}.progress-step.completed .step-indicator{transform:scale(1.05)}.progress-step.active .step-indicator,.progress-step.completed .step-indicator{background:var(--primary-gradient);border-color:transparent;color:white;box-shadow:var(--shadow-colored)}.progress-step.active .step-indicator{transform:scale(1.1);animation:stepPulse 2s infinite}@keyframes stepPulse{0%,to{box-shadow:var(--shadow-colored)}50%{box-shadow:0 8px 30px rgba(102,126,234,.5)}}.step-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.step-check{width:16px;height:16px}.step-name{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);transition:color .3s var(--ease-out)}.progress-step.active .step-name,.progress-step.completed .step-name{color:var(--text-accent);font-weight:var(--font-weight-semibold)}.service-card{cursor:pointer;text-align:center;position:relative;overflow:hidden;border:2px solid transparent;padding:var(--space-lg);margin-bottom:var(--space-md);transition:all .3s var(--ease-out);background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.service-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-medium)}.service-card.selected{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--primary-gradient) border-box;transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-colored)}.service-card.interactive-hover:hover .card-glow{opacity:1;transform:scale(1.1)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0,transparent 70%);opacity:0;transition:all .5s var(--ease-out);pointer-events:none;z-index:-1}.service-icon-wrapper{margin-bottom:var(--space-md);display:flex;justify-content:center}.service-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s var(--ease-out)}.primary-icon{background:var(--primary-gradient);color:white;box-shadow:var(--shadow-colored)}.secondary-icon{background:var(--secondary-gradient);color:white;box-shadow:var(--shadow-colored-secondary)}.success-icon{background:var(--success-gradient);color:white;box-shadow:var(--shadow-colored-success)}.warning-icon{background:var(--warning-gradient);color:white}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.default-service-icon{width:24px;height:24px}.service-content{position:relative;z-index:1}.service-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm);transition:color .3s var(--ease-out)}.service-card.selected .service-name{color:var(--text-accent)}.service-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:var(--line-height-relaxed)}.service-details{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md)}.service-duration{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.duration-icon{width:16px;height:16px}.service-price{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);display:flex;align-items:baseline;gap:2px}.primary-price{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.primary-price,.secondary-price{-webkit-text-fill-color:transparent}.secondary-price{background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text}.success-price{background:var(--success-gradient);-webkit-background-clip:text;background-clip:text}.success-price,.warning-price{-webkit-text-fill-color:transparent}.warning-price{background:var(--warning-gradient);-webkit-background-clip:text;background-clip:text}.price-currency{font-size:var(--font-size-base);opacity:.8}.price-amount{font-size:var(--font-size-xl)}.selection-indicator{position:absolute;top:var(--space-md);right:var(--space-md);width:24px;height:24px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;transform:scale(0);animation:checkmarkAppear .3s var(--ease-bounce) forwards}@keyframes checkmarkAppear{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0deg)}}.check-icon{width:14px;height:14px}.popular-badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--warning-gradient);color:white;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-soft);z-index:2}.floating-input-wrapper{position:relative;margin-bottom:var(--space-xl)}.floating-input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:2;transition:color .3s var(--ease-out)}.floating-input{width:100%;padding:var(--space-lg) var(--space-md) var(--space-sm);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--input-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:var(--font-size-base);color:var(--text-primary);transition:all .3s var(--ease-out);position:relative;z-index:1}.floating-input.has-icon{padding-left:calc(var(--space-2xl) + var(--space-md))}.floating-input:focus{outline:none;background:rgba(255,255,255,.95);box-shadow:var(--input-focus-shadow)}.floating-input.focused,.floating-input:focus{border-color:transparent}.floating-input.error{border-color:var(--text-danger);background:rgba(229,62,62,.05)}.floating-input.success,.floating-input.valid{border-color:var(--text-success);background:rgba(56,161,105,.05)}.floating-label{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);pointer-events:none;transition:all .3s var(--ease-out);color:var(--text-secondary);font-size:var(--font-size-base);background:transparent;padding:0 var(--space-xs);z-index:2}.floating-input.has-icon+.floating-label{left:calc(var(--space-2xl) + var(--space-md))}.floating-label.floating{top:0;transform:translateY(-50%);font-size:var(--font-size-sm);color:var(--text-accent);background:var(--surface-primary);font-weight:var(--font-weight-medium)}.floating-label.focused{color:var(--text-accent)}.floating-label.error{color:var(--text-danger)}.floating-label.success,.floating-label.valid{color:var(--text-success)}.required-asterisk{color:var(--text-danger);margin-left:2px}.input-border-effect{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-gradient);transform:scaleX(0);transition:transform .3s var(--ease-out);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.floating-input:focus+.floating-label+.input-border-effect,.input-border-effect.focused{transform:scaleX(1)}.input-border-effect.error{background:var(--danger-gradient)}.input-border-effect.success,.input-border-effect.valid{background:var(--success-gradient)}.input-validation-icons{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);z-index:2}.validation-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;animation:validationAppear .3s var(--ease-bounce)}.success-icon{color:var(--text-success);background:rgba(56,161,105,.1)}.error-icon{color:var(--text-danger);background:rgba(229,62,62,.1)}@keyframes validationAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.input-error,.input-success{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:var(--font-size-sm);animation:messageSlideIn .3s var(--ease-out)}.input-error{color:var(--text-danger)}.input-success{color:var(--text-success)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-icon-inline,.success-icon-inline{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.input-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(102,126,234,.2);transform:translate(-50%,-50%);animation:rippleEffect .6s ease-out;pointer-events:none}@keyframes rippleEffect{0%{width:0;height:0;opacity:1}to{width:300px;height:300px;opacity:0}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.spinner-message{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.spinner-circular{display:flex;align-items:center;justify-content:center}.spinner-svg{animation:spin 1s linear infinite}.spinner-circle{stroke:var(--primary-gradient);stroke-linecap:round;stroke-dasharray:90,150;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite}.spinner-primary .spinner-circle{stroke:url(#primaryGradient)}.spinner-secondary .spinner-circle{stroke:url(#secondaryGradient)}.spinner-success .spinner-circle{stroke:url(#successGradient)}.spinner-warning .spinner-circle{stroke:url(#warningGradient)}.spinner-white .spinner-circle{stroke:white}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.spinner-dots{display:flex;gap:var(--space-xs);align-items:center}.dot{border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite both}.dot-1{animation-delay:-.32s}.dot-2{animation-delay:-.16s}.dot-3{animation-delay:0s}.spinner-primary .dot{background:var(--primary-gradient)}.spinner-secondary .dot{background:var(--secondary-gradient)}.spinner-success .dot{background:var(--success-gradient)}.spinner-warning .dot{background:var(--warning-gradient)}.spinner-white .dot{background:white}@keyframes dotBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.spinner-pulse{position:relative;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;border-radius:50%;animation:pulseRing 1.25s cubic-bezier(.215,.61,.355,1) infinite}.pulse-ring-1{animation-delay:0s}.pulse-ring-2{animation-delay:-.4s}.pulse-ring-3{animation-delay:-.8s}.spinner-primary .pulse-ring{border:2px solid rgba(102,126,234,.3)}.spinner-secondary .pulse-ring{border:2px solid rgba(240,147,251,.3)}.spinner-success .pulse-ring{border:2px solid rgba(79,172,254,.3)}.spinner-warning .pulse-ring{border:2px solid rgba(67,233,123,.3)}.spinner-white .pulse-ring{border:2px solid rgba(255,255,255,.3)}@keyframes pulseRing{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.spinner-bars{display:flex;gap:2px;align-items:center}.bar{border-radius:var(--radius-sm);animation:barStretch 1.2s ease-in-out infinite}.bar-1{animation-delay:-1.2s}.bar-2{animation-delay:-1.1s}.bar-3{animation-delay:-1s}.bar-4{animation-delay:-.9s}.bar-5{animation-delay:-.8s}.spinner-primary .bar{background:var(--primary-gradient)}.spinner-secondary .bar{background:var(--secondary-gradient)}.spinner-success .bar{background:var(--success-gradient)}.spinner-warning .bar{background:var(--warning-gradient)}.spinner-white .bar{background:white}@keyframes barStretch{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.spinner-gradient-ring{display:flex;align-items:center;justify-content:center}.gradient-ring{border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--primary-gradient),transparent);animation:gradientSpin 1s linear infinite;position:relative}.gradient-ring:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:var(--surface-primary);border-radius:50%}.spinner-secondary .gradient-ring{background:conic-gradient(from 0deg,transparent,var(--secondary-gradient),transparent)}.spinner-success .gradient-ring{background:conic-gradient(from 0deg,transparent,var(--success-gradient),transparent)}.spinner-warning .gradient-ring{background:conic-gradient(from 0deg,transparent,var(--warning-gradient),transparent)}@keyframes gradientSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-small .gradient-ring,.spinner-small .spinner-svg{width:20px;height:20px}.spinner-small .dot{width:4px;height:4px}.spinner-small .pulse-ring{width:20px;height:20px}.spinner-small .bar{width:2px;height:16px}.spinner-medium .gradient-ring,.spinner-medium .spinner-svg{width:32px;height:32px}.spinner-medium .dot{width:6px;height:6px}.spinner-medium .pulse-ring{width:32px;height:32px}.spinner-medium .bar{width:3px;height:24px}.spinner-large .gradient-ring,.spinner-large .spinner-svg{width:48px;height:48px}.spinner-large .dot{width:8px;height:8px}.spinner-large .pulse-ring{width:48px;height:48px}.spinner-large .bar{width:4px;height:36px}.spinner-xlarge .gradient-ring,.spinner-xlarge .spinner-svg{width:64px;height:64px}.spinner-xlarge .dot{width:12px;height:12px}.spinner-xlarge .pulse-ring{width:64px;height:64px}.spinner-xlarge .bar{width:6px;height:48px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.loading-overlay-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loading-overlay-content{z-index:1;background:var(--surface-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-strong)}@media (max-width:768px){.booking-widget{padding:var(--space-lg);margin:var(--space-md);border-radius:var(--radius-2xl)}.progress-steps{gap:var(--space-xs)}.step-name{font-size:10px}.service-card{padding:var(--space-md)}.service-details{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.floating-input{padding:var(--space-md) var(--space-sm) var(--space-xs)}.floating-input.has-icon{padding-left:calc(var(--space-xl) + var(--space-sm))}.floating-label{left:var(--space-sm)}.floating-input.has-icon+.floating-label{left:calc(var(--space-xl) + var(--space-sm))}}@media (prefers-reduced-motion:reduce){.bar,.booking-widget-step,.dot,.floating-input,.floating-label,.gradient-ring,.input-border-effect,.progress-dot,.progress-fill,.pulse-ring,.service-card,.spinner-svg,.validation-icon{animation:none!important;transition:none!important}.progress-fill:after{display:none}}@media (prefers-contrast:high){.floating-input,.service-card{border-color:var(--text-primary)}.progress-bar{background:var(--text-secondary)}}.service-card:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}.floating-input:focus-visible{box-shadow:var(--focus-ring)}.customer-info-loading,.service-selection-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);text-align:center}.customer-form-layout{display:flex;flex-direction:column;gap:var(--space-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md)}.form-consent{margin-top:var(--space-lg);padding:var(--space-md);background:rgba(102,126,234,.05);border-radius:var(--radius-lg);border:1px solid rgba(102,126,234,.1)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}@media (max-width:768px){.form-row{grid-template-columns:1fr;gap:var(--space-sm)}.form-actions{flex-direction:column;gap:var(--space-md)}.form-actions button{width:100%}}.popular-services-section{margin:var(--space-xl) 0;padding:var(--space-lg);background:rgba(102,126,234,.05);border-radius:var(--radius-xl);border:1px solid rgba(102,126,234,.1)}.popular-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-md)}.popular-service-card{transform:scale(.95);transition:transform .3s var(--ease-out)}.popular-service-card:hover{transform:scale(1) translateY(-4px)}.service-filters{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--surface-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-xl);border:1px solid var(--border-glass)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-top:var(--space-xl)}.service-selection-card{animation:serviceCardEntrance .5s var(--ease-out) forwards;opacity:0;transform:translateY(20px)}.service-selection-card:first-child{animation-delay:.1s}.service-selection-card:nth-child(2){animation-delay:.2s}.service-selection-card:nth-child(3){animation-delay:.3s}.service-selection-card:nth-child(4){animation-delay:.4s}.service-selection-card:nth-child(5){animation-delay:.5s}.service-selection-card:nth-child(6){animation-delay:.6s}@keyframes serviceCardEntrance{to{opacity:1;transform:translateY(0)}}.primary-service{border-color:rgba(102,126,234,.3)}.primary-service.selected{background:linear-gradient(white,white) padding-box,var(--primary-gradient) border-box;box-shadow:var(--shadow-colored)}.secondary-service{border-color:rgba(240,147,251,.3)}.secondary-service.selected{background:linear-gradient(white,white) padding-box,var(--secondary-gradient) border-box;box-shadow:var(--shadow-colored-secondary)}.success-service{border-color:rgba(79,172,254,.3)}.success-service.selected{background:linear-gradient(white,white) padding-box,var(--success-gradient) border-box;box-shadow:var(--shadow-colored-success)}.warning-service{border-color:rgba(67,233,123,.3)}.warning-service.selected{background:linear-gradient(white,white) padding-box,var(--warning-gradient) border-box}.booking-widget svg defs{display:none}.booking-widget:after{content:"";position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="primaryGradient" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%23667eea"/><stop offset="100%" style="stop-color:%23764ba2"/></linearGradient><linearGradient id="secondaryGradient" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%23f093fb"/><stop offset="100%" style="stop-color:%23f5576c"/></linearGradient><linearGradient id="successGradient" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%234facfe"/><stop offset="100%" style="stop-color:%2300f2fe"/></linearGradient><linearGradient id="warningGradient" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%2343e97b"/><stop offset="100%" style="stop-color:%2338f9d7"/></linearGradient></defs></svg>')}.Polaris-Frame{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.Polaris-Frame__Navigation{background:var(--surface-glass)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-glass)!important;box-shadow:4px 0 20px rgba(0,0,0,.1)!important}.Polaris-Frame__TopBar{background:var(--surface-glass)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-glass)!important;box-shadow:0 2px 16px rgba(0,0,0,.1)!important}.Polaris-Navigation__Item{border-radius:var(--radius-lg)!important;margin:var(--space-xs) var(--space-sm)!important;transition:all var(--timing-normal) var(--ease-out)!important;position:relative!important;overflow:hidden!important}.Polaris-Navigation__Item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--primary-gradient);transform:scaleY(0);transition:transform var(--timing-normal) var(--ease-out);transform-origin:bottom}.Polaris-Navigation__Item:hover{background:rgba(102,126,234,.1)!important;transform:translateX(4px)!important}.Polaris-Navigation__Item:hover:before{transform:scaleY(1);transform-origin:top}.Polaris-Navigation__Item[aria-current=page]{background:rgba(102,126,234,.15)!important;color:var(--text-accent)!important;font-weight:var(--font-weight-medium)!important}.Polaris-Navigation__Item[aria-current=page]:before{transform:scaleY(1)}.Polaris-Navigation__Icon{transition:all var(--timing-normal) var(--ease-out)!important}.Polaris-Navigation__Item:hover .Polaris-Navigation__Icon{color:var(--text-accent)!important;transform:scale(1.1)!important}.enhanced-card{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);box-shadow:var(--shadow-soft);padding:var(--space-xl);position:relative;overflow:hidden;transition:all var(--timing-normal) var(--ease-out)}.enhanced-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);pointer-events:none}.enhanced-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.enhanced-card-interactive{cursor:pointer}.enhanced-card-interactive:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-strong)}.enhanced-card-gradient{background:var(--primary-gradient);color:var(--text-on-gradient);border:none}.enhanced-card-gradient:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.enhanced-card-floating{background:var(--surface-elevated);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 16px 48px rgba(0,0,0,.15)}.enhanced-card-compact{padding:var(--space-lg);border-radius:var(--radius-xl);background:rgba(255,255,255,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.enhanced-button{background:var(--button-primary-bg);color:var(--text-on-gradient);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--timing-normal) var(--ease-out);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.enhanced-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(--timing-slow) var(--ease-out);pointer-events:none}.enhanced-button:hover{background:var(--button-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-colored)}.enhanced-button:hover:before{left:100%}.enhanced-button:active{transform:translateY(0);transition-duration:var(--timing-fast)}.enhanced-button:focus{outline:none;box-shadow:var(--focus-ring)}.enhanced-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.enhanced-button:disabled:hover:before{left:-100%}.enhanced-button-secondary{background:var(--button-secondary-bg)}.enhanced-button-secondary:hover{background:var(--button-secondary-hover);box-shadow:var(--shadow-colored-secondary)}.enhanced-button-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.enhanced-button-ghost:hover{background:var(--surface-glass);border-color:var(--border-medium);box-shadow:var(--shadow-soft)}.enhanced-button-outline{background:var(--surface-primary);color:var(--text-accent);border:2px solid transparent;background-clip:padding-box;position:relative}.enhanced-button-outline:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--primary-gradient);border-radius:inherit;z-index:-1}.enhanced-button-outline:hover{background:var(--surface-glass);transform:translateY(-2px);box-shadow:var(--shadow-colored)}.enhanced-button-glass{background:rgba(255,255,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);color:var(--text-primary)}.enhanced-button-glass:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.enhanced-button-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);border-radius:var(--radius-md)}.enhanced-button-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.enhanced-button-icon{padding:var(--space-md);border-radius:var(--radius-full);min-width:auto}.enhanced-input{background:var(--input-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--input-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);color:var(--text-primary);transition:all var(--timing-normal) var(--ease-out);width:100%;position:relative}.enhanced-input:focus{outline:none;background:var(--surface-primary);border-color:transparent;box-shadow:var(--input-focus-shadow);transform:translateY(-1px)}.enhanced-input:hover:not(:focus){border-color:var(--border-medium);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.enhanced-input::placeholder{color:var(--text-tertiary);transition:opacity var(--timing-normal) var(--ease-out)}.enhanced-input:focus::placeholder{opacity:.7}.enhanced-input-group{position:relative;display:flex;flex-direction:column;gap:var(--space-xs)}.enhanced-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs)}.enhanced-input-error{border-color:var(--text-danger)!important;box-shadow:0 0 0 3px rgba(229,62,62,.1)!important}.enhanced-input-success{border-color:var(--text-success)!important;box-shadow:0 0 0 3px rgba(56,161,105,.1)!important}.enhanced-input-helper{color:var(--text-secondary)}.enhanced-input-error-message,.enhanced-input-helper{font-size:var(--font-size-sm);margin-top:var(--space-xs)}.enhanced-input-error-message{color:var(--text-danger);opacity:0;transform:translateY(-10px);transition:all var(--timing-normal) var(--ease-out)}.enhanced-input-error-message.show{opacity:1;transform:translateY(0)}.enhanced-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.enhanced-modal{background:var(--surface-elevated);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-glass);border-radius:var(--radius-3xl);box-shadow:var(--shadow-strong);position:relative;overflow:hidden;max-width:90vw;max-height:90vh;width:100%;display:flex;flex-direction:column}.enhanced-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);pointer-events:none}.enhanced-modal-header{padding:var(--space-xl) var(--space-xl) var(--space-lg);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1)}.enhanced-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.enhanced-modal-close{background:transparent;border:none;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--timing-normal) var(--ease-out)}.enhanced-modal-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary);transform:scale(1.1)}.enhanced-modal-body{padding:var(--space-xl);flex:1 1;overflow-y:auto}.enhanced-modal-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-glass);display:flex;gap:var(--space-md);justify-content:flex-end;background:rgba(255,255,255,.05)}.enhanced-dropdown{position:relative;display:inline-block}.enhanced-dropdown-trigger{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);transition:all var(--timing-normal) var(--ease-out);min-width:200px}.enhanced-dropdown-trigger:hover{border-color:var(--border-medium);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.enhanced-dropdown-trigger.open{border-color:var(--text-accent);box-shadow:var(--input-focus-shadow)}.enhanced-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);z-index:var(--z-dropdown);margin-top:var(--space-xs);overflow:hidden;opacity:0;transform:translateY(-10px);transition:all var(--timing-normal) var(--ease-out);pointer-events:none}.enhanced-dropdown-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.enhanced-dropdown-item{padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--timing-fast) var(--ease-out);border-bottom:1px solid var(--border-glass);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.enhanced-dropdown-item:last-child{border-bottom:none}.enhanced-dropdown-item:hover{background:rgba(102,126,234,.1);color:var(--text-accent)}.enhanced-dropdown-item.selected{background:rgba(102,126,234,.15);color:var(--text-accent);font-weight:var(--font-weight-medium)}.enhanced-toast{position:fixed;top:var(--space-lg);right:var(--space-lg);background:var(--surface-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);padding:var(--space-lg);z-index:var(--z-toast);max-width:400px;display:flex;align-items:center;gap:var(--space-md);transform:translateX(100%);transition:transform var(--timing-normal) var(--ease-out)}.enhanced-toast.show{transform:translateX(0)}.enhanced-toast-success{border-left:4px solid var(--text-success)}.enhanced-toast-error{border-left:4px solid var(--text-danger)}.enhanced-toast-warning{border-left:4px solid var(--text-warning)}.enhanced-toast-info{border-left:4px solid var(--text-accent)}.enhanced-toast-content{flex:1 1;color:var(--text-primary);font-size:var(--font-size-sm)}.enhanced-toast-close{background:transparent;border:none;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--timing-normal) var(--ease-out)}.enhanced-toast-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.enhanced-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--surface-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);min-height:24px}.enhanced-badge-primary{background:var(--primary-gradient);color:var(--text-on-gradient);border:none;box-shadow:var(--shadow-colored)}.enhanced-badge-success{background:var(--success-gradient);color:var(--text-on-gradient);border:none}.enhanced-badge-warning{background:var(--warning-gradient);color:var(--text-on-gradient);border:none}.enhanced-badge-danger{background:var(--danger-gradient);color:var(--text-on-gradient);border:none}.enhanced-badge-glass{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:var(--text-primary)}.enhanced-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--primary-gradient);color:var(--text-on-gradient);font-weight:var(--font-weight-medium);overflow:hidden;position:relative;border:2px solid var(--surface-primary);box-shadow:var(--shadow-soft)}.enhanced-avatar img{width:100%;height:100%;object-fit:cover}.enhanced-avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.enhanced-avatar-md{width:40px;height:40px;font-size:var(--font-size-sm)}.enhanced-avatar-lg{width:56px;height:56px;font-size:var(--font-size-base)}.enhanced-avatar-xl{width:80px;height:80px;font-size:var(--font-size-lg)}@media (max-width:768px){.enhanced-modal{margin:var(--space-md);max-width:calc(100vw - 2rem)}.enhanced-modal-body,.enhanced-modal-footer,.enhanced-modal-header{padding:var(--space-lg)}.enhanced-toast{right:var(--space-md);left:var(--space-md);max-width:none}.enhanced-dropdown-menu{left:0;right:0}}@media (prefers-color-scheme:dark){.enhanced-modal-header{background:rgba(0,0,0,.1)}.enhanced-modal-footer{background:rgba(0,0,0,.05)}.enhanced-dropdown-item{border-bottom-color:rgba(255,255,255,.1)}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#43e97b,#38f9d7);--danger-gradient:linear-gradient(135deg,#ff6b6b,#ee5a52);--info-gradient:linear-gradient(135deg,#667eea,#764ba2);--neutral-gradient:linear-gradient(135deg,#8e9aaf,#cbc0d3);--surface-glass:rgba(255,255,255,0.95);--surface-glass-dark:rgba(30,30,30,0.95);--surface-elevated:rgba(255,255,255,0.98);--surface-elevated-dark:rgba(40,40,40,0.98);--surface-primary:rgba(255,255,255,1);--surface-secondary:rgba(248,250,252,1);--surface-tertiary:rgba(241,245,249,1);--shadow-soft:0 10px 40px rgba(0,0,0,0.1);--shadow-medium:0 20px 60px rgba(0,0,0,0.15);--shadow-strong:0 30px 80px rgba(0,0,0,0.2);--shadow-colored:0 8px 25px rgba(102,126,234,0.3);--shadow-colored-secondary:0 8px 25px rgba(240,147,251,0.3);--shadow-colored-success:0 8px 25px rgba(79,172,254,0.3);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.1);--shadow-inset:inset 0 1px 3px rgba(0,0,0,0.1);--text-primary:#2d3748;--text-secondary:#718096;--text-tertiary:#a0aec0;--text-on-gradient:#ffffff;--text-accent:#667eea;--text-success:#38a169;--text-warning:#d69e2e;--text-danger:#e53e3e;--text-muted:#9ca3af;--border-glass:rgba(255,255,255,0.2);--border-subtle:rgba(0,0,0,0.1);--border-medium:rgba(0,0,0,0.15);--border-strong:rgba(0,0,0,0.2);--border-gradient:linear-gradient(135deg,rgba(255,255,255,0.3),rgba(255,255,255,0.1));--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--timing-fast:0.15s;--timing-normal:0.3s;--timing-slow:0.5s;--timing-slower:0.75s;--ease-out:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--backdrop-blur-sm:blur(4px);--backdrop-blur-md:blur(8px);--backdrop-blur-lg:blur(16px);--backdrop-blur-xl:blur(24px);--backdrop-blur-2xl:blur(40px);--button-primary-bg:var(--primary-gradient);--button-primary-hover:linear-gradient(135deg,#5a6fd8,#6a4190);--button-secondary-bg:var(--secondary-gradient);--button-secondary-hover:linear-gradient(135deg,#e285f0,#f04a5a);--input-bg:rgba(255,255,255,0.9);--input-border:rgba(0,0,0,0.1);--input-focus-border:var(--primary-gradient);--input-focus-shadow:0 0 0 3px rgba(102,126,234,0.1);--card-bg:var(--surface-glass);--card-border:var(--border-glass);--card-shadow:var(--shadow-soft);--card-hover-shadow:var(--shadow-medium);--focus-ring:0 0 0 3px rgba(102,126,234,0.5);--focus-ring-danger:0 0 0 3px rgba(229,62,62,0.5);--focus-ring-success:0 0 0 3px rgba(56,161,105,0.5)}@media (prefers-color-scheme:dark){:root{--surface-glass:var(--surface-glass-dark);--surface-elevated:var(--surface-elevated-dark);--surface-primary:rgba(26,32,44,1);--surface-secondary:rgba(45,55,72,1);--surface-tertiary:rgba(74,85,104,1);--text-primary:#f7fafc;--text-secondary:#a0aec0;--text-tertiary:#718096;--text-muted:#4a5568;--border-glass:rgba(255,255,255,0.1);--border-subtle:rgba(255,255,255,0.1);--border-medium:rgba(255,255,255,0.15);--border-strong:rgba(255,255,255,0.2);--input-bg:rgba(45,55,72,0.9);--input-border:rgba(255,255,255,0.1);--card-bg:var(--surface-glass-dark)}}@media (prefers-contrast:high){:root{--border-subtle:rgba(0,0,0,0.3);--border-medium:rgba(0,0,0,0.4);--border-strong:rgba(0,0,0,0.5);--text-secondary:#4a5568;--text-tertiary:#2d3748}}@media (prefers-reduced-motion:reduce){:root{--timing-fast:0.01ms;--timing-normal:0.01ms;--timing-slow:0.01ms;--timing-slower:0.01ms}}.design-system-gradient-primary{background:var(--primary-gradient)}.design-system-gradient-secondary{background:var(--secondary-gradient)}.design-system-gradient-success{background:var(--success-gradient)}.design-system-text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.design-system-shadow-colored{box-shadow:var(--shadow-colored)}.design-system-surface-glass{background:var(--surface-glass)}.design-system-border-gradient{border:2px solid;border-image:var(--border-gradient) 1;border-image-slice:1}@keyframes revenu-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.enhanced-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px;text-align:center}.enhanced-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.loading-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loading-overlay-content{position:relative;background:white;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-width:90vw;max-height:90vh;overflow:auto}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-messages{text-align:center;max-width:400px}.loading-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.4}.loading-subtitle{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.enhanced-loading-progress{width:100%;max-width:300px}.progress-bar-container{width:100%;height:8px;background:#e5e7eb}.progress-bar-container,.progress-bar-fill{border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .3s ease-out}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.75rem;color:#6b7280}.progress-percentage{font-weight:600;color:#3b82f6}.time-remaining{font-style:italic}.enhanced-loading-steps{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:350px}.loading-step{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:all .3s ease-out}.loading-step.active{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2)}.loading-step.completed{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2)}.step-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;transition:all .3s ease-out}.loading-step:not(.completed):not(.active) .step-indicator{background:#e5e7eb;color:#6b7280}.loading-step.active .step-indicator{background:#3b82f6;color:white;animation:pulse 2s infinite}.loading-step.completed .step-indicator{background:#22c55e;color:white}.step-check{width:14px;height:14px}.step-text{font-size:.875rem;color:#374151;flex:1 1}.loading-step.completed .step-text{color:#22c55e}.loading-step.active .step-text{color:#3b82f6;font-weight:500}.loading-meta{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:300px;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.cancel-button,.time-elapsed{font-size:.75rem;color:#6b7280}.cancel-button{background:transparent;border:1px solid #d1d5db;padding:.375rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s ease-out}.cancel-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.cancel-button:active{transform:translateY(1px)}@media (max-width:768px){.enhanced-loading-container{padding:1.5rem;min-height:150px}.loading-overlay-content{margin:1rem;border-radius:12px}.loading-title{font-size:1.125rem}.loading-subtitle{font-size:.8125rem}.enhanced-loading-steps{max-width:100%}.loading-meta{flex-direction:column;gap:.75rem;align-items:center}}@media (prefers-color-scheme:dark){.loading-overlay-content{background:#1f2937;color:#f9fafb}.loading-title{color:#f9fafb}.loading-subtitle{color:#d1d5db}.progress-bar-container{background:#374151}.step-text{color:#e5e7eb}.loading-step:not(.completed):not(.active) .step-indicator{background:#4b5563;color:#d1d5db}.loading-meta{border-top-color:#374151}.time-elapsed{color:#9ca3af}.cancel-button{border-color:#4b5563;color:#9ca3af}.cancel-button:hover{background:#374151;border-color:#6b7280;color:#e5e7eb}}@media (prefers-reduced-motion:reduce){.loading-step.active .step-indicator,.progress-bar-fill:after{animation:none}.cancel-button,.enhanced-loading-container,.loading-step,.step-indicator{transition:none}}.glass-card{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);pointer-events:none}.glass-elevated{background:var(--surface-elevated);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);box-shadow:var(--shadow-medium);position:relative}.glass-elevated:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);pointer-events:none}.glass-surface{background:rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.glass-overlay{background:rgba(255,255,255,.6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:var(--z-modal)}.glass-nav{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);box-shadow:0 4px 20px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.glass-nav-item{background:transparent;border-radius:var(--radius-lg);transition:all var(--timing-normal) var(--ease-out);position:relative;overflow:hidden}.glass-nav-item:hover{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateY(-1px)}.glass-nav-item.active{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);box-shadow:var(--shadow-colored)}.glass-sidebar{background:var(--surface-glass);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-right:1px solid var(--border-glass);box-shadow:4px 0 20px rgba(0,0,0,.1);position:relative}.glass-sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.4),transparent);pointer-events:none}.glass-modal{background:var(--surface-elevated);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-glass);border-radius:var(--radius-3xl);box-shadow:var(--shadow-strong);position:relative;overflow:hidden}.glass-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);pointer-events:none}.glass-modal-backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal-backdrop)}.glass-dropdown{background:var(--surface-elevated);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);position:absolute;z-index:var(--z-dropdown);overflow:hidden}.glass-dropdown-item{background:transparent;transition:all var(--timing-fast) var(--ease-out);position:relative}.glass-dropdown-item:hover{background:rgba(102,126,234,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.glass-input{background:var(--input-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--input-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-inner);transition:all var(--timing-normal) var(--ease-out);position:relative}.glass-input:focus{background:rgba(255,255,255,.95);border:1px solid transparent;background-image:var(--input-focus-border);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:var(--input-focus-shadow);outline:none}.glass-input::placeholder{color:var(--text-tertiary)}.glass-form-group{background:rgba(255,255,255,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--space-lg);position:relative}.glass-button{background:rgba(255,255,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:all var(--timing-normal) var(--ease-out);position:relative;overflow:hidden}.glass-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(--timing-slow) var(--ease-out);pointer-events:none}.glass-button:hover:before{left:100%}.glass-button:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.glass-button:active{transform:translateY(0);box-shadow:var(--shadow-soft)}.glass-button-primary{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.3);color:var(--text-primary)}.glass-button-primary:hover{background:rgba(102,126,234,.3);box-shadow:var(--shadow-colored)}.glass-card-compact{background:rgba(255,255,255,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.1)}.glass-card-floating{background:var(--surface-elevated);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);box-shadow:0 16px 48px rgba(0,0,0,.15);position:relative;overflow:hidden}.glass-card-floating:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.05));pointer-events:none}.glass-card-gradient{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:var(--shadow-soft);position:relative}.glass-header{background:rgba(255,255,255,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-glass);box-shadow:0 2px 16px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.glass-footer{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);box-shadow:0 -2px 16px rgba(0,0,0,.1)}.glass-section{background:rgba(255,255,255,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);margin:var(--space-lg);padding:var(--space-xl)}.glass-shimmer{position:relative;overflow:hidden}.glass-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite;pointer-events:none}.glass-glow{position:relative}.glass-glow:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--primary-gradient);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--timing-normal) var(--ease-out)}.glass-glow:hover:after{opacity:.3}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.glass-button,.glass-card,.glass-dropdown,.glass-elevated,.glass-form-group,.glass-input,.glass-modal,.glass-nav,.glass-overlay,.glass-surface{background:rgba(255,255,255,.95);box-shadow:var(--shadow-medium)}}@media (prefers-reduced-motion:reduce){.glass-shimmer:before{animation:none}.glass-button:before,.glass-glow:after{transition:none}}.gpu-optimized{transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.animation-container{contain:layout style paint;isolation:isolate}.interactive-hover{transition:all var(--timing-normal) var(--ease-out);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden;transform:translateZ(0)}.interactive-hover:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--shadow-medium)}.interactive-hover:active{transform:translateY(-2px) translateZ(0);transition-duration:var(--timing-fast)}.interactive-subtle{transition:all var(--timing-normal) var(--ease-out);cursor:pointer;transform:translateZ(0)}.interactive-subtle:hover{transform:translateY(-2px) translateZ(0);box-shadow:var(--shadow-soft)}.interactive-lift{transition:all var(--timing-normal) var(--ease-out);cursor:pointer;transform:translateZ(0)}.interactive-lift:hover{transform:translateY(-6px) scale(1.02) translateZ(0);box-shadow:var(--shadow-strong)}.interactive-magnetic{transition:transform .2s cubic-bezier(.25,.46,.45,.94);transform-origin:center;will-change:transform;cursor:pointer}.interactive-magnetic:hover{transform:translateZ(0) scale(1.02)}.interactive-bounce{transition:all var(--timing-normal) var(--ease-bounce);cursor:pointer;transform:translateZ(0)}.interactive-bounce:hover{transform:translateY(-3px) scale(1.05) translateZ(0)}.interactive-bounce:active{transform:scale(.98) translateZ(0)}.btn-enhanced{transition:all var(--timing-normal) var(--ease-out);position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transform:translateZ(0)}.btn-enhanced: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(--timing-slow) var(--ease-out);pointer-events:none}.btn-enhanced:hover{transform:translateY(-2px) translateZ(0);box-shadow:var(--shadow-medium)}.btn-enhanced:hover:before{left:100%}.btn-enhanced:active{transform:translateY(0) translateZ(0);transition-duration:var(--timing-fast)}.btn-enhanced:focus{outline:none;box-shadow:var(--focus-ring)}.btn-elastic{transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform:translateZ(0)}.btn-elastic:hover{transform:scale(1.05) translateZ(0)}.btn-elastic:active{transform:scale(.95) translateZ(0);transition-duration:.1s}.btn-ripple{position:relative;overflow:hidden;transform:translateZ(0)}.btn-ripple:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.btn-primary{background:var(--button-primary-bg);color:var(--text-on-gradient)}.btn-primary:hover{background:var(--button-primary-hover);box-shadow:var(--shadow-colored)}.btn-secondary{background:var(--button-secondary-bg);color:var(--text-on-gradient)}.btn-secondary:hover{background:var(--button-secondary-hover);box-shadow:var(--shadow-colored-secondary)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-ghost:hover{background:var(--surface-secondary);border-color:var(--border-medium)}.btn-gradient-border{background:var(--surface-primary);color:var(--text-primary);border:2px solid transparent;background-clip:padding-box;position:relative}.btn-gradient-border:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--primary-gradient);border-radius:inherit;z-index:-1}.btn-gradient-border:hover{background:var(--surface-glass)}.input-enhanced{transition:all var(--timing-normal) var(--ease-out);border:1px solid var(--input-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-size-base);position:relative;transform:translateZ(0)}.input-enhanced:focus{outline:none;border-color:transparent;background:var(--surface-primary);box-shadow:var(--input-focus-shadow);transform:translateY(-1px) translateZ(0)}.input-enhanced:hover:not(:focus){border-color:var(--border-medium);transform:translateY(-1px) translateZ(0);box-shadow:var(--shadow-soft)}.input-enhanced::placeholder{color:var(--text-tertiary);transition:opacity var(--timing-normal) var(--ease-out)}.input-enhanced:focus::placeholder{opacity:.7}.input-floating-label{position:relative;display:flex;flex-direction:column}.input-floating-label input{border:2px solid transparent;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.input-floating-label label{position:absolute;top:50%;left:16px;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;color:rgba(107,114,128,.7);font-size:16px;z-index:1}.input-floating-label input:focus,.input-floating-label input:not(:placeholder-shown){border-color:#667eea;background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(102,126,234,.1),0 8px 16px rgba(0,0,0,.1)}.input-floating-label input:focus+label,.input-floating-label input:not(:placeholder-shown)+label{top:-8px;left:12px;font-size:12px;color:#667eea;background:white;padding:0 4px;transform:none}.card-interactive{transition:all var(--timing-normal) var(--ease-out);cursor:pointer;border-radius:var(--radius-xl);background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium));border:1px solid var(--border-glass);position:relative;overflow:hidden;transform:translateZ(0)}.card-interactive:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--surface-secondary);opacity:0;transition:opacity var(--timing-normal) var(--ease-out);pointer-events:none}.card-interactive:hover{transform:translateY(-4px) scale(1.02) translateZ(0);box-shadow:var(--shadow-strong)}.card-interactive:hover:before{opacity:.1}.card-interactive:active{transform:translateY(-2px) scale(1.01) translateZ(0)}.card-magnetic{transition:transform .3s cubic-bezier(.25,.46,.45,.94);transform-origin:center;will-change:transform;position:relative;overflow:hidden}.card-magnetic:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(10px)}.card-magnetic:hover:after{opacity:.3}.card-floating{transition:all var(--timing-normal) var(--ease-out);cursor:pointer;animation:float 6s ease-in-out infinite;transform:translateZ(0)}.card-floating:hover{animation-play-state:paused;transform:translateY(-8px) scale(1.03) translateZ(0);box-shadow:var(--shadow-strong)}@keyframes float{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-10px) translateZ(0)}}.card-tilt{perspective:1000px;transform-style:preserve-3d;transition:transform .3s ease}.card-tilt:hover{transform:rotateX(10deg) rotateY(10deg) scale(1.05)}.nav-item-enhanced{position:relative;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);overflow:hidden;display:inline-block;transform:translateZ(0)}.nav-item-enhanced,.nav-item-enhanced:before{transition:all var(--timing-normal) var(--ease-out)}.nav-item-enhanced:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-gradient);transform:translateX(-50%)}.nav-item-enhanced:hover{color:var(--text-primary);background:var(--surface-secondary);transform:translateY(-1px) translateZ(0)}.nav-item-enhanced:hover:before{width:80%}.nav-item-enhanced.active{color:var(--color-primary);background:var(--surface-glass)}.nav-item-enhanced.active:before{width:100%}.icon-interactive{transition:all var(--timing-normal) var(--ease-out);cursor:pointer;border-radius:var(--radius-md);padding:var(--space-xs);display:inline-flex;align-items:center;justify-content:center;transform:translateZ(0)}.icon-interactive:hover{background:var(--surface-secondary);transform:translateY(-2px) scale(1.1) translateZ(0);box-shadow:var(--shadow-soft)}.icon-bounce{animation:bounce 2s ease-in-out infinite}.icon-bounce:hover{animation-play-state:paused}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translateZ(0)}40%{transform:translateY(-10px) translateZ(0)}60%{transform:translateY(-5px) translateZ(0)}}.icon-spin{animation:spin 4s linear infinite}.icon-spin:hover{animation-duration:1s}.icon-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1) translateZ(0)}50%{opacity:.8;transform:scale(1.05) translateZ(0)}}.modal-enter{opacity:0;transform:scale(.8) translateY(50px) translateZ(0)}.modal-enter-active{transition:all var(--timing-slow) var(--ease-bounce)}.modal-enter-active,.modal-exit{opacity:1;transform:scale(1) translateY(0) translateZ(0)}.modal-exit-active{opacity:0;transform:scale(.8) translateY(50px) translateZ(0);transition:all var(--timing-normal) var(--ease-in)}.backdrop-enter{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.backdrop-enter-active{transition:all var(--timing-normal) var(--ease-out)}.backdrop-enter-active,.backdrop-exit{opacity:1;-webkit-backdrop-filter:blur(var(--blur-medium));backdrop-filter:blur(var(--blur-medium))}.backdrop-exit-active{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:all var(--timing-normal) var(--ease-in)}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-wave{position:relative;overflow:hidden;background:rgba(240,240,240,.8);border-radius:8px}.skeleton-wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-wave 1.6s linear infinite}@keyframes skeleton-wave{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}.progress-bar{background:var(--surface-secondary);border-radius:var(--radius-full);height:8px}.progress-bar,.progress-fill{overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:inherit;transition:width var(--timing-slow) var(--ease-out)}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.success-checkmark{width:60px;height:60px;border-radius:50%;background:#10b981;position:relative;animation:checkmark-scale .6s cubic-bezier(.68,-.55,.265,1.55)}.success-checkmark:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:10px;border:3px solid white;border-top:none;border-right:none;transform:translate(-50%,-60%) rotate(-45deg);animation:checkmark-draw .3s ease-in-out .3s forwards;opacity:0}@keyframes checkmark-scale{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes checkmark-draw{to{opacity:1}}.input-error{border-color:var(--color-error)!important;animation:shake .5s cubic-bezier(.36,.07,.19,.97)}.input-success{border-color:var(--color-success)!important}@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-8px)}40%,60%{transform:translateX(8px)}}.breathing{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1) translateZ(0);box-shadow:0 0 0 0 rgba(102,126,234,.4)}50%{transform:scale(1.05) translateZ(0);box-shadow:0 0 0 10px rgba(102,126,234,0)}}.validation-message{transform:translateY(-10px) translateZ(0);opacity:0;transition:all var(--timing-normal) var(--ease-out);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.validation-message.show{transform:translateY(0) translateZ(0);opacity:1}.validation-message.error{color:var(--color-error)}.validation-message.success{color:var(--color-success)}.reveal-on-scroll{opacity:0;transform:translateY(50px) translateZ(0);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0) translateZ(0)}.parallax-element{will-change:transform;transition:transform .1s ease-out}@media (prefers-reduced-motion:reduce){.breathing,.btn-elastic,.btn-enhanced,.card-floating,.card-interactive,.card-magnetic,.card-tilt,.icon-interactive,.interactive-bounce,.interactive-hover,.interactive-lift,.interactive-magnetic,.interactive-subtle,.nav-item-enhanced,.reveal-on-scroll{transition:none!important;animation:none!important}.icon-bounce,.icon-pulse,.icon-spin,.input-error,.loading-shimmer,.progress-fill:after,.skeleton-wave:after{animation:none!important}.card-magnetic:hover,.card-tilt:hover,.interactive-hover:hover,.interactive-magnetic:hover{transform:none!important}}@media (forced-colors:active){.btn-enhanced,.card-interactive,.input-enhanced{border:2px solid ButtonBorder;background:ButtonFace}.nav-item-enhanced:before,.progress-fill{background:Highlight}.card-magnetic:after{display:none}}@media (prefers-color-scheme:dark){.loading-shimmer{background:linear-gradient(90deg,rgba(60,60,60,.8) 25%,rgba(80,80,80,.8) 50%,rgba(60,60,60,.8) 75%)}.skeleton-wave{background:rgba(60,60,60,.8)}.skeleton-wave:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}}.focus-ring{outline:none}.focus-ring:focus{box-shadow:var(--focus-ring)}.focus-ring-danger:focus{box-shadow:var(--focus-ring-danger)}.focus-ring-success:focus{box-shadow:var(--focus-ring-success)}.transition-fast{transition:all var(--timing-fast) var(--ease-out)}.transition-normal{transition:all var(--timing-normal) var(--ease-out)}.transition-slow{transition:all var(--timing-slow) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--shadow-medium)}.hover-scale:hover{transform:scale(1.05) translateZ(0)}.hover-rotate:hover{transform:rotate(5deg) translateZ(0)}.hover-brighten:hover{filter:brightness(1.1)}.active-scale:active{transform:scale(.95) translateZ(0)}.mobile-touch-feedback{position:relative;transition:all .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-touch-feedback:active{transform:scale(.98);transition-duration:50ms}.mobile-haptic-tap{position:relative;overflow:hidden}.mobile-haptic-tap:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:all .2s ease-out;pointer-events:none;opacity:0}.mobile-haptic-tap:active:after{width:100px;height:100px;opacity:1;transition-duration:.1s}.mobile-swipeable{position:relative;touch-action:pan-x;cursor:-webkit-grab;cursor:grab}.mobile-swipeable:active{cursor:-webkit-grabbing;cursor:grabbing}.mobile-swipeable:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(102,126,234,.1) 0,transparent 20%,transparent 80%,rgba(102,126,234,.1));opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-swipeable:focus:before,.mobile-swipeable:hover:before{opacity:1}.mobile-pull-refresh{position:relative;overflow:hidden;transition:transform .3s ease}.mobile-pull-refresh.pulling{transform:translateY(20px)}.mobile-pull-refresh.refreshing{animation:pullRefreshSpinner 1s linear infinite}@keyframes pullRefreshSpinner{0%{transform:rotate(0deg) translateY(20px)}to{transform:rotate(1turn) translateY(20px)}}.mobile-scroll-indicator{position:relative}.mobile-scroll-indicator:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,transparent,rgba(102,126,234,.5),transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.mobile-scroll-indicator.scrolling:after{opacity:1}.mobile-card-touch{transition:all .2s ease;will-change:transform,box-shadow;-webkit-tap-highlight-color:transparent}.mobile-card-touch:active{transform:scale(.99) translateY(1px);box-shadow:0 2px 8px rgba(0,0,0,.15);transition-duration:.1s}.mobile-long-press{position:relative;transition:all .3s ease}.mobile-long-press:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(102,126,234,.5);border-radius:inherit;opacity:0;transform:scale(1.1);transition:all .3s ease;pointer-events:none}.mobile-long-press.long-pressing:before{opacity:1;transform:scale(1);animation:longPressRipple 1.5s ease-in-out infinite}@keyframes longPressRipple{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.mobile-nav-swipe{transform:translateX(var(--swipe-offset,0));transition:transform .15s ease-out;will-change:transform}.mobile-nav-swipe.swiping{transition:none}.mobile-nav-swipe.snap-back{transform:translateX(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.mobile-input-focus{position:relative;transition:all .2s ease}.mobile-input-focus:focus{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.mobile-input-focus:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary);transform:translateX(-50%);transition:width .3s ease}.mobile-input-focus:focus:after{width:100%}.mobile-button-press{position:relative;overflow:hidden;transition:all .15s ease;will-change:transform}.mobile-button-press:active{transform:scale(.96);transition-duration:50ms}.mobile-button-press:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;pointer-events:none}.mobile-button-press:active:before{width:300px;height:300px;transition-duration:.6s}.mobile-loading-pulse{animation:mobilePulse 1.5s ease-in-out infinite}@keyframes mobilePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.mobile-loading-shimmer{position:relative;overflow:hidden;background-color:#f0f0f0}.mobile-loading-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:mobileShimmer 2s infinite}@keyframes mobileShimmer{0%{left:-100%}to{left:100%}}.slow-connection .mobile-button-press:before,.slow-connection .mobile-haptic-tap:after{transition-duration:.1s}.slow-connection .mobile-loading-shimmer:after{animation-duration:3s}.mobile-only-touch{display:none}@media (hover:none) and (pointer:coarse){.mobile-only-touch{display:initial}.desktop-only-hover{display:none}}.mobile-focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.3);border-radius:8px}@media (prefers-reduced-motion:reduce){.mobile-button-press,.mobile-card-touch,.mobile-haptic-tap,.mobile-touch-feedback{transition:none}.mobile-loading-pulse,.mobile-loading-shimmer:after{animation:none}.mobile-long-press.long-pressing:before{animation:none;opacity:1;transform:scale(1)}}:root{--breakpoint-xs:375px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--touch-padding:12px;--touch-margin:8px;--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:28px;--font-size-4xl:32px;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--animation-fast:150ms;--animation-normal:250ms;--animation-slow:350ms;--animation-ease:cubic-bezier(0.25,0.46,0.45,0.94);--animation-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--haptic-light:0.1s;--haptic-medium:0.2s;--haptic-strong:0.3s;--image-quality-high:95;--image-quality-medium:80;--image-quality-low:65;--shadow-soft-mobile:0 2px 8px rgba(0,0,0,0.1);--shadow-medium-mobile:0 4px 16px rgba(0,0,0,0.15);--shadow-strong-mobile:0 8px 32px rgba(0,0,0,0.2);--z-dropdown:1000;--z-sticky:1010;--z-modal:1020;--z-popover:1030;--z-tooltip:1040;--z-toast:1050}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;touch-action:manipulation}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:transparent;font-size:var(--font-size-base);line-height:var(--line-height-normal)}.touch-target,[role=button],button,input[type=button],input[type=submit]{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--touch-padding);border:none;background:none;transition:all var(--animation-fast) var(--animation-ease);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.touch-target-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}.touch-target:active,[role=button]:active,button:active{transform:scale(.98);transition:transform var(--animation-fast) var(--animation-ease)}.swipeable{touch-action:pan-x pan-y;cursor:-webkit-grab;cursor:grab}.swipeable:active{cursor:-webkit-grabbing;cursor:grabbing}.swipe-indicator{position:relative;overflow:hidden}.swipe-indicator:after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:rgba(255,255,255,.3);border-radius:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drag-handle{width:32px;height:5px;background:rgba(0,0,0,.2);border-radius:2.5px;margin:8px auto;cursor:-webkit-grab;cursor:grab}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing;background:rgba(0,0,0,.3)}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{font-size:16px;min-height:var(--touch-target-min);padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;background:#ffffff;autocomplete:on;autocorrect:off;autocapitalize:off;spellcheck:false;touch-action:manipulation}input:focus,select:focus,textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:var(--z-sticky);display:flex;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;padding:8px 12px;color:#6b7280;text-decoration:none;font-size:12px;font-weight:500;min-width:var(--touch-target-min);transition:color var(--animation-fast) var(--animation-ease)}.mobile-nav-item.active{color:#667eea}.mobile-nav-icon{width:24px;height:24px;margin-bottom:4px}.mobile-tabs{display:flex;background:#f8fafc;border-radius:12px;padding:4px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{flex:1 1;min-width:100px;padding:12px 16px;text-align:center;border-radius:8px;background:transparent;color:#6b7280;font-weight:500;transition:all var(--animation-fast) var(--animation-ease);white-space:nowrap}.mobile-tab.active{color:#111827}.mobile-card,.mobile-tab.active{background:#ffffff;box-shadow:var(--shadow-soft-mobile)}.mobile-card{border-radius:16px;padding:20px;margin-bottom:16px;transition:transform var(--animation-fast) var(--animation-ease)}.mobile-card:active{transform:scale(.99)}.mobile-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.mobile-card-title{font-size:var(--font-size-lg);font-weight:600;color:#111827;margin:0}.mobile-card-action{color:#667eea;font-size:var(--font-size-sm);font-weight:500;text-decoration:none}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:flex-end;padding:0}.mobile-modal{background:#ffffff;border-radius:20px 20px 0 0;width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;animation:slideUpMobile var(--animation-normal) var(--animation-ease)}.mobile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;position:-webkit-sticky;position:sticky;top:0;background:#ffffff;z-index:1}.mobile-modal-title{font-size:var(--font-size-xl);font-weight:600;color:#111827;margin:0}.mobile-modal-close{width:32px;height:32px;border-radius:16px;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;color:#6b7280}.mobile-modal-content{padding:20px}.mobile-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite;border-radius:8px}.mobile-skeleton-text{height:16px;margin-bottom:8px}.mobile-skeleton-text:last-child{width:60%}.mobile-skeleton-avatar{width:48px;height:48px;border-radius:50%}.mobile-skeleton-button{height:44px;border-radius:8px}.mobile-spinner{width:24px;height:24px;border:2px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.mobile-toast-container{position:fixed;top:env(safe-area-inset-top,20px);left:16px;right:16px;z-index:var(--z-toast);pointer-events:none}.mobile-toast{background:rgba(0,0,0,.9);color:#ffffff;padding:16px 20px;border-radius:12px;margin-bottom:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:toastSlideIn var(--animation-normal) var(--animation-ease);pointer-events:auto;font-weight:500}.mobile-toast-success{background:rgba(16,185,129,.9)}.mobile-toast-error{background:rgba(239,68,68,.9)}.mobile-toast-warning{background:rgba(245,158,11,.9)}.is-slow-connection .mobile-card{box-shadow:none;border:1px solid #e5e7eb}.is-slow-connection .mobile-bottom-nav,.is-slow-connection .mobile-modal{-webkit-backdrop-filter:none;backdrop-filter:none}.is-slow-connection .mobile-bottom-nav{background:#ffffff}.is-offline:before{content:"Offline";position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;background:#ef4444;color:#ffffff;text-align:center;padding:8px;font-size:14px;font-weight:500;z-index:var(--z-toast)}@media (prefers-contrast:high){.mobile-card,.mobile-tab.active{border:2px solid #000000}.mobile-nav-item.active{background:#000000;color:#ffffff;border-radius:8px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mobile-modal,.mobile-toast{animation:none}}@media (prefers-color-scheme:dark){.mobile-card,.mobile-modal{background:#1f2937;color:#f9fafb}.mobile-bottom-nav{background:rgba(31,41,55,.95);border-top-color:rgba(255,255,255,.1)}.mobile-tabs{background:#374151}.mobile-tab.active{background:#4b5563;color:#f9fafb}}@media (max-width:374px){.mobile-card{padding:16px;margin-bottom:12px}.mobile-modal-content{padding:16px}}@media (min-width:576px){.mobile-bottom-nav{padding-left:24px;padding-right:24px}.mobile-card{padding:24px}}@media (min-width:768px){.mobile-modal-overlay{align-items:center;justify-content:center;padding:20px}.mobile-modal{border-radius:20px;max-width:500px;max-height:80vh}.mobile-bottom-nav{display:none}}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.m-touch{margin:var(--touch-margin)}.p-touch{padding:var(--touch-padding)}.px-touch{padding-left:var(--touch-padding);padding-right:var(--touch-padding)}.py-touch{padding-top:var(--touch-padding);padding-bottom:var(--touch-padding)}.text-mobile-xs{font-size:var(--font-size-xs)}.text-mobile-sm{font-size:var(--font-size-sm)}.text-mobile-base{font-size:var(--font-size-base)}.text-mobile-lg{font-size:var(--font-size-lg)}.text-mobile-xl{font-size:var(--font-size-xl)}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.touch-none{touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}.touch-manipulation{touch-action:manipulation}.mobile-only{display:block}.tablet-up{display:none}@media (min-width:768px){.mobile-only{display:none}.tablet-up{display:block}}