@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-dark:#070709;--bg-surface:#121215;--bg-card:#18181c;--bg-elevated:#202025;--accent:#f50;--accent-light:#f73;--accent-dark:#c40;--accent-glow:#ff6b0066;--accent-glow-soft:#ff550026;--text:#fff;--text-secondary:#a0a0a5;--text-muted:#707077;--text-dim:#4a4a52;--border:#ffffff0f;--border-accent:#ff550040;--success:#00e676;--danger:#ff3d3d;--warning:#ffc107;--glass-bg:#121215a6;--glass-border:#ffffff0d;--glass-blur:20px;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 4px 12px #0006;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 48px #000c;--shadow-glow:0 0 24px #ff55004d;--shadow-glow-lg:0 0 40px #f506, 0 0 80px #f503;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.4s cubic-bezier(.175, .885, .32, 1.275)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-light)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}input,textarea,select{font-family:var(--font-body);font-size:1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-accent{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-accent);border-radius:var(--radius-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.btn-outline:hover{background:var(--accent-glow-soft);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:.85rem}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1.1rem}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #c00 100%);color:#fff}.btn-success{background:linear-gradient(135deg, var(--success) 0%, #009940 100%);color:#fff}.input{width:100%;padding:var(--space-md);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);transition:border-color var(--transition-base), box-shadow var(--transition-base);font-size:1rem}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-soft);outline:none}.input::placeholder{color:var(--text-dim)}.label{color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #ff550040}50%{box-shadow:0 0 35px #f506,0 0 70px #ff550026}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{opacity:0;animation:.6s forwards fadeInUp}.animate-fade-in{opacity:0;animation:.5s forwards fadeIn}.animate-scale-in{animation:scaleIn .4s var(--transition-spring) forwards;opacity:0}.animate-slide-right{opacity:0;animation:.5s forwards slideInRight}.stagger>*{opacity:0;animation:.5s forwards fadeInUp}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(7){animation-delay:.35s}.stagger>:nth-child(8){animation-delay:.4s}.stagger>:nth-child(9){animation-delay:.45s}.stagger>:nth-child(10){animation-delay:.5s}.stagger>:nth-child(11){animation-delay:.55s}.stagger>:nth-child(12){animation-delay:.6s}.container{width:100%;max-width:480px;padding:0 var(--space-md);margin:0 auto}.section{padding:var(--space-lg) 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-glow-soft);color:var(--accent);border:1px solid #ff6b004d}.badge-success{color:var(--success);background:#00c85326}.badge-danger{color:var(--danger);background:#ff3d3d26}.badge-warning{color:var(--warning);background:#ffb30026}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.loading-container{padding:var(--space-3xl) 0;justify-content:center;align-items:center;display:flex}.toast{bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--text);z-index:1000;box-shadow:var(--shadow-lg);font-weight:500;animation:.3s fadeInUp;position:fixed;left:50%;transform:translate(-50%)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000bf;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;padding:var(--space-lg);animation:fadeInUp .3s var(--transition-spring);overflow-y:auto}@media (width>=768px){.modal-overlay{align-items:center}.modal-content{border-radius:var(--radius-xl);max-width:520px}.container{max-width:520px}}.user-auth-overlay{z-index:1000;-webkit-backdrop-filter:none;animation:none!important}.user-auth-modal{padding:var(--space-lg);will-change:transform, opacity;-webkit-backdrop-filter:none;filter:none;flex-direction:column;max-height:92dvh;display:flex;transform:translateZ(0);animation:none!important}@media (prefers-reduced-motion:reduce){.user-auth-overlay,.user-auth-modal{animation:none!important}}.user-auth-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);flex-shrink:0;display:flex}.user-auth-kicker{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);font-size:.75rem;font-weight:700}.user-auth-title{margin-top:2px;font-size:1.4rem}.user-auth-close{border-radius:var(--radius-full);border:1px solid var(--border);width:40px;height:40px;color:var(--text);transition:transform var(--transition-fast), background var(--transition-fast);background:#ffffff0f;justify-content:center;align-items:center;display:inline-flex}.user-auth-close:hover{background:#ffffff17}.user-auth-close:active{transform:scale(.98)}.user-auth-tabs{gap:var(--space-sm);margin-bottom:var(--space-md);flex-shrink:0;grid-template-columns:1fr 1fr;display:grid}.user-auth-tab{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#ffffff0a;padding:10px 12px;font-size:.9rem;font-weight:700}.user-auth-tab.is-active{background:var(--accent-glow-soft);color:var(--accent);border-color:#ff550059}.user-auth-panel{padding:var(--space-md);flex:1;overflow-y:auto}.user-auth-row-2col{gap:var(--space-md);grid-template-columns:1fr;display:grid}.user-auth-form{gap:var(--space-md);flex-direction:column;display:flex}.user-auth-field .label{margin-bottom:6px}.user-auth-submit{border-radius:var(--radius-md);width:100%}.user-auth-error{border-radius:var(--radius-md);color:var(--danger);background:#ff3d3d1a;border:1px solid #ff3d3d4d;padding:12px;font-size:.85rem}.user-auth-footnote{margin-top:calc(var(--space-sm) * -1);justify-content:center;display:flex}.user-auth-link{color:var(--accent);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;padding:6px 8px;font-weight:600}.user-auth-link:hover{color:var(--accent-light);background:#ffffff0f}.user-auth-loading{padding:var(--space-xl) 0;justify-content:center;align-items:center;display:flex}.user-auth-logged{gap:var(--space-md);grid-template-columns:48px 1fr;align-items:center;display:grid}.user-auth-avatar{border-radius:var(--radius-lg);background:var(--accent-glow-soft);width:48px;height:48px;color:var(--accent);letter-spacing:.5px;border:1px solid #ff550059;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;display:flex}.user-auth-logged-name{font-weight:800;line-height:1.2}.user-auth-logged-sub{color:var(--text-secondary);font-size:.85rem}.user-auth-logout{width:100%;margin-top:var(--space-sm);grid-column:1/-1}.user-profile-panel{gap:var(--space-md);flex-direction:column;display:flex}.profile-tabs{gap:var(--space-sm);border-bottom:1px solid var(--border);padding-bottom:var(--space-sm);display:flex}.profile-tab{border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;font-weight:700;display:flex;position:relative}.profile-tab:hover{color:var(--text);background:#ffffff0d}.profile-tab.is-active{background:var(--accent-glow-soft);color:var(--accent);border-color:#ff55004d}.profile-tab-badge{background:var(--accent);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;padding:1px 6px;font-size:.7rem;font-weight:800}.rewards-tab{gap:var(--space-md);flex-direction:column;display:flex}.reward-card{gap:var(--space-md);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--tier-color,#cd7f32) 35%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--tier-color,#cd7f32) 10%, transparent);background:#ffffff0a;flex-direction:column;padding:16px;transition:border-color .3s;display:flex}.reward-tier-icon{flex-shrink:0;font-size:2rem;line-height:1}.reward-tier-info{flex:1}.reward-tier-name{color:var(--tier-color,#cd7f32);font-size:1.05rem;font-weight:800;line-height:1.2}.reward-tier-sub{color:var(--text-secondary);margin-top:2px;font-size:.82rem}.reward-badge{background:var(--accent);color:#fff;border-radius:var(--radius-md);flex-shrink:0;padding:4px 10px;font-size:.9rem;font-weight:800}.reward-progress-wrap{flex-direction:column;gap:6px;display:flex}.reward-progress-label{color:var(--text-secondary);justify-content:space-between;font-size:.82rem;display:flex}.reward-progress-bar{border-radius:var(--radius-full);background:#ffffff14;height:8px;overflow:hidden}.reward-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .6s}.reward-progress-hint{color:var(--text-muted);text-align:center;font-size:.8rem}.reward-tiers-list{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;flex-direction:column;gap:6px;padding:12px;display:flex}.reward-tier-row{opacity:.45;grid-template-columns:22px 1fr auto auto;align-items:center;gap:8px;font-size:.83rem;transition:opacity .2s;display:grid}.reward-tier-row.unlocked{opacity:1}.reward-tier-row-name{font-weight:700}.reward-tier-row-req{color:var(--text-muted)}.reward-tier-row-disc{color:var(--accent);font-weight:700}.reward-tier-row-none{color:var(--text-muted)}.reward-active-discount{border-radius:var(--radius-md);color:var(--text);background:#ffd70012;border:1px solid #ffd70040;padding:12px 14px;font-size:.85rem;line-height:1.5}.appts-tab{gap:var(--space-md);flex-direction:column;display:flex}.appt-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.88rem;font-weight:800;display:flex}.appt-count{background:var(--accent);color:#fff;border-radius:var(--radius-full);padding:1px 7px;font-size:.7rem;font-weight:800}.appt-list{flex-direction:column;gap:8px;display:flex}.appt-list--past{opacity:.85}.appt-empty{color:var(--text-muted);padding:10px 0;font-size:.85rem}.appt-card{border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color var(--transition-fast);background:#ffffff0a;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.appt-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.appt-service{color:var(--text);font-size:.92rem;font-weight:700}.appt-card-meta{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:.8rem;display:flex}.appt-status{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;padding:2px 8px;font-size:.72rem;font-weight:700}.appt-status--confirmed{color:#0bc46a;background:#00c8641f;border:1px solid #00c86440}.appt-status--completed{color:#7b92ff;background:#6478ff1f;border:1px solid #6478ff40}.appt-status--cancelled{color:#f55;background:#ff3d3d1a;border:1px solid #ff3d3d38}.appt-status--no_show{color:#e68a00;background:#ffa5001a;border:1px solid #ffa50038}@media (width>=768px){.user-auth-title{font-size:1.6rem}.user-auth-panel{padding:var(--space-lg)}.user-auth-row-2col{grid-template-columns:1fr 1fr}}.hero{width:100%;height:480px;padding:var(--space-lg);padding-bottom:var(--space-2xl);background:url(/barber.png) 50%/cover no-repeat;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero-user{top:var(--space-md);right:var(--space-md);z-index:3;position:absolute}.hero-user-btn{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text);transition:transform var(--transition-fast), box-shadow var(--transition-base), background var(--transition-fast);background:#1212158c;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #00000059}.hero-user-btn svg{width:18px;height:18px;color:var(--accent);filter:drop-shadow(0 0 18px #ff550059)}.hero-user-btn:hover{background:#121215b3;box-shadow:0 12px 36px #00000073}.hero-user-btn:active{transform:scale(.98)}.hero-user-btn span{display:none}.hero-user-btn{padding:10px}@media (width>=420px){.hero-user-btn span{display:inline}.hero-user-btn{padding:10px 12px}}.hero:before{content:"";z-index:1;background:radial-gradient(circle,#07070966 0%,#070709d9 75%),linear-gradient(#0000 30%,#070709 100%);position:absolute;inset:0}.hero>*{z-index:2}.hero-logo-container{justify-content:center;align-items:center;width:100%;max-width:320px;margin:auto;display:flex}.hero-logo{object-fit:contain;filter:drop-shadow(0 0 45px #ff550073);width:100%;height:auto}.hero-badge{background:var(--accent-glow-soft);border-radius:var(--radius-full);color:var(--accent);text-transform:uppercase;letter-spacing:.5px;width:fit-content;margin-bottom:var(--space-sm);opacity:0;border:1px solid #ff6b004d;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;animation:.6s .2s forwards fadeInUp;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulseGlow}.hero-badge--closed{color:var(--danger);background:#ff3d3d1f;border-color:#ff3d3d4d}.dot--closed{background:var(--danger);animation:none}.hero-cta{bottom:var(--space-lg);z-index:50;padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:var(--space-sm);opacity:0;box-shadow:0 4px 30px var(--accent-glow);transition:transform var(--transition-base), box-shadow var(--transition-base);letter-spacing:.3px;border:none;font-size:1rem;font-weight:700;animation:3s infinite pulseGlow,.6s .6s forwards fadeInUp;display:flex;position:fixed;left:50%;transform:translate(-50%)}.hero-cta:hover{box-shadow:var(--shadow-glow-lg);transform:translate(-50%)translateY(-3px)}.hero-cta:active{transform:translate(-50%)scale(.97)}.hero-cta svg{width:18px;height:18px}.hero-stats{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);opacity:0;animation:.6s .5s forwards fadeInUp;display:flex}.hero-rating{color:var(--text-secondary);align-items:center;gap:4px;font-size:.85rem;display:flex}.hero-rating svg{color:#ffb300;width:14px;height:14px}.hero-rating strong{color:var(--text);font-weight:600}.pills-nav{z-index:40;background:var(--bg-dark);padding:var(--space-md) 0;position:sticky;top:0}.pills-scroll{gap:var(--space-sm);padding:0 var(--space-md);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.pills-scroll::-webkit-scrollbar{display:none}.pill{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;flex-shrink:0;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.pill:before{content:"";background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-full);position:absolute;inset:0}.pill:hover{color:var(--text);border-color:var(--accent)}.pill.active{color:#fff;border-color:#0000;font-weight:600}.pill.active:before{opacity:1}.pill span{z-index:1;position:relative}.tab-content{padding-bottom:100px;animation:.3s fadeIn}.services-section{padding:var(--space-lg) var(--space-md)}.category-group{margin-bottom:var(--space-xl)}.category-title{font-family:var(--font-heading);color:var(--text);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:1.2rem;font-weight:700;display:flex}.category-title:before{content:"";background:var(--accent);border-radius:var(--radius-full);width:3px;height:20px}.service-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-sm);transition:all var(--transition-base);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.service-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 4px 20px #ff6b001a}.service-info{flex:1;min-width:0}.service-name{color:var(--text);margin-bottom:2px;font-size:.95rem;font-weight:600}.service-duration{color:var(--text-muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.service-duration svg{width:12px;height:12px}.service-book-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;flex-shrink:0;padding:8px 16px;font-size:.85rem;font-weight:600}.service-book-btn:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}.service-book-btn:active{transform:scale(.97)}.offer-badge{color:#fff;border-radius:var(--radius-full);vertical-align:middle;background:linear-gradient(135deg,#ff6b00,#ff3d00);margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:700;animation:2s infinite pulseGlow;display:inline-block}.price-original-sm{opacity:.6;font-size:.75rem;font-weight:400;text-decoration:line-through}.reviews-section{padding:var(--space-lg) var(--space-md)}.reviews-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.reviews-summary{align-items:center;gap:var(--space-md);display:flex}.reviews-avg{font-family:var(--font-heading);color:var(--text);font-size:2.5rem;font-weight:800;line-height:1}.reviews-avg-detail{flex-direction:column;display:flex}.reviews-stars{gap:2px;display:flex}.reviews-stars svg{color:#ffb300;width:16px;height:16px}.reviews-stars svg.empty{color:var(--text-dim)}.reviews-count{color:var(--text-muted);margin-top:2px;font-size:.8rem}.review-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);transition:all var(--transition-base)}.review-card:hover{border-color:var(--border-accent)}.review-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.review-author{align-items:center;gap:var(--space-sm);display:flex}.review-avatar{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.review-name{color:var(--text);font-size:.9rem;font-weight:600}.review-date{color:var(--text-dim);font-size:.75rem}.review-rating{gap:2px;display:flex}.review-rating svg{color:#ffb300;width:14px;height:14px}.review-rating svg.empty{color:var(--text-dim)}.review-comment{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.review-form{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.review-form h3{margin-bottom:var(--space-md);font-size:1rem}.star-input{gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.star-input button{cursor:pointer;background:0 0;padding:4px}.star-input svg{width:28px;height:28px;color:var(--text-dim);transition:color var(--transition-fast), transform var(--transition-fast)}.star-input svg.filled{color:#ffb300}.star-input button:hover svg{transform:scale(1.2)}.gallery-section{padding:var(--space-lg) var(--space-md)}.gallery-title{font-family:var(--font-heading);color:var(--text);margin-bottom:var(--space-md);font-size:1.2rem;font-weight:700}.gallery-grid{columns:2;column-gap:var(--space-sm)}.gallery-item{break-inside:avoid;margin-bottom:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-base);position:relative;overflow:hidden}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{width:100%;transition:filter var(--transition-base);display:block}.gallery-item:hover img{filter:brightness(1.1)}.gallery-item-overlay{opacity:0;transition:opacity var(--transition-base);padding:var(--space-sm);background:linear-gradient(#0000 50%,#00000080 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.lightbox{z-index:200;cursor:pointer;background:#000000f2;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:var(--radius-md);max-width:95vw;max-height:90vh;animation:.3s scaleIn}.lightbox-close{top:var(--space-md);right:var(--space-md);color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute}.lightbox-close:hover{background:#fff3}.info-section{padding:var(--space-lg) var(--space-md)}.info-block{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:border-color var(--transition-base)}.info-block:hover{border-color:var(--border-accent)}.info-block-title{font-family:var(--font-heading);color:var(--text);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:700;display:flex}.info-block-title svg{width:18px;height:18px;color:var(--accent)}.hours-table{border-collapse:collapse;width:100%}.hours-table tr{border-bottom:1px solid var(--border)}.hours-table tr:last-child{border-bottom:none}.hours-table td{padding:var(--space-sm) 0;font-size:.9rem}.hours-table .day{color:var(--text-secondary);font-weight:500}.hours-table .time{text-align:right;color:var(--text);font-weight:600}.hours-table .closed{color:var(--danger)}.hours-table .today{color:var(--accent);font-weight:700}.contact-links{gap:var(--space-sm);flex-direction:column;display:flex}.contact-link{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none;display:flex}.contact-link:hover{color:var(--accent)}.contact-link svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}.map-container{border-radius:var(--radius-md);width:100%;height:200px;margin-top:var(--space-sm);border:1px solid var(--border);overflow:hidden}.map-container iframe{filter:grayscale(.5)brightness(.8);width:100%;height:100%;transition:filter var(--transition-base);border:none}.map-container:hover iframe{filter:grayscale(0)brightness()}.social-links{gap:var(--space-md);display:flex}.social-link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-muted);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.social-link:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 4px 15px var(--accent-glow-soft);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.loading-screen{z-index:9999;background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-screen__logo-wrap{justify-content:center;align-items:center;width:200px;margin-bottom:2.5rem;display:flex}.loading-screen__logo{object-fit:contain;width:100%;height:auto}.loading-screen__dots{gap:.8rem;display:flex}.loading-screen__dot{background-color:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite dotPulse}.loading-screen__dot:nth-child(2){animation-delay:.2s}.loading-screen__dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.booking-page{background:var(--bg-dark);min-height:100vh}.booking-header{align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border);background:var(--bg-dark);z-index:10;display:flex;position:sticky;top:0}.booking-back{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.booking-back:hover{border-color:var(--accent);color:var(--accent)}.booking-header h2{font-size:1.1rem;font-weight:600}.booking-body{padding:var(--space-lg) var(--space-md);max-width:480px;margin:0 auto}.booking-steps{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.step-dot{background:var(--bg-elevated);width:10px;height:10px;transition:all var(--transition-base);border-radius:50%}.step-dot.active{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.step-dot.done{background:var(--success)}.step-line{background:var(--bg-elevated);width:40px;height:2px;transition:background var(--transition-base)}.step-line.done{background:var(--accent)}.booking-service-summary{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.booking-service-name{font-size:.95rem;font-weight:600}.booking-service-meta{color:var(--text-muted);margin-top:2px;font-size:.8rem}.booking-service-price{font-family:var(--font-heading);color:var(--accent);font-size:1.3rem;font-weight:700}.date-picker{margin-bottom:var(--space-lg)}.date-picker h3{margin-bottom:var(--space-md);color:var(--text);font-size:1rem;font-weight:600}.date-grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.date-btn{padding:var(--space-md) var(--space-sm);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:center}.date-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.date-btn.selected{border-color:var(--accent);background:var(--accent-glow-soft);color:var(--accent)}.date-btn:disabled{opacity:.3;cursor:not-allowed}.date-btn .day-name{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:2px;font-size:.7rem}.date-btn .day-num{font-size:1.1rem;font-weight:700}.date-btn.selected .day-name{color:var(--accent)}.time-slots{margin-bottom:var(--space-lg)}.time-slots h3{margin-bottom:var(--space-md);color:var(--text);font-size:1rem;font-weight:600}.time-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.time-btn{padding:var(--space-md);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:.9rem;font-weight:500}.time-btn:hover{border-color:var(--accent);color:var(--text)}.time-btn.selected{border-color:var(--accent);background:var(--accent-glow-soft);color:var(--accent);font-weight:600}.no-slots{text-align:center;padding:var(--space-xl);color:var(--text-muted);font-size:.9rem}.client-form{margin-bottom:var(--space-lg)}.booking-confirm{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.confirm-row{padding:var(--space-sm) 0;border-bottom:1px solid var(--border);justify-content:space-between;display:flex}.confirm-row:last-child{border-bottom:none}.confirm-label{color:var(--text-muted);font-size:.85rem}.confirm-value{color:var(--text);font-size:.9rem;font-weight:600}.booking-success{text-align:center;padding:var(--space-3xl) var(--space-lg);animation:.5s scaleIn}.success-icon{background:linear-gradient(135deg, var(--success), #009940);width:80px;height:80px;margin:0 auto var(--space-lg);border-radius:50%;justify-content:center;align-items:center;animation:2s infinite pulseGlow;display:flex}.success-icon svg{color:#fff;width:40px;height:40px}.booking-success h2{margin-bottom:var(--space-sm);font-size:1.5rem}.booking-success p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.auth-mode-chooser{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.auth-mode-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;color:var(--text);margin-top:10px;position:relative}.auth-mode-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.auth-mode-card--accent{border-color:var(--accent);background:var(--accent-glow-soft);box-shadow:0 0 15px var(--accent-glow)}.auth-mode-badge{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;border-radius:var(--radius-full);box-shadow:0 4px 10px var(--accent-glow);letter-spacing:.5px;padding:4px 10px;font-size:.7rem;font-weight:800;animation:2s infinite pulseGlow;position:absolute;top:-12px;right:16px}.auth-mode-icon{margin-bottom:var(--space-sm);font-size:1.6rem}.auth-mode-title{margin-bottom:4px;font-size:1rem;font-weight:700}.auth-mode-desc{color:var(--text-muted);font-size:.8rem}.auth-logged-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-md);align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.auth-logged-avatar{background:var(--accent);color:#000;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:.9rem;font-weight:700;display:flex}.auth-logged-info{flex:1;min-width:0}.auth-logged-name{font-size:.95rem;font-weight:600}.auth-logged-email,.auth-logged-phone{color:var(--text-muted);font-size:.8rem}.auth-logout-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-logout-btn:hover{border-color:var(--danger);color:var(--danger);background:#ff3d3d14}.auth-error{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--danger);margin-top:var(--space-sm);background:#ff3d3d1a;border:1px solid #ff3d3d4d;font-size:.85rem}.auth-switch-links{align-items:center;gap:var(--space-xs);margin-top:var(--space-md);flex-direction:column;display:flex}.auth-switch-link{color:var(--accent);cursor:pointer;padding:var(--space-xs);transition:opacity var(--transition-fast);background:0 0;border:none;font-size:.85rem}.auth-switch-link:hover{opacity:.8;text-decoration:underline}.form-row-2col{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.offer-badge-inline{color:#fff;border-radius:var(--radius-full);vertical-align:middle;background:linear-gradient(135deg,#ff6b00,#ff3d00);margin-left:8px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.price-original{opacity:.5;margin-right:6px;font-size:.85rem;font-weight:400;text-decoration:line-through}.price-discounted{color:var(--accent);font-weight:700}.admin-login{background:var(--bg-dark);min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.login-card{background:var(--glass-bg);width:100%;max-width:400px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);animation:.5s scaleIn}.login-logo{text-align:center;margin-bottom:var(--space-xl)}.login-logo h1{font-family:var(--font-heading);font-size:1.8rem;font-weight:800}.login-logo h1 span{color:var(--accent)}.login-logo p{color:var(--text-muted);margin-top:var(--space-xs);font-size:.9rem}.login-error{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--danger);margin-bottom:var(--space-md);background:#ff3d3d1a;border:1px solid #ff3d3d4d;font-size:.85rem;animation:.2s fadeIn}.admin-dashboard{background:var(--bg-dark);min-height:100vh}.admin-top-bar{padding:var(--space-md);border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;display:flex}.admin-top-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.admin-top-title span{color:var(--accent)}.admin-tabs{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{padding:var(--space-sm) var(--space-md);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #0000;flex-shrink:0;font-size:.85rem;font-weight:500}.admin-tab:hover{color:var(--text);background:var(--bg-card)}.admin-tab.active{color:var(--accent);background:var(--accent-glow-soft);border-color:#ff6b0033}.admin-body{padding:var(--space-md);max-width:800px;margin:0 auto}@media (width<=768px){.admin-tabs{background:var(--bg-surface);z-index:1000;padding:var(--space-sm) var(--space-sm);border-top:1px solid var(--border);border-bottom:none;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000080}.admin-tab{text-align:center;padding:var(--space-md) var(--space-sm);flex:1}.admin-body{padding-bottom:80px}}.stats-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:after{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card--accent:after{background:var(--accent)}.stat-card--warning:after{background:var(--warning)}.stat-card--success:after{background:var(--success)}.stat-card--money:after{background:linear-gradient(90deg, var(--accent), gold)}.stat-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.stat-icon{margin-bottom:var(--space-xs);font-size:1.2rem}.stat-value{font-family:var(--font-heading);color:var(--text);font-size:1.5rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.75rem}.panel-section-title{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.panel-section-title span:first-child{font-family:var(--font-heading);color:var(--text-secondary);font-size:.95rem;font-weight:600}.panel-section-count{background:var(--accent-glow-soft);color:var(--accent);border-radius:var(--radius-full);padding:2px 10px;font-size:.8rem;font-weight:700}.appt-card-compact{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-xs);transition:all var(--transition-fast);display:flex}.appt-card-compact:hover{border-color:var(--border-accent);background:var(--bg-elevated)}.appt-compact-left{flex-shrink:0}.appt-compact-left .appt-time{font-family:var(--font-heading);color:var(--accent);font-size:.95rem;font-weight:700}.appt-compact-center{flex:1;min-width:0}.appt-compact-center .appt-client{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.appt-compact-center .appt-service{color:var(--text-muted);font-size:.8rem}.appt-compact-actions{flex-shrink:0;gap:4px;display:flex}.week-stats-bar{gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.week-stats-item{flex-direction:column;flex:1;display:flex}.week-stats-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.week-stats-value{font-family:var(--font-heading);color:var(--text);font-size:1.05rem;font-weight:700}.weekly-grid{gap:var(--space-sm);margin-top:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(7,1fr);display:grid}@media (width<=768px){.weekly-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.weekly-grid{grid-template-columns:1fr}}.weekly-day-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);min-height:120px;transition:all var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.weekly-day-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.weekly-day-card.is-today{border-color:var(--accent);box-shadow:0 0 10px #ff6b001a}.weekly-day-card.is-selected{outline:2px solid var(--text);outline-offset:-2px}.weekly-day-header{border-bottom:1px solid var(--border);background:#0003;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.weekly-day-card.is-today .weekly-day-header{background:#ff6b0026}.weekly-day-name{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.weekly-day-card.is-today .weekly-day-name{color:var(--accent)}.weekly-day-num{font-family:var(--font-heading);color:var(--text);font-size:1.1rem;font-weight:800}.weekly-day-card.is-today .weekly-day-num{color:var(--accent)}.weekly-day-body{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex}.weekly-empty{text-align:center;color:var(--text-dim);margin-top:auto;margin-bottom:auto;font-size:.8rem}.weekly-appt-micro{border-left:2px solid var(--text-dim);background:#ffffff08;border-radius:4px;flex-direction:column;padding:4px 6px;font-size:.75rem;display:flex}.weekly-appt-micro.confirmed{border-left-color:var(--accent);background:#ff6b000d}.weekly-appt-micro.completed{border-left-color:var(--success);background:#00c8530d}.weekly-appt-micro.cancelled{border-left-color:var(--danger);opacity:.5;text-decoration:line-through}.weekly-appt-time{color:var(--text-secondary);font-size:.7rem;font-weight:700}.weekly-appt-client{white-space:nowrap;text-overflow:ellipsis;color:var(--text);overflow:hidden}.btn-icon{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.9rem;display:flex}.btn-icon:hover{transform:scale(1.1)}.btn-icon--success{color:var(--success);background:#00c8531a}.btn-icon--success:hover{background:#00c85333;border-color:#00c8534d}.btn-icon--danger{color:var(--danger);background:#ff3d3d1a}.btn-icon--danger:hover{background:#ff3d3d33;border-color:#ff3d3d4d}.btn-icon--muted{color:var(--text-dim)}.btn-icon--muted:hover{color:var(--text);background:var(--bg-elevated)}.agenda-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.agenda-date-nav{align-items:center;gap:var(--space-sm);display:flex}.agenda-date-nav button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.agenda-date-nav button:hover{border-color:var(--accent);color:var(--accent)}.agenda-date{font-family:var(--font-heading);text-align:center;min-width:160px;font-size:1rem;font-weight:600}.appt-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-sm);transition:all var(--transition-base)}.appt-card:hover{border-color:var(--border-accent)}.appt-card-top{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.appt-time{font-family:var(--font-heading);color:var(--accent);font-size:1rem;font-weight:700}.appt-client{color:var(--text);font-size:.95rem;font-weight:600}.appt-service{color:var(--text-muted);font-size:.85rem}.appt-phone{color:var(--text-dim);font-size:.8rem}.appt-actions{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.appt-card.cancelled{opacity:.5;border-left:3px solid var(--danger)}.appt-card.completed{border-left:3px solid var(--success)}.block-form{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.block-form h3{margin-bottom:var(--space-md);font-size:1rem}.form-group{margin-bottom:var(--space-md)}.form-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.block-list{margin-top:var(--space-lg)}.block-item{padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.block-item-info{font-size:.9rem}.block-item-date{color:var(--text);font-weight:600}.block-item-time{color:var(--text-muted);font-size:.8rem}.block-item-reason{color:var(--text-dim);font-size:.8rem;font-style:italic}.settings-container{gap:var(--space-md);flex-direction:column;display:flex}.settings-grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=600px){.settings-grid{grid-template-columns:1fr 1fr}}.settings-card{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;color:var(--text);display:flex}.settings-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.settings-card-icon{background:var(--bg-card);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;display:flex}.settings-card-content{flex:1;min-width:0}.settings-card-title{margin-bottom:2px;font-size:.95rem;font-weight:700}.settings-card-desc{color:var(--text-muted);font-size:.8rem;line-height:1.3}.settings-card-chevron{color:var(--text-dim);transition:transform var(--transition-fast);flex-shrink:0;font-size:1.6rem}.settings-card:hover .settings-card-chevron{color:var(--accent);transform:translate(3px)}.settings-subview{width:100%}.settings-back-btn{align-items:center;gap:var(--space-xs);color:var(--accent);cursor:pointer;padding:var(--space-xs) 0;margin-bottom:var(--space-md);transition:opacity var(--transition-fast);background:0 0;border:none;font-size:.85rem;font-weight:500;display:inline-flex}.settings-back-btn:hover{opacity:.8}.settings-subview-title{font-family:var(--font-heading);margin-bottom:var(--space-lg);color:var(--text);font-size:1.15rem;font-weight:700}.settings-subview-body{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.schedule-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);display:flex}.schedule-row:last-of-type{border-bottom:none}.schedule-row.closed{opacity:.5}.schedule-day{min-width:80px;color:var(--text);font-size:.9rem;font-weight:600}.schedule-times{align-items:center;gap:var(--space-xs);flex:1;display:flex}.schedule-separator{color:var(--text-dim);font-size:.8rem}.schedule-closed-label{color:var(--text-dim);flex:1;font-size:.85rem;font-style:italic}.toggle-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);transition:all var(--transition-base);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-dim);width:16px;height:16px;transition:all var(--transition-base);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.toggle-switch input:checked+.toggle-slider{background:var(--accent-glow-soft);border-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);left:calc(100% - 19px)}.service-category-block{margin-bottom:var(--space-md)}.service-category-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.service-category-header h4{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.service-edit-row{align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;border-bottom:1px solid #ffffff08;display:flex}.service-edit-row:last-child{border-bottom:none}.service-edit-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;overflow:hidden}.service-edit-meta{color:var(--text-dim);flex-shrink:0;font-size:.8rem}.service-edit-price{font-family:var(--font-heading);color:var(--accent);text-align:right;flex-shrink:0;min-width:55px;font-size:.88rem;font-weight:700}.settings-mini-form{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.settings-mini-form h4{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.85rem}.input-sm{padding:var(--space-sm) var(--space-sm);font-size:.85rem}.input-narrow{max-width:80px}.offers-list{margin-bottom:var(--space-md)}.offer-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);transition:all var(--transition-fast)}.offer-card:hover{border-color:var(--border-accent)}.offer-card.inactive{opacity:.5}.offer-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.offer-title{color:var(--text);margin-bottom:2px;font-size:.95rem;font-weight:700}.offer-desc{color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.8rem}.offer-meta{gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-bottom:4px;display:flex}.offer-service{color:var(--text-dim);font-size:.8rem}.offer-dates{color:var(--text-dim);font-size:.75rem}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-md);color:var(--text-muted)}.empty-state svg{width:48px;height:48px;color:var(--text-dim);margin-bottom:var(--space-md)}.empty-state p{font-size:.9rem}.client-card-left,.client-card-right{align-items:center;gap:var(--space-md);display:flex}.client-loyalty-badge{background:rgba(var(--accent-rgb,201, 143, 85), .15);color:var(--accent);border:1px solid rgba(var(--accent-rgb,201, 143, 85), .3);white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:.8rem;font-weight:600}.client-loyalty-tab{animation:.3s fadeIn}.loyalty-header{text-align:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-lg)}.loyalty-points-big{color:var(--accent);text-shadow:0 0 20px rgba(var(--accent-rgb,201, 143, 85), .2);font-size:3rem;font-weight:700;line-height:1}.loyalty-points-big span{color:var(--text-muted);font-size:1.2rem;font-weight:500}.loyalty-desc{color:var(--text-muted);margin-top:var(--space-sm);font-size:.9rem}.loyalty-rewards-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.loyalty-reward-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;transition:transform .2s,border-color .2s;display:flex}.loyalty-reward-card:hover{border-color:rgba(var(--accent-rgb,201, 143, 85), .5);transform:translateY(-2px)}.reward-info h4{color:var(--text);margin:0 0 4px;font-size:1.1rem}.reward-info p{color:var(--text-muted);margin:0;font-size:.85rem}.reward-progress{align-items:center;gap:var(--space-sm);display:flex}.progress-bar-bg{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.progress-bar-fill{background:linear-gradient(90deg, var(--accent) 0%, rgba(var(--accent-rgb,201, 143, 85), .7) 100%);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-text{color:var(--text);text-align:right;min-width:45px;font-size:.85rem;font-weight:600}.reward-btn{width:100%;margin-top:auto;padding:10px;font-size:.95rem}.reward-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.loyalty-history h4{margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);color:var(--text);font-size:1.1rem}.loyalty-history-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);border:1px solid #0000;transition:border-color .2s;display:flex}.loyalty-history-item:hover{border-color:var(--border)}.history-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.history-details{flex:1}.history-note{color:var(--text);margin-bottom:2px;font-weight:500}.history-date{color:var(--text-muted);font-size:.8rem}.history-points{color:#ef4444;font-size:1.1rem;font-weight:700}.admin-calendar-wrapper{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);flex-direction:row;height:80vh;min-height:600px;display:flex;overflow:hidden}.ac-sidebar{background-color:var(--bg-color);border-right:1px solid var(--border-color);flex-direction:column;width:320px;padding:24px;display:flex}.ac-main-content{flex-direction:column;flex:1;min-width:0;display:flex}.ac-mini-header{color:var(--text-color);justify-content:space-between;align-items:center;margin-bottom:24px;font-size:1.1rem;font-weight:700;display:flex}.ac-mini-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.ac-mini-day-name{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;font-weight:600}.ac-mini-day{aspect-ratio:1;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.ac-mini-day:not(.empty):hover{background-color:#ffffff1a}.ac-mini-day.today{color:#ff6b00;background-color:#ff6b0026;border:2px solid #ff6b00;font-weight:800}.ac-mini-day.today:hover{background-color:#ff6b0040}.ac-mini-day.selected{background-color:var(--text-color);color:var(--bg-color);border:none;font-weight:700}.ac-mini-day.today.selected{color:#fff;background-color:#ff6b00;border:none}.ac-mini-day.today.selected:hover{background-color:#e66000!important}.ac-mini-day.empty{cursor:default}.ac-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:10;justify-content:flex-end;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.ac-current-date{color:var(--text-color);font-size:1.1rem;font-weight:600}.ac-nav-btn{background:var(--surface-bg,#ffffff0d);width:36px;height:36px;color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.ac-nav-btn:hover{background:var(--hover-bg,#ffffff1a)}.ac-today-btn{margin-left:12px;margin-right:-12px;color:#ff6b00!important;background-color:#ff6b0026!important;border:1px solid #ff6b004d!important}.ac-today-btn:hover{background-color:#ff6b0040!important}.ac-body{background-color:var(--bg-color);flex:1;display:flex;position:relative;overflow-y:auto}.ac-time-labels{border-right:1px solid var(--border-color);background-color:var(--card-bg);z-index:5;flex-direction:column;flex:0 0 60px;display:flex;position:sticky;left:0}.ac-time-label{color:var(--text-muted);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:flex-start;padding-top:8px;font-size:.85rem;display:flex}.ac-timeline-container{flex:1;min-width:600px;position:relative}.timeline-grid{width:100%;min-height:100%;position:relative}.timeline-hour-row{border-top:1px solid var(--border-color);box-sizing:border-box;cursor:pointer;flex-shrink:0;width:100%;position:relative}.timeline-hour-row:hover{background-color:#ffffff05}.timeline-slot{border-top:1px dashed var(--border-color);opacity:.3;width:100%;height:25%;transition:background-color .1s;position:absolute}.timeline-slot:hover{background-color:var(--hover-bg,#ffffff0d);opacity:1}.slot-0{border-top:none;top:0}.slot-15{top:25%}.slot-30{top:50%}.slot-45{top:75%}.ac-event{box-sizing:border-box;cursor:pointer;z-index:2;border:1px solid #0000;border-radius:8px;font-size:.85rem;transition:transform .2s,filter .2s;position:absolute;left:10px;right:10px;overflow:hidden}.ac-event:hover{filter:brightness(1.2);z-index:3}.ac-event-content{flex-direction:column;height:100%;display:flex}.ac-event-header{background-color:#0000004d;justify-content:flex-start;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:700;display:flex}.ac-event-header .ac-event-time{white-space:nowrap;margin-right:8px}.ac-event-body{color:var(--text-color);flex-direction:column;padding:2px 8px;font-size:.8rem;display:flex;overflow:hidden}.ac-event-client-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;overflow:hidden}.ac-event-service{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);font-size:.75rem;overflow:hidden}.ac-block{color:var(--danger-color,#ff5757);background:repeating-linear-gradient(45deg,#ff57570d,#ff57570d 10px,#ff575705 10px 20px);border-color:#ff575733}.ac-appt-pending{border-left:4px solid var(--warning-color,#f0a500);background-color:#f0a50033}.ac-appt-confirmed{border-left:4px solid var(--accent-color);color:var(--text-color);background-color:#ff6b0033}.ac-appt-completed{border-left:4px solid var(--success-color,#00c853);color:var(--text-color);background-color:#00c85326}.ac-appt-cancelled{border-left:4px solid var(--text-muted);color:var(--text-muted);opacity:.6;background-color:#ffffff0d;text-decoration:line-through}.ac-event-title,.ac-event-client{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ac-event-header{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.ac-event-time{opacity:.8;margin-right:8px;font-size:.75rem}.ac-event-body{opacity:.9;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.ac-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ac-modal-content{background-color:var(--bg-color);border:1px solid #fff3;border-radius:12px;width:95%;max-width:900px;padding:0;animation:.3s slideUp;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 10px 40px #000c}.ac-modal-header-top{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 56px 16px 24px;display:flex}.ac-modal-header-top h2{margin:0;font-size:1.4rem;font-weight:700}.ac-modal-header-top p{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.ac-modal-body{max-height:80vh;padding:24px;overflow-y:auto}.ac-modal-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.ac-modal-cols{grid-template-columns:1fr}}.ac-form-section{border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.ac-form-section-title{color:#fff;text-align:center;letter-spacing:1px;background-color:#000;padding:12px;font-size:.85rem;font-weight:700}.ac-form-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.ac-form-row:last-child{border-bottom:none}.ac-form-label{flex:1;font-size:.95rem;font-weight:600}.ac-form-input{background:var(--bg-color);border:1px solid var(--border-color);text-align:left;color:var(--text-color);border-radius:6px;outline:none;flex:2;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.ac-form-input:focus{border-color:var(--accent)}.ac-form-input::placeholder{color:var(--text-muted)}.ac-form-input option{background-color:var(--bg-color);color:var(--text-color)}.btn-modal-save{background-color:var(--text-muted);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 32px;font-weight:600;transition:background .2s}.btn-modal-save:hover{background-color:var(--text-color);color:var(--bg-color)}.ac-modal-sm{max-width:450px}.ac-modal-close{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;z-index:100;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.ac-modal-close:hover{color:var(--text-color);background:#ffffff26}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.admin-calendar-wrapper{height:auto;min-height:unset;flex-direction:column}.ac-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;padding:16px}.ac-main-content{height:600px;min-height:600px}}.clients-container{padding:0}.clients-search-bar{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.clients-search-bar .input{flex:1}.clients-list{gap:var(--space-sm);flex-direction:column;display:flex}.client-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);align-items:center;gap:var(--space-md);cursor:pointer;transition:all var(--transition-base);display:flex}.client-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.client-avatar{border:2px solid var(--border);width:48px;height:48px;color:var(--text);text-transform:uppercase;background:#1a1a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.client-card-info{flex:1;min-width:0}.client-card-name{color:var(--text);font-size:.95rem;font-weight:600}.client-card-meta{color:var(--text-muted);margin-top:2px;font-size:.8rem}.client-card-stats{text-align:right;flex-shrink:0}.client-card-appts{color:var(--text);font-size:.85rem;font-weight:600}.client-card-appts-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.client-detail{animation:.3s fadeIn}.client-detail-back{align-items:center;gap:var(--space-sm);color:var(--text);cursor:pointer;margin-bottom:var(--space-lg);transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:1.05rem;font-weight:600;display:flex}.client-detail-back:hover{color:var(--accent)}.client-detail-back svg{width:20px;height:20px}.client-detail-layout{gap:var(--space-lg);grid-template-columns:320px 1fr;align-items:start;display:grid}@media (width<=768px){.client-detail-layout{grid-template-columns:1fr}}.client-profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center}.client-profile-avatar{border:2px solid var(--border);width:64px;height:64px;color:var(--text);margin:0 auto var(--space-md);text-transform:uppercase;background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.client-profile-name{margin-bottom:var(--space-md);font-size:1.1rem;font-weight:700}.client-contact-icons{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.client-contact-icon{border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all var(--transition-fast);background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;display:flex}.client-contact-icon:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.client-history-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-md)}.client-history-title{text-align:center;margin-bottom:2px;font-size:.95rem;font-weight:700}.client-history-subtitle{color:var(--text-muted);margin-bottom:var(--space-md);text-align:center;font-size:.75rem}.client-stat-total{border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;margin-bottom:var(--space-md);background:#1a1a1a}.client-stat-total-label{text-transform:uppercase;letter-spacing:1px;color:var(--text);font-size:.7rem;font-weight:700}.client-stat-total-value{color:var(--text);margin-top:4px;font-size:2rem;font-weight:800;line-height:1}.client-stats-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.client-stat-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);text-align:center}.client-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px;font-size:.65rem}.client-stat-value{color:var(--text);font-size:1.2rem;font-weight:700}.client-stat-freq{grid-column:1/-1}.client-right-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.client-tab-bar{border-bottom:1px solid var(--border);display:flex}.client-tab-btn{padding:var(--space-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:.9rem;font-weight:500}.client-tab-btn.active{color:var(--text);border-bottom-color:var(--text)}.client-sub-tab-bar{border-bottom:1px solid var(--border);display:flex}.client-sub-tab-btn{padding:var(--space-sm) var(--space-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:.85rem;font-weight:500}.client-sub-tab-btn.active{color:var(--text);border-bottom-color:var(--text)}.client-appt-list{padding:var(--space-md);max-height:400px;overflow-y:auto}.client-appt-empty{text-align:center;color:var(--text-muted);padding:var(--space-xl);font-size:.9rem}.client-appt-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);display:flex}.client-appt-item:last-child{border-bottom:none}.client-appt-date{color:var(--text-muted);min-width:80px;font-size:.8rem}.client-appt-service{flex:1;font-size:.9rem;font-weight:500}.client-appt-time{color:var(--text-secondary);font-size:.85rem}.client-appt-status{border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.client-appt-status.confirmed{color:var(--accent);background:#ffa50026}.client-appt-status.completed{color:var(--success);background:#00c85326}.client-appt-status.cancelled{color:var(--danger);background:#ff3d3d26}.client-appt-status.no_show{color:var(--text-muted);background:#80808026}.client-detail-actions{gap:var(--space-sm);margin-top:var(--space-lg);display:flex}