@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050505;--bg-soft:#0b0b0b;--bg-card:#111;--text:#fff;--text-secondary:#a1a1aa;--accent:#d6a84f;--accent-hover:#f3d98b;--accent-dark:#9c6b1f;--border:#d6a84f2e;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--nav-h:68px;--px:clamp(1.25rem, 5vw, 4rem);--py:clamp(5rem, 10vw, 7.5rem);--radius-card:18px;--max-w:1200px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}section[id]{scroll-margin-top:var(--nav-h)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--max-w);padding:0 var(--px);margin:0 auto}.section{padding:var(--py) 0}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:11px;font-weight:600;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:1rem;font-size:clamp(2rem,4vw,2.875rem);font-weight:700;line-height:1.08}.section-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.75}.btn{font-family:var(--font-body);min-height:44px;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.btn:active{transition-duration:.1s;transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.btn-primary{background:var(--accent);color:#050505;border:1px solid #0000}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline-accent{color:var(--accent);border:1px solid var(--accent);background:#d6a84f0d}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-outline:hover{background:#ffffff0a;border-color:#ffffff38}.btn-outline-accent:hover{color:var(--accent-hover);border-color:var(--accent-hover);background:#d6a84f1f;transform:translateY(-1px)}}.navbar{z-index:100;height:var(--nav-h);-webkit-backdrop-filter:blur(24px);transition:border-color .25s var(--ease-out), background-color .25s var(--ease-out);background:#050505bf;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom-color:var(--border);background:#050505eb}.navbar__inner{height:100%;max-width:var(--max-w);padding:0 var(--px);justify-content:space-between;align-items:center;gap:2rem;margin:0 auto;display:flex}.navbar__logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);flex-shrink:0;align-items:center;gap:.35rem;font-size:1.25rem;font-weight:800;display:flex}.navbar__logo-img{object-fit:contain;width:auto;height:36px;display:block}.navbar__logo-mark{background:var(--accent);color:#050505;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:inline-flex}.navbar__links{align-items:center;gap:.125rem;display:none}.navbar__links a{color:var(--text-secondary);transition:color .15s var(--ease-out);border-radius:8px;padding:.45rem .875rem;font-size:.875rem;font-weight:500}@media (hover:hover) and (pointer:fine){.navbar__links a:hover{color:var(--text)}}.navbar__actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.navbar__desktop-cta{display:none}.navbar__hamburger{border:1px solid var(--border);width:38px;height:38px;transition:border-color .15s var(--ease-out);border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:7px;display:flex}@media (hover:hover) and (pointer:fine){.navbar__hamburger:hover{border-color:#fff3}}.navbar__hamburger span{background:var(--text);width:18px;height:1.5px;transition:transform .25s var(--ease-out), opacity .2s var(--ease-out);transform-origin:50%;display:block}.navbar__hamburger--open span:first-child{transform:translateY(6.5px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.navbar__mobile{top:var(--nav-h);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:1rem var(--px) 1.75rem;z-index:99;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out), visibility 0s .22s;background:#050505f7;flex-direction:column;gap:0;display:flex;position:fixed;left:0;right:0;transform:translateY(-8px)}.navbar__mobile.navbar__mobile--open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out), visibility 0s 0s;transform:translateY(0)}.navbar__mobile a{color:var(--text-secondary);border-bottom:1px solid var(--border);transition:color .15s var(--ease-out);padding:.875rem 0;font-size:1.0625rem;font-weight:500}@media (hover:hover) and (pointer:fine){.navbar__mobile a:hover{color:var(--text)}}.navbar__mobile-cta{margin-top:1.25rem;border-bottom:none!important}.navbar__mobile-cta a,.navbar__mobile-cta button{justify-content:center;display:flex;border-bottom:none!important}@media (width>=768px){.navbar__links{display:flex}.navbar__desktop-cta{display:inline-flex}.navbar__hamburger{display:none}}.hero{min-height:auto;padding-top:var(--nav-h);align-items:center;display:flex;position:relative;overflow:hidden}.hero__glow-top{pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#d6a84f12 0%,#0000 70%);width:520px;height:520px;position:absolute;top:-15%;right:-5%}.hero__glow-bottom{pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#d6a84f08 0%,#0000 70%);width:380px;height:380px;position:absolute;bottom:-20%;left:-8%}.hero__title-glow{pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(#d6a84f0b 0%,#0000 68%);width:640px;height:420px;animation:7s ease-in-out infinite breathe;position:absolute;top:45%;left:18%;transform:translate(-50%,-50%)}@media (width>=900px){.hero__title-glow{top:50%;left:25%}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.hero__inner{width:100%;max-width:var(--max-w);padding:5rem var(--px) 4rem;flex-direction:column;gap:3rem;margin:0 auto;display:flex}.hero__content{z-index:1;position:relative}.hero__badge{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:#d6a84f12;border:1px solid #d6a84f33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.4rem .875rem;font-size:.7rem;font-weight:700;display:inline-flex}.hero__badge-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.4s ease-in-out infinite blink;box-shadow:0 0 6px #d6a84f99}.hero__title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);margin-bottom:1.5rem;font-size:clamp(3rem,10vw,5.5rem);font-weight:800;line-height:1.02}.hero__title em{color:var(--accent);font-style:normal}.hero__subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:2.5rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.75}.hero__actions{flex-wrap:wrap;align-items:center;gap:.875rem;display:flex}.hero__actions .btn{padding:.875rem 1.875rem;font-size:.9375rem}.hero__stats{border-top:1px solid var(--border);gap:2.25rem;margin-top:3rem;padding-top:2rem;display:flex}.hero__stat-number{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;font-size:1.875rem;font-weight:800;line-height:1}.hero__stat-label{color:var(--text-secondary);margin-top:.3rem;font-size:.8rem}.hero__visual{flex-shrink:0;justify-content:center;align-items:center;display:none}.hero__ring{border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative}.hero__ring:before{content:"";pointer-events:none;border:1px solid #d6a84f1f;border-radius:50%;position:absolute;inset:14px}.hero__ring-bg{background:radial-gradient(circle at 42% 38%,#d6a84f1a 0%,#050505d9 60%);border-radius:50%;position:absolute;inset:28px}.hero__ring-letter{z-index:1;font-family:var(--font-display);color:#ffffff0d;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;font-size:8rem;font-weight:800;line-height:1;position:relative}.hero__ring-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:.625rem;padding:.75rem 1.125rem;display:flex;position:absolute;bottom:24px;right:-20px;box-shadow:0 8px 32px #0006}.hero__ring-badge-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;flex-shrink:0;animation:2.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.hero__ring-badge-title{color:var(--text);font-size:.8125rem;font-weight:600;line-height:1.2}.hero__ring-badge-sub{color:var(--text-secondary);font-size:.6875rem}@media (width<=767px){.hero__inner{padding-top:3rem;padding-bottom:1.25rem}.hero__badge{margin-bottom:1.25rem}.hero__subtitle{margin-bottom:2rem}.hero__stats{margin-top:2rem;padding-top:1.25rem}}@media (width>=768px) and (width<=899px){.hero__inner{padding-top:4rem;padding-bottom:2rem}.hero__stats{margin-top:2rem;padding-top:1.25rem}}@media (width>=900px){.hero__inner{flex-direction:row;align-items:center;gap:4rem;padding-top:5rem;padding-bottom:2.5rem}.hero__content{flex:1}.hero__visual{display:flex}.hero__stats{margin-top:2rem;padding-top:1.25rem}}.barbers{background:var(--bg);padding-top:clamp(2.5rem,5vw,4rem)}.barbers__header{max-width:520px;margin-bottom:3rem}.barbers__grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=600px){.barbers__grid{grid-template-columns:repeat(2,1fr)}}.barber-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color .2s var(--ease-out), transform .22s var(--ease-out), box-shadow .22s var(--ease-out);flex-direction:column;gap:1.25rem;padding:2rem;display:flex}@media (hover:hover) and (pointer:fine){.barber-card:hover{border-color:#d6a84f38;transform:translateY(-4px);box-shadow:0 16px 48px #00000059}.barber-card:hover .barber-card__avatar{box-shadow:0 0 0 4px #d6a84f1f}}.barber-card__header{align-items:center;gap:1.125rem;display:flex}.barber-card__avatar{border:2px solid var(--accent);width:72px;height:72px;font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;transition:box-shadow .22s var(--ease-out);background:#d6a84f0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.375rem;font-weight:800;display:flex}.barber-card__name{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin-bottom:.3rem;font-size:1.25rem;font-weight:700}.barber-card__specialty{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#d6a84f14;border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.barber-card__description{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.barber-card__instagram{color:var(--text-secondary);transition:color .15s var(--ease-out);align-items:center;gap:.375rem;padding-top:.25rem;font-size:.8125rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.barber-card__instagram:hover{color:var(--accent)}}.barber-card__actions{flex-direction:column;gap:.625rem;margin-top:auto;display:flex}.barber-card__actions .btn{justify-content:center;width:100%}.services{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.services__header{max-width:460px;margin-bottom:2.75rem}.services__grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=480px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.services__grid{grid-template-columns:repeat(2,1fr)}}.service-card{background:var(--bg);border:1px solid var(--border);transition:border-color .2s var(--ease-out), transform .2s var(--ease-out);border-radius:14px;flex-direction:column;gap:.875rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--accent);transform-origin:top;width:3px;height:100%;transition:transform .25s var(--ease-out);position:absolute;top:0;left:0;transform:scaleY(0)}@media (hover:hover) and (pointer:fine){.service-card:hover{border-color:#d6a84f26;transform:translateY(-2px)}.service-card:hover:before{transform:scaleY(1)}.service-card .btn-outline:hover{background:var(--accent);color:#050505;border-color:var(--accent);transform:translateY(-1px)}}.service-card__name{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.service-card__duration{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.8125rem;display:inline-flex}.service-card__description{color:var(--text-secondary);flex:1;font-size:.875rem;line-height:1.65}.service-card__price{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;font-size:1.375rem;font-weight:800}.service-card .btn{width:100%;margin-top:.25rem;padding-top:1rem;padding-bottom:1rem}.gallery{background:var(--bg)}.gallery__header{max-width:460px;margin-bottom:2rem}.gallery__filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2.25rem;display:flex}.gallery__filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);font-size:.8125rem;font-weight:600;font-family:var(--font-body);background:0 0;border-radius:100px;padding:.5rem 1.125rem;line-height:1}@media (hover:hover) and (pointer:fine){.gallery__filter-btn:hover{color:var(--text);border-color:#fff3}}.gallery__filter-btn--active{background:var(--accent);color:#050505;border-color:var(--accent)}@media (hover:hover) and (pointer:fine){.gallery__filter-btn--active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#050505}}.gallery__grid{grid-template-columns:repeat(2,1fr);gap:.875rem;display:grid}@media (width>=640px){.gallery__grid{grid-template-columns:repeat(3,1fr)}}.gallery-item__img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.gallery-item{aspect-ratio:3/4;border:1px solid var(--border);cursor:pointer;transition:transform .22s var(--ease-out), border-color .22s var(--ease-out);animation:fadeUp .35s var(--ease-out) both;border-radius:14px;position:relative;overflow:hidden}.gallery-item:first-child{animation-delay:0s}.gallery-item:nth-child(2){animation-delay:40ms}.gallery-item:nth-child(3){animation-delay:80ms}.gallery-item:nth-child(4){animation-delay:.12s}.gallery-item:nth-child(5){animation-delay:.16s}.gallery-item:nth-child(6){animation-delay:.2s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (hover:hover) and (pointer:fine){.gallery-item:hover{border-color:#d6a84f33;transform:scale(1.025)}}.gallery-item__light{pointer-events:none;background:radial-gradient(at 50% 25%,#ffffff12 0%,#0000 62%);position:absolute;inset:0}.gallery-item__overlay{background:linear-gradient(#0000 45%,#050505e0 100%);flex-direction:column;justify-content:flex-end;padding:1rem;display:flex;position:absolute;inset:0}.gallery-item__label{font-family:var(--font-display);color:var(--text);font-size:.9375rem;font-weight:700;line-height:1.2}.gallery-item__barber{color:var(--text-secondary);margin-top:.2rem;font-size:.75rem}.gallery-item__footer{align-items:flex-end;gap:.625rem;display:flex}.gallery-item__barber-chip{width:30px;height:30px;font-family:var(--font-display);color:var(--accent);letter-spacing:-.01em;background:#d6a84f1f;border:1px solid #d6a84f40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.575rem;font-weight:800;display:flex}.how-it-works{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.how-it-works__header{max-width:460px;margin-bottom:3rem}.how-it-works__grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=480px){.how-it-works__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.how-it-works__grid{grid-template-columns:repeat(4,1fr)}}.step{flex-direction:column;gap:.75rem;display:flex}.step__number{font-family:var(--font-display);color:#d6a84f33;letter-spacing:-.04em;font-size:2.75rem;font-weight:800;line-height:1}.step__title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.step__description{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.contact{background:var(--bg)}.contact__inner{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=768px){.contact__inner{grid-template-columns:1fr 1fr;align-items:start;gap:4rem}}.contact__header{margin-bottom:2.5rem}.contact__items{flex-direction:column;gap:1.25rem;display:flex}.contact__item{align-items:flex-start;gap:1rem;display:flex}.contact__icon{width:42px;height:42px;color:var(--accent);background:#d6a84f0f;border:1px solid #d6a84f1f;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__item-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.25rem;font-size:.7rem;font-weight:700}.contact__item-value{color:var(--text);font-size:.9375rem;font-weight:500}.contact__item-value a{color:var(--accent);transition:color .15s var(--ease-out)}@media (hover:hover) and (pointer:fine){.contact__item-value a:hover{color:var(--accent-hover)}}.contact__right{flex-direction:column;gap:1.25rem;display:flex}.contact__hours{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.contact__hours-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin-bottom:1rem;font-size:.9375rem;font-weight:700}.contact__hours-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.625rem 0;font-size:.875rem;display:flex}.contact__hours-row:last-child{border-bottom:none}.contact__hours-day{color:var(--text-secondary)}.contact__hours-time{color:var(--text);font-weight:500}.contact__hours-time--closed{color:var(--text-secondary)}.contact__cta-btn{width:100%}.contact__social-links{gap:.75rem;display:flex}.contact__social-link{width:100%;color:var(--text-secondary);border:1px solid var(--border);transition:color .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:flex}@media (hover:hover) and (pointer:fine){.contact__social-link:hover{color:var(--text);border-color:#d6a84f66}}.footer{background:var(--bg-card);border-top:1px solid var(--border);padding:2.25rem 0}.footer__inner{max-width:var(--max-w);padding:0 var(--px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin:0 auto;display:flex}.footer__logo{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;align-items:center;gap:.3rem;font-size:1.0625rem;font-weight:800;display:flex}.footer__logo-img{object-fit:contain;width:auto;height:28px;display:block}.footer__logo-mark{background:var(--accent);color:#050505;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:inline-flex}.footer__copy-group{flex-direction:column;gap:.25rem;display:flex}.footer__copy{color:var(--text-secondary);font-size:.8125rem}.footer__links{align-items:center;gap:1.25rem;display:flex}.footer__links a{color:var(--text-secondary);transition:color .15s var(--ease-out);font-size:.8125rem}@media (hover:hover) and (pointer:fine){.footer__links a:hover{color:var(--text)}}.footer__staff-link{color:#ffffff2e!important}@media (hover:hover) and (pointer:fine){.footer__staff-link:hover{color:var(--text-secondary)!important}}@media (width<=600px){.footer__inner{text-align:center;flex-direction:column}.footer__logo{justify-content:center}}.footer__credit-bar{border-top:1px solid var(--border);justify-content:center;margin-top:1.25rem;padding-top:1.25rem;display:flex}.footer__credit-link{white-space:nowrap;justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.footer__credit-link:hover .footer__credit-text{color:#fffffff2}.footer__credit-link:hover .footer__credit-logo{opacity:1}}.footer__credit-text{color:#ffffffc2;white-space:nowrap;font-size:.66rem;font-weight:500;line-height:1}.footer__credit-logo{object-fit:contain;filter:brightness(0)invert();opacity:.82;flex-shrink:0;width:65px;height:auto;display:block}@media (width<=600px){.footer__credit-logo{width:60px}}@keyframes booking-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.booking-overlay{z-index:200;background:var(--bg);animation:booking-in .26s var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.booking-shell{flex-direction:column;width:100%;max-width:560px;height:100%;margin:0 auto;display:flex}.booking-header{padding:1.125rem var(--px);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.booking-logo{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:800;display:flex}.booking-logo-mark{background:var(--accent);color:#050505;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:inline-flex}.booking-logo-img{object-fit:contain;border-radius:4px;flex-shrink:0;width:auto;height:34px;display:block}.booking-logo-name{font-size:.9375rem}.booking-close{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);transition:color .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.booking-close:hover{color:var(--text);border-color:#fff3}}.booking-progress{padding:.875rem var(--px);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:1rem;display:flex;position:relative}.booking-progress:after{content:"";height:2px;width:var(--booking-progress,0%);background:linear-gradient(to right, var(--accent-dark), var(--accent));transition:width .35s var(--ease-out);border-radius:0 2px 2px 0;position:absolute;bottom:0;left:0}.booking-dots{align-items:center;gap:6px;display:flex}.booking-dot{width:6px;height:6px;transition:background-color .2s var(--ease-out), width .2s var(--ease-out), border-radius .2s var(--ease-out);background:#ffffff1f;border-radius:50%}.booking-dot--done{background:#d6a84f66}.booking-dot--active{background:var(--accent);border-radius:3px;width:20px}.booking-step-label{color:var(--text-secondary);letter-spacing:.04em;font-size:.75rem;font-weight:600}.booking-content{padding:0 var(--px);overscroll-behavior:contain;flex:1;overflow-y:auto}@keyframes step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.booking-step-anim{animation:step-in .22s var(--ease-out) both;padding:2rem 0 2.5rem}.booking-step{flex-direction:column;gap:.375rem;padding-bottom:1.5rem;display:flex}.booking-step-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin-bottom:.125rem;font-size:1.375rem;font-weight:700}.booking-step-sub{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.875rem}.booking-barbers{flex-direction:column;gap:.75rem;display:flex}.booking-barber-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);text-align:left;width:100%;transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out), transform .18s var(--ease-out);align-items:center;gap:1rem;padding:1.125rem 1.25rem;display:flex}.booking-barber-card:active{transition-duration:.1s;transform:scale(.98)}@media (hover:hover) and (pointer:fine){.booking-barber-card:hover{border-color:#d6a84f59}}.booking-barber-card--selected{border-color:var(--accent);background:#d6a84f0f;box-shadow:0 0 0 3px #d6a84f1a}@media (hover:hover) and (pointer:fine){.booking-barber-card--selected:hover{border-color:var(--accent)}}.booking-barber-avatar{border:2px solid var(--accent);width:52px;height:52px;font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;background:#d6a84f14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.booking-barber-info{flex:1;min-width:0}.booking-barber-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:1rem;font-weight:700}.booking-barber-specialty{color:var(--text-secondary);margin-top:.2rem;font-size:.8rem}.booking-services{flex-direction:column;gap:.625rem;display:flex}.booking-service-card{background:var(--bg-card);border:1px solid var(--border);text-align:left;width:100%;transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out), transform .18s var(--ease-out);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.booking-service-card:active{transition-duration:.1s;transform:scale(.98)}@media (hover:hover) and (pointer:fine){.booking-service-card:hover{border-color:#d6a84f59}}.booking-service-card--selected{border-color:var(--accent);background:#d6a84f0f;box-shadow:0 0 0 3px #d6a84f1a}@media (hover:hover) and (pointer:fine){.booking-service-card--selected:hover{border-color:var(--accent)}}.booking-service-left{flex:1;min-width:0}.booking-service-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.booking-service-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.booking-service-meta{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.booking-service-price{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;white-space:nowrap;font-size:1rem;font-weight:800}.booking-check{background:var(--accent);color:#050505;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:inline-flex}.booking-days{flex-wrap:wrap;gap:.5rem;display:flex}.booking-day-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);transition:border-color .15s var(--ease-out), color .15s var(--ease-out), background-color .15s var(--ease-out), transform .15s var(--ease-out);border-radius:100px;padding:.625rem 1rem;font-size:.8125rem;font-weight:600}.booking-day-chip:active{transition-duration:.1s;transform:scale(.96)}@media (hover:hover) and (pointer:fine){.booking-day-chip:hover{color:var(--text);border-color:#ffffff2e}}.booking-day-chip--selected{background:var(--accent);border-color:var(--accent);color:#050505}@media (hover:hover) and (pointer:fine){.booking-day-chip--selected:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#050505}}.booking-times{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (width<=360px){.booking-times{grid-template-columns:repeat(3,1fr)}}.booking-time-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:600;font-family:var(--font-body);text-align:center;transition:border-color .15s var(--ease-out), color .15s var(--ease-out), background-color .15s var(--ease-out), transform .15s var(--ease-out);border-radius:10px;padding:.75rem .5rem}.booking-time-chip:active{transition-duration:.1s;transform:scale(.96)}@media (hover:hover) and (pointer:fine){.booking-time-chip:hover{color:var(--text);border-color:#ffffff2e}}.booking-time-chip--selected{background:var(--accent);border-color:var(--accent);color:#050505}@media (hover:hover) and (pointer:fine){.booking-time-chip--selected:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#050505}}.booking-form{flex-direction:column;gap:1.125rem;display:flex}.booking-field{flex-direction:column;gap:.5rem;display:flex}.booking-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:700}.booking-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color .15s var(--ease-out);-webkit-appearance:none;border-radius:10px;outline:none;padding:.9375rem 1rem;font-size:1rem}.booking-input:focus{border-color:var(--accent)}.booking-input::placeholder{color:#a1a1aa80}.booking-footer{padding:.875rem var(--px) max(1.25rem, env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-shrink:0}.booking-error{color:#ff6b6b;background:#ff6b6b14;border:1px solid #ff6b6b33;border-radius:8px;margin-bottom:.75rem;padding:.625rem .875rem;font-size:.8125rem}.booking-nav{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.booking-nav .btn{flex:1;justify-content:center}.booking-summary{flex-direction:column;gap:1rem;padding-bottom:1.5rem;display:flex}.booking-summary-back{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.375rem;min-height:44px;margin-bottom:.25rem;padding:.25rem 0;font-size:.8125rem;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.booking-summary-back:hover{color:var(--accent)}}.booking-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 8px 24px #0000002e}.booking-summary-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.booking-summary-row:last-child{border-bottom:none}.booking-summary-row--accent{background:#d6a84f0d}.booking-summary-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.booking-summary-value{color:var(--text);text-align:right;font-size:.9375rem;font-weight:600}.booking-summary-value--accent{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.booking-summary-value--strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.0625rem;font-weight:800}.booking-summary-note{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.booking-pay-btn{justify-content:center;width:100%;padding:1rem;font-size:1rem}.booking-confirmed{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 0 2rem;display:flex}.booking-confirmed-icon{border:2px solid var(--accent);width:72px;height:72px;color:var(--accent);background:#d6a84f1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1.75rem;display:flex}.booking-confirmed-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.025em;font-size:1.625rem;font-weight:800}.booking-confirmed-sub{color:var(--text-secondary);max-width:340px;font-size:.9375rem;line-height:1.65}.booking-confirmed-detail{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;padding:.75rem 1.25rem;font-size:.875rem;display:flex}.booking-confirmed-sep{color:#fff3}.booking-confirmed-btn{justify-content:center;width:100%;max-width:320px;margin-top:.5rem;padding:1rem;font-size:1rem}.booking-calendar-actions{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.booking-calendar-btn{justify-content:center;width:100%;max-width:320px;padding:1rem;font-size:1rem}.login-view{z-index:200;background:var(--bg);animation:booking-in .26s var(--ease-out) both;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.login-box{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:380px;display:flex}.login-logo{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;justify-content:center;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:800;display:flex}.login-logo-img{object-fit:contain;width:auto;height:48px;display:block}.login-logo-mark{background:var(--accent);color:#050505;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:800;display:inline-flex}.login-logo-name{font-size:1rem}.login-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.025em;margin-top:-.25rem;font-size:1.5rem;font-weight:700}.login-form{flex-direction:column;gap:.875rem;width:100%;display:flex}.login-field{text-align:left;flex-direction:column;gap:.4rem;display:flex}.login-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:700}.login-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color .15s var(--ease-out);-webkit-appearance:none;border-radius:10px;outline:none;padding:.9375rem 1rem;font-size:1rem}.login-input:focus{border-color:var(--accent)}.login-input::placeholder{color:#a1a1aa80}.login-error{color:#ff6b6b;text-align:left;background:#ff6b6b14;border:1px solid #ff6b6b33;border-radius:8px;padding:.625rem .875rem;font-size:.8125rem}.login-submit{justify-content:center;width:100%;margin-top:.25rem;padding:.9375rem;font-size:1rem}.login-hint{color:#a1a1aa73;font-size:.75rem;font-style:italic}.login-back{color:var(--text-secondary);transition:color .15s var(--ease-out);padding:.25rem;font-size:.875rem}@media (hover:hover) and (pointer:fine){.login-back:hover{color:var(--text)}}.panel-view{z-index:200;background:var(--bg);animation:booking-in .26s var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.panel-header{padding:.875rem var(--px);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-header-left{align-items:center;gap:.625rem;min-width:0;display:flex}.panel-logo-mark{background:var(--accent);color:#050505;width:28px;height:28px;font-family:var(--font-display);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:inline-flex}.panel-logo-img{object-fit:contain;border-radius:4px;flex-shrink:0;width:auto;height:32px;display:block}.panel-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.panel-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.panel-btn-sm{border-radius:8px!important;padding:.5rem .875rem!important;font-size:.8125rem!important}.panel-content{padding:1.25rem var(--px) 2rem;overscroll-behavior:contain;flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:960px;margin:0 auto;display:flex;overflow-y:auto}@media (width>=768px){.panel-content--caja{max-width:1180px}}.panel-metrics{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.panel-metrics>:nth-child(3){text-align:center;grid-column:1/-1}@media (width>=640px){.panel-metrics{grid-template-columns:repeat(3,1fr)}.panel-metrics>:nth-child(3){text-align:left;grid-column:auto}}.panel-metric{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.3rem;padding:1rem 1.125rem;display:flex}.panel-metric-value{font-family:var(--font-body);color:var(--text);letter-spacing:0;font-size:1.5rem;font-weight:800;line-height:1}.panel-metric-value--accent{color:var(--accent)}.panel-metric-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.panel-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.panel-filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:600;font-family:var(--font-body);transition:border-color .15s var(--ease-out), color .15s var(--ease-out), background-color .15s var(--ease-out);background:0 0;border-radius:100px;padding:.5rem 1rem}.panel-filter-btn--active{background:var(--accent);border-color:var(--accent);color:#050505}@media (hover:hover) and (pointer:fine){.panel-filter-btn:not(.panel-filter-btn--active):hover{color:var(--text);border-color:#fff3}.panel-filter-btn--active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}.appointments-list{flex-direction:column;gap:2rem;display:flex}.appts-section{flex-direction:column;gap:.875rem;display:flex}.appts-section-title{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.14em;font-size:.8125rem;font-weight:700}.appts-empty{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:1.25rem;font-size:.875rem}.appts-list{flex-direction:column;gap:.375rem;display:flex}.appt-chip{background:var(--bg-card);border:1px solid var(--border);transition:opacity .2s var(--ease-out), border-color .15s var(--ease-out);border-radius:10px;overflow:hidden}.appt-chip--open{border-color:#d6a84f33}.appt-chip--atendido{opacity:.55}.appt-chip--cancelado,.appt-chip--no-asistio{opacity:.35}.appt-chip__trigger{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:.625rem;padding:.625rem .875rem;display:flex}.appt-chip__time{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;flex-shrink:0;min-width:3.25rem;font-size:.9375rem;font-weight:800}.appt-chip__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.appt-chip__barber{color:var(--text-secondary);flex-shrink:0;font-size:.75rem}.appt-chip__badge{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:100px;flex-shrink:0;padding:.2rem .5rem;font-size:.625rem;font-weight:700}.appt-chip__badge--reservado{color:var(--accent);background:#d6a84f1a;border:1px solid #d6a84f40}.appt-chip__badge--atendido{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0d}.appt-chip__badge--cancelado,.appt-chip__badge--no-asistio{color:#ff6b6b;background:#ff6b6b14;border:1px solid #ff6b6b33}.appt-chip__badge--pendiente-cancelacion{color:#ff9f43;background:#ff9f431a;border:1px solid #ff9f4340}.appt-chip__badge--manual{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0d}.appt-chip__chevron{color:var(--text-secondary);transition:transform .2s var(--ease-out);flex-shrink:0;font-size:1.125rem;line-height:1;transform:rotate(0)}.appt-chip__chevron--open{transform:rotate(90deg)}.appt-detail{border-top:1px solid var(--border);animation:step-in .16s var(--ease-out) both;flex-direction:column;gap:.5rem;padding:.75rem .875rem .875rem;display:flex}.appt-detail__row{align-items:baseline;gap:.5rem;display:flex}.appt-detail__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);flex-shrink:0;min-width:4.5rem;font-size:.6875rem;font-weight:700}.appt-detail__value{color:var(--text);font-size:.875rem}.appt-detail__value--accent{color:var(--accent);font-weight:600}.appt-detail__wa{color:var(--accent);transition:color .15s var(--ease-out);font-size:.875rem}@media (hover:hover) and (pointer:fine){.appt-detail__wa:hover{color:var(--accent-hover)}}.appt-detail__actions{gap:.5rem;padding-top:.375rem;display:flex}.appt-btn{font-size:.8125rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:background-color .15s var(--ease-out), transform .15s var(--ease-out);border:1px solid #0000;border-radius:8px;flex:1;padding:.5625rem 0}.appt-btn:active{transition-duration:.1s;transform:scale(.97)}.appt-btn--done{color:var(--accent);background:#d6a84f1a;border-color:#d6a84f40}@media (hover:hover) and (pointer:fine){.appt-btn--done:hover{background:#d6a84f2e}}.appt-btn--cancel{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b33}@media (hover:hover) and (pointer:fine){.appt-btn--cancel:hover{background:#ff6b6b24}}.appt-btn--whatsapp{color:#25d366;background:#25d3661a;border-color:#25d36640;justify-content:center;align-items:center;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.appt-btn--whatsapp:hover{background:#25d3662e}}.pay-form{border:1px solid var(--border);background:#ffffff08;border-radius:8px;flex-direction:column;gap:.75rem;margin-top:.125rem;padding:.875rem;display:flex}.pay-form__title{color:var(--text);font-size:.8125rem;font-weight:700}.pay-form__field{flex-direction:column;gap:.375rem;display:flex}.pay-form__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.6875rem;font-weight:700}.pay-form__input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color .15s var(--ease-out);border-radius:8px;outline:none;padding:.5625rem .75rem;font-size:1rem;font-weight:600}.pay-form__input:focus{border-color:var(--accent)}.pay-form__input::placeholder{color:var(--text-secondary);font-weight:400}.pay-form__methods{gap:.5rem;display:flex}.pay-form__method{font-size:.8125rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border-radius:8px;flex:1;padding:.5rem}.pay-form__method--active{color:var(--accent);background:#d6a84f1a;border-color:#d6a84f59}.pay-summary{border-top:1px solid var(--border);flex-direction:column;gap:.375rem;padding-top:.5rem;display:flex}.appt-detail__value--negative{color:#ff6b6b}.appt-detail__note{color:var(--text-secondary);font-size:.75rem;font-style:italic}.pay-method-cap{text-transform:capitalize}.panel-tabs{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;gap:.25rem;padding:.25rem;display:flex}.panel-tab{font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;color:var(--text-secondary);transition:background-color .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:none;border-radius:7px;flex:1;padding:.5rem 1rem}.panel-tab--active{background:var(--bg-card);color:var(--text)}@media (hover:hover) and (pointer:fine){.panel-tab:not(.panel-tab--active):hover{color:var(--text)}}.caja-view{flex-direction:column;gap:1.75rem;display:flex}.caja-hero{background:var(--bg-card);border:1px solid #d6a84f33;border-radius:16px;flex-direction:column;gap:.25rem;padding:1.5rem;display:flex}.caja-hero__value{font-family:var(--font-body);color:var(--accent);letter-spacing:-.02em;font-size:2.5rem;font-weight:800;line-height:1}.caja-hero__label{color:var(--text);margin-top:.25rem;font-size:.9375rem;font-weight:600}.caja-hero__sub{color:var(--text-secondary);font-size:.75rem}.caja-secondary{grid-template-columns:repeat(2,1fr);gap:.625rem;display:grid}.caja-sec-metric{background:var(--bg-card);border:1px solid var(--border);transition:border-color .2s var(--ease-out);border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.caja-sec-metric--positive{border-color:#d6a84f33}.caja-sec-metric--negative{border-color:#ff6b6b33}.caja-sec-metric__value{font-family:var(--font-body);color:var(--text);letter-spacing:0;font-size:1.5rem;font-weight:800;line-height:1}.caja-sec-metric--positive .caja-sec-metric__value{color:var(--accent)}.caja-sec-metric--negative .caja-sec-metric__value{color:#ff6b6b}.caja-sec-metric__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.6875rem;font-weight:600}.caja-breakdown{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.caja-breakdown__row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}.caja-breakdown__row:last-child{border-bottom:none}.caja-breakdown__label{color:var(--text-secondary);font-size:.8125rem}.caja-breakdown__value{font-family:var(--font-body);color:var(--text);font-size:.875rem;font-weight:600}.gastos-section{flex-direction:column;gap:.5rem;display:flex}.gastos-header{justify-content:space-between;align-items:center;display:flex}.gastos-header__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.gastos-add-btn{color:var(--accent);cursor:pointer;transition:opacity .15s var(--ease-out);background:0 0;border:none;padding:.25rem 0;font-size:.8125rem;font-weight:600}@media (hover:hover) and (pointer:fine){.gastos-add-btn:hover{opacity:.75}}.gastos-add-btn:active{transform:scale(.95)}.gastos-form{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.gastos-form__input,.gastos-form__select{border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;transition:border-color .15s var(--ease-out);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border-radius:7px;padding:.5rem .75rem;font-size:1rem}.gastos-form__input:focus,.gastos-form__select:focus{border-color:var(--accent);outline:none}.gastos-form__select option{background:#1a1a2e}.gastos-form__error{color:#f87171;margin:0;font-size:.75rem}.gastos-form__actions{gap:.5rem;margin-top:.25rem;display:flex}.gastos-form__save,.gastos-form__cancel{cursor:pointer;transition:opacity .15s var(--ease-out), transform .1s var(--ease-out);border:none;border-radius:7px;flex:1;padding:.5rem;font-size:.8125rem;font-weight:600}.gastos-form__save{background:var(--accent);color:#fff}.gastos-form__cancel{color:var(--text-secondary);background:#ffffff0f}@media (hover:hover) and (pointer:fine){.gastos-form__save:hover,.gastos-form__cancel:hover{opacity:.8}}.gastos-form__save:active,.gastos-form__cancel:active{transform:scale(.97)}.gastos-empty{color:var(--text-secondary);text-align:center;padding:.75rem 0;font-size:.8125rem;font-style:italic}.gastos-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.gastos-item{border:1px solid var(--border);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.gastos-item__info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.gastos-item__desc{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.gastos-item__meta{font-family:var(--font-body);color:var(--text-secondary);font-size:.75rem}.gastos-item__delete{color:var(--text-secondary);cursor:pointer;transition:color .15s var(--ease-out), background .15s var(--ease-out);background:0 0;border:none;border-radius:5px;flex-shrink:0;padding:.25rem .375rem;font-size:.75rem}@media (hover:hover) and (pointer:fine){.gastos-item__delete:hover{color:#f87171;background:#f871711a}}.gastos-item__delete:active{transform:scale(.9)}.caja-block{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.875rem;padding:1rem .875rem;display:flex}.caja-block--hero{background:linear-gradient(180deg, #d6a84f0d, var(--bg-card) 60%);border-color:#d6a84f52}.caja-block__title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.caja-movements{border:1px solid var(--border);border-radius:10px;overflow:hidden}.caja-row{border-bottom:1px solid var(--border);transition:opacity .2s var(--ease-out), background-color .15s var(--ease-out)}.caja-row:last-child{border-bottom:none}.caja-row--open{background:#d6a84f08}.caja-row--cancelado,.caja-row--no-asistio{opacity:.4}.caja-row__trigger{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.caja-row__compact{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.caja-row__amount-line{font-family:var(--font-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:.9375rem;font-weight:700;overflow:hidden}.caja-row__barber{color:var(--text-secondary);text-align:left;font-size:.75rem}.caja-row__chevron{color:var(--text-secondary);transition:transform .2s var(--ease-out);flex-shrink:0;font-size:1.125rem;line-height:1;transform:rotate(0)}.caja-row__chevron--open{transform:rotate(90deg)}.caja-detail{border-top:1px solid var(--border);animation:step-in .16s var(--ease-out) both;flex-direction:column;gap:.375rem;padding:.625rem .875rem .875rem;display:flex}.caja-detail__row{align-items:baseline;gap:.5rem;display:flex}.caja-detail__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);flex-shrink:0;min-width:5rem;font-size:.6875rem;font-weight:700}.caja-detail__value{color:var(--text);font-size:.875rem}.caja-detail__value--accent{color:var(--accent);font-weight:600}.caja-detail__value--negative{color:#ff6b6b}.caja-subtabs-wrap,.caja-period-chips-wrap{position:relative}.caja-subtabs-wrap:after,.caja-period-chips-wrap:after{content:"";background:linear-gradient(to left, var(--bg-card), transparent);pointer-events:none;border-radius:0 10px 10px 0;width:1.75rem;position:absolute;top:.25rem;bottom:.25rem;right:0}.caja-subtabs,.caja-period-chips{background:var(--bg-card);border:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:10px;gap:.25rem;padding:.25rem;display:flex;overflow-x:auto}.caja-subtabs::-webkit-scrollbar{display:none}.caja-period-chips::-webkit-scrollbar{display:none}.caja-subtab,.caja-period-chip{white-space:nowrap;min-width:5.25rem;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:none;border-radius:7px;flex:1 0 auto;padding:.5rem .625rem;font-size:.8125rem;font-weight:600}.caja-subtab--active,.caja-period-chip--active{color:var(--accent);background:#d6a84f1f}@media (hover:hover) and (pointer:fine){.caja-subtab:not(.caja-subtab--active):hover,.caja-period-chip:not(.caja-period-chip--active):hover{color:var(--text);background:#ffffff0a}}@media (width>=640px){.caja-subtabs-wrap:after,.caja-period-chips-wrap:after{display:none}.caja-subtab,.caja-period-chip{text-align:center;flex:1;min-width:0}}.caja-period-filter{flex-direction:column;gap:.625rem;display:flex}.caja-period-custom{gap:.625rem;display:flex}.caja-period-field{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.caja-period-field__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.6875rem;font-weight:700}.caja-period-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:border-color .15s var(--ease-out);border-radius:8px;padding:.5rem .625rem;font-size:.875rem}.caja-period-input:focus{border-color:var(--accent);outline:none}.caja-tab-content{flex-direction:column;gap:1.125rem;display:flex}.caja-metrics{grid-template-columns:repeat(2,1fr);gap:.625rem;display:grid}@media (width>=480px){.caja-metrics{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.caja-metrics{gap:.875rem}}.caja-grid-2,.caja-grid-3{flex-direction:column;gap:1.125rem;display:flex}@media (width>=768px){.caja-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:1.125rem;display:grid}}@media (width>=1024px){.caja-grid-3{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.125rem;display:grid}}.caja-metric{border:1px solid var(--border);background:#ffffff08;border-radius:12px;flex-direction:column;gap:.25rem;padding:.875rem;display:flex}.caja-metric__value{font-family:var(--font-body);color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:800;line-height:1.1}.caja-metric__value--accent{color:var(--accent)}.caja-metric__value--negative{color:#ff6b6b}.caja-metric__icon{width:1.0625rem;height:1.0625rem;color:var(--accent);vertical-align:-2px;background:#d6a84f1f;border-radius:50%;justify-content:center;align-items:center;margin-right:.375rem;font-size:.625rem;font-weight:700;display:inline-flex}.caja-metric__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.6875rem;font-weight:600}.caja-metric__label--small{text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:500}.caja-balance{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 0 .25rem;display:flex}.caja-balance__value{font-family:var(--font-body);color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:800;line-height:1.1}.caja-balance__value--accent{color:var(--accent)}.caja-balance__value--negative{color:#d9a463}.caja-balance__sub{color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem}.caja-balance__rows{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;width:100%;margin-top:.25rem;padding-top:.75rem;display:flex}.caja-balance__row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.caja-balance__row-label{color:var(--text-secondary);font-size:.8125rem}.caja-balance__row-value{font-family:var(--font-body);color:var(--text);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:700}.caja-balance__row-value--accent{color:var(--accent)}.caja-section__title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.caja-mov-filters{gap:.375rem;display:flex}.caja-mov-filter-btn{background:var(--bg-card);border:1px solid var(--border);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:20px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.caja-mov-filter-btn--active{color:var(--accent);background:#d6a84f1a;border-color:#d6a84f59}@media (hover:hover) and (pointer:fine){.caja-mov-filter-btn:not(.caja-mov-filter-btn--active):hover{color:var(--text);background:#ffffff0a}}.caja-mov-list{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:0;list-style:none;display:flex;overflow:hidden}.caja-mov-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.caja-mov-item:last-child{border-bottom:none}.caja-mov-item__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;display:flex}.caja-mov-item--turno .caja-mov-item__icon{color:var(--accent);background:#d6a84f1f}.caja-mov-item--ingreso .caja-mov-item__icon{color:#4ade80;background:#4ade801f}.caja-mov-item--gasto .caja-mov-item__icon{color:#f87171;background:#f871711f}.caja-mov-item__body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.caja-mov-item__desc{color:var(--text);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;display:-webkit-box;overflow:hidden}.caja-mov-item__meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.caja-mov-item__amount{font-family:var(--font-body);color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.9375rem;font-weight:700}.caja-mov-item__amount--pending{color:var(--text-secondary)}.caja-mov-item__amount--gasto{color:#f87171}.caja-mov-chip{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;width:fit-content;margin-top:.2rem;padding:.125rem .5rem;font-size:.625rem;font-weight:700;display:inline-block}.caja-mov-chip--ingreso{color:var(--accent);background:#d6a84f1f}.caja-mov-chip--gasto{color:var(--text-secondary);background:#ffffff0f}.caja-mov-chip--pendiente{color:#f5b942;background:#f59e0b1f}.caja-stats-section{flex-direction:column;gap:.75rem;display:flex}.caja-bars{border:1px solid var(--border);background:#ffffff08;border-radius:12px;flex-direction:column;gap:.75rem;padding:.875rem;display:flex}.caja-bars__sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.6875rem;font-weight:700}.caja-bar-row{flex-direction:column;gap:.3rem;display:flex}.caja-bar-row__header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.caja-bar-row__label{color:var(--text);font-size:.8125rem;font-weight:600}.caja-bar-row__value{font-family:var(--font-body);color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8125rem;font-weight:700}.caja-bar-row__pct{color:var(--text-secondary);font-weight:500}.caja-bar-track{background:#ffffff0f;border-radius:999px;width:100%;height:6px;overflow:hidden}.caja-bar-fill{background:var(--accent);height:100%;transition:width .3s var(--ease-out);border-radius:999px}.caja-bar-fill--gasto{opacity:.85;background:#d9a463}.caja-bar-fill--muted{background:var(--text-secondary);opacity:.4}.caja-chart-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:.375rem;display:grid}.caja-chart-col{flex-direction:column;align-items:center;gap:.375rem;display:flex}.caja-chart-bar-track{background:#ffffff0a;border-radius:6px;align-items:flex-end;width:100%;max-width:1.5rem;height:5.5rem;display:flex;overflow:hidden}.caja-chart-bar{background:var(--text-secondary);opacity:.35;width:100%;min-height:2px;transition:height .3s var(--ease-out);border-radius:6px 6px 0 0}.caja-chart-bar--highlight{background:var(--accent);opacity:1}.caja-chart-bar--highlight-gasto{opacity:1;background:#d9a463}.caja-chart-bar-label{color:var(--text-secondary);font-size:.6875rem;font-weight:600}.caja-chart-footer{color:var(--text-secondary);text-align:center;font-size:.8125rem}.caja-chart-footer__highlight{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.caja-chart-footer__highlight--gasto{color:#d9a463}.caja-category-list{flex-direction:column;gap:.875rem;display:flex}.caja-category-item{flex-direction:column;gap:.3rem;display:flex}.caja-category-item__header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.caja-category-item__name{color:var(--text);font-size:.8125rem;font-weight:600}.caja-category-item__value{font-family:var(--font-body);color:var(--text-secondary);flex-shrink:0;font-size:.75rem}.caja-ranking-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.caja-ranking-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.625rem 0;display:flex}.caja-ranking-item:last-child{border-bottom:none;padding-bottom:0}.caja-ranking-item:first-child{padding-top:0}.caja-ranking-item__rank{width:1.5rem;height:1.5rem;color:var(--accent);background:#d6a84f1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.caja-ranking-item__body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.caja-ranking-item__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.caja-ranking-item__meta{color:var(--text-secondary);font-size:.6875rem}.caja-ranking-item__value{font-family:var(--font-body);color:var(--accent);flex-shrink:0;font-size:.9375rem;font-weight:700}.reportes-view{flex-direction:column;gap:1.25rem;padding:1rem 0;display:flex}.reportes-section{flex-direction:column;gap:.5rem;display:flex}.reportes-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.6875rem;font-weight:700}.reportes-filter-row{flex-wrap:wrap;gap:.5rem;display:flex}.reportes-date-row{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.reportes-date-label{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.reportes-date-input{width:10rem}.reportes-period-label{color:var(--text-secondary);font-size:.8125rem}.reportes-range-hint{color:var(--text-secondary);font-size:.8125rem;font-style:italic}.reportes-loading{color:var(--text-secondary);padding:.5rem 0;font-size:.875rem}.reportes-kpis{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.625rem;display:grid}.reportes-kpi{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.reportes-kpi-value{font-family:var(--font-display);color:var(--text);font-size:1.2rem;font-weight:700;line-height:1.2}.reportes-kpi-value--accent{color:var(--accent)}.avail-copy-preview{flex-wrap:wrap;gap:.375rem;padding:.5rem 0;display:flex}.avail-copy-slot{color:var(--accent);font-variant-numeric:tabular-nums;background:#d6a84f14;border:1px solid #d6a84f33;border-radius:6px;padding:.25rem .625rem;font-size:.8125rem;font-weight:600;display:inline-block}.avail-copy-empty,.avail-copy-loading{color:var(--text-secondary);padding:.25rem 0;font-size:.8125rem}.reportes-kpi-label{color:var(--text-secondary);font-size:.6875rem;font-weight:500}.reportes-error{color:#f87171;background:#f8717114;border-left:3px solid #f87171;border-radius:6px;padding:.5rem .75rem;font-size:.875rem}.reportes-download-section{flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.reportes-download-btn{background:var(--accent);color:var(--bg);font-family:var(--font-display);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;gap:.4rem;padding:.85rem 2rem;font-size:.9375rem;font-weight:700;transition:background .18s,opacity .18s,transform .12s;display:inline-flex}.reportes-download-btn:hover:not(:disabled){background:var(--accent-hover)}.reportes-download-btn:active:not(:disabled){transform:scale(.97)}.reportes-download-btn:disabled{opacity:.45;cursor:not-allowed}.reportes-download-hint{color:var(--text-secondary);font-size:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}