:root{--color-bg: #faf8f5;--color-bg-warm: #f5f0e8;--color-surface: #ffffff;--color-surface-hover: #fefdfb;--color-cream: #f7f3ec;--color-cream-dark: #ede5d8;--color-text-primary: #2d2a26;--color-text-secondary: #6b6560;--color-text-muted: #a09890;--color-accent: #c5a47e;--color-accent-light: #ddc8aa;--color-accent-dark: #a8855e;--color-success: #7fb685;--color-success-bg: #eef7ef;--color-danger: #d4726a;--color-danger-bg: #fbeaea;--color-border: #e8e2d9;--color-border-light: #f0ebe4;--shadow-sm: 0 1px 3px rgba(45, 42, 38, .04);--shadow-md: 0 4px 12px rgba(45, 42, 38, .06);--shadow-lg: 0 8px 30px rgba(45, 42, 38, .08);--shadow-xl: 0 16px 50px rgba(45, 42, 38, .1);--shadow-glow: 0 0 20px rgba(197, 164, 126, .15);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(197,164,126,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(237,229,216,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(247,243,236,.2) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}img{max-width:100%;display:block}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-family);outline:none}a{text-decoration:none;color:inherit}.glass-card{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card-solid{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #c5a47e4d}50%{box-shadow:0 0 20px 4px #c5a47e26}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-slide-in-right{animation:slideInRight .5s ease forwards}.animate-scale-in{animation:scaleIn .4s ease forwards}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}.stagger-children>*:nth-child(11){animation-delay:.55s}.stagger-children>*:nth-child(12){animation-delay:.6s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:var(--color-cream-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-light)}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-4);padding-top:var(--space-8);padding-bottom:var(--space-16)}.app-header{text-align:center;margin-bottom:var(--space-8);animation:fadeInUp .6s ease forwards}.app-header__icon{width:56px;height:56px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cream),var(--color-cream-dark));border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.app-header__icon svg{width:28px;height:28px;color:var(--color-accent)}.app-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.app-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2);font-weight:400}.main-card{width:100%;max-width:520px;padding:var(--space-8);animation:scaleIn .5s ease forwards}.step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);animation:fadeIn .5s ease forwards}.step-indicator__dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-border);transition:all var(--transition-base);position:relative}.step-indicator__dot--active{background:var(--color-accent);box-shadow:0 0 0 4px #c5a47e26;transform:scale(1.1)}.step-indicator__dot--completed{background:var(--color-success)}.step-indicator__line{width:28px;height:2px;background:var(--color-border);border-radius:1px;transition:background var(--transition-base)}.step-indicator__line--completed{background:var(--color-success)}.step-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.step-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.5}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c5a47e1a}.form-input::placeholder{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-cream);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-cream-dark)}.btn-full{width:100%}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-md);border-radius:var(--radius-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.nav-row{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.nav-row .btn{flex:1}.selection-grid{display:grid;gap:var(--space-3)}.selection-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.selection-card:hover{border-color:var(--color-accent-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.selection-card--selected{border-color:var(--color-accent);background:linear-gradient(135deg,#c5a47e0a,#ede5d81a);box-shadow:0 0 0 3px #c5a47e14}.selection-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-cream);color:var(--color-accent);flex-shrink:0;font-size:22px}.selection-card__content{flex:1;min-width:0}.selection-card__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.selection-card__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.selection-card__check{width:22px;height:22px;border-radius:var(--radius-full);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.selection-card--selected .selection-card__check{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.calendar-container{animation:fadeInUp .4s ease forwards}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.calendar-header__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.calendar-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-cream);color:var(--color-text-secondary);transition:all var(--transition-fast)}.calendar-nav-btn:hover{background:var(--color-cream-dark);color:var(--color-text-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--space-2)}.calendar-weekday{text-align:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);padding:var(--space-2) 0;text-transform:uppercase;letter-spacing:.05em}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative;background:transparent;color:var(--color-text-primary)}.calendar-day:hover:not(.calendar-day--disabled):not(.calendar-day--empty){background:var(--color-cream)}.calendar-day--today{font-weight:700;color:var(--color-accent-dark)}.calendar-day--selected{background:var(--color-accent)!important;color:#fff!important;box-shadow:var(--shadow-sm)}.calendar-day--disabled{color:var(--color-text-muted);opacity:.4;cursor:not-allowed}.calendar-day--empty{cursor:default}.calendar-day--has-slots:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--color-success)}.time-slots-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-top:var(--space-6);margin-bottom:var(--space-3)}.time-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.time-slot{padding:var(--space-3) var(--space-2);text-align:center;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);border:1.5px solid transparent;position:relative}.time-slot--available{background:var(--color-success-bg);color:var(--color-success);border-color:#7fb6854d;cursor:pointer}.time-slot--available:hover{background:var(--color-success);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.time-slot--selected{background:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important;box-shadow:0 0 0 3px #c5a47e26}.time-slot--busy{background:var(--color-bg);color:var(--color-text-muted);opacity:.45;cursor:not-allowed;text-decoration:line-through}.time-slot--busy:hover{cursor:not-allowed}.time-slot--busy:after{content:"🚫";position:absolute;top:-4px;right:-4px;font-size:10px;opacity:0;transition:opacity var(--transition-fast)}.time-slot--busy:hover:after{opacity:1}.confirmation-block{background:var(--color-cream);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.confirmation-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.confirmation-row:not(:last-child){border-bottom:1px solid var(--color-border-light)}.confirmation-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.confirmation-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.status-badge--pending{background:#fff3cd;color:#856404}.status-badge--approved{background:var(--color-success-bg);color:#2d6a32}.status-badge--rejected{background:var(--color-danger-bg);color:#a53030}.success-screen{text-align:center;padding:var(--space-8) 0;animation:fadeInUp .5s ease forwards}.success-icon{width:72px;height:72px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:var(--color-success-bg);border-radius:var(--radius-full);color:var(--color-success);animation:scaleIn .5s ease forwards}.success-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-3)}.success-message{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6;max-width:360px;margin:0 auto var(--space-6)}.admin-container{min-height:100vh;padding:var(--space-6);max-width:900px;margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.admin-title{font-size:var(--font-size-xl);font-weight:700}.admin-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);background:var(--color-cream);padding:var(--space-1);border-radius:var(--radius-md)}.admin-tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);background:transparent;transition:all var(--transition-fast)}.admin-tab--active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.admin-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-3);transition:all var(--transition-fast)}.admin-card:hover{box-shadow:var(--shadow-md)}.admin-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.admin-card__name{font-weight:600;font-size:var(--font-size-base)}.admin-card__meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.admin-card__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);font-size:var(--font-size-sm)}.admin-card__detail-label{color:var(--color-text-muted)}.admin-card__detail-value{font-weight:500;text-align:right}.admin-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.btn-approve{background:var(--color-success);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500}.btn-approve:hover{opacity:.9}.btn-reject{background:var(--color-danger);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500}.btn-reject:hover{opacity:.9}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.empty-state__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.4}.empty-state__text{font-size:var(--font-size-sm)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.loading-spinner:after{content:"";width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.admin-login__card{width:100%;max-width:380px;padding:var(--space-8)}.admin-login__title{font-size:var(--font-size-lg);font-weight:600;text-align:center;margin-bottom:var(--space-6)}.error-message{background:var(--color-danger-bg);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-4);text-align:center}.blacklist-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.blacklist-form .form-input{flex:1;min-width:120px}.blacklist-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-cream);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.blacklist-item__info{font-size:var(--font-size-sm)}.blacklist-item__name{font-weight:600}.blacklist-item__phone{color:var(--color-text-muted);font-size:var(--font-size-xs)}.btn-remove{background:transparent;color:var(--color-danger);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.btn-remove:hover{background:var(--color-danger-bg);border-radius:var(--radius-sm)}@media(max-width:600px){.app-container{padding:var(--space-3);padding-top:var(--space-4)}.main-card{padding:var(--space-5)}.app-header__title{font-size:var(--font-size-xl)}.time-slots-grid{grid-template-columns:repeat(3,1fr)}.admin-card__details{grid-template-columns:1fr}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{white-space:nowrap;flex-shrink:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.blacklist-form{flex-direction:column}.nav-row{flex-direction:column-reverse}}.success-message{background:var(--color-success-bg);color:#2d6a32;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-4);text-align:center;font-weight:500}