.top-nav{height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100;background:#fffffff2;position:fixed;top:0;left:0;right:0}.top-nav-inner{align-items:center;gap:16px;height:100%;display:flex}.top-nav-mobile-toggle{color:var(--color-text-primary);justify-content:center;align-items:center;margin-left:-8px;padding:4px;display:flex}.top-nav-logo{color:var(--color-text-primary);letter-spacing:-.3px;flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.top-nav-links{flex:1;align-items:center;gap:4px;display:none}.top-nav-link{border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);padding:6px 14px;font-weight:500}.top-nav-link:hover{color:var(--color-text-primary);background:var(--gray-100)}.top-nav-link.active{color:var(--color-text-primary);background:var(--gray-100);font-weight:600}.top-nav-auth{flex-shrink:0;margin-left:auto;display:none}.top-nav-auth-btns{align-items:center;gap:8px;display:flex}.top-nav-user{position:relative}.top-nav-user-btn{border-radius:var(--radius-full);background:var(--gray-100);border:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast);align-items:center;gap:8px;padding:6px 12px 6px 6px;font-weight:500;display:flex}.top-nav-user-btn:hover{background:var(--gray-200)}.top-nav-avatar{background:var(--color-primary);width:28px;height:28px;color:var(--color-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.top-nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.top-nav-caret{color:var(--gray-400);transition:transform var(--transition-fast)}.top-nav-caret.open{transform:rotate(180deg)}.top-nav-menu-overlay{z-index:50;position:fixed;inset:0}.top-nav-menu{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-lg);z-index:101;animation:.15s scaleIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.top-nav-menu-header{padding:12px 16px}.top-nav-menu-email{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-overflow:ellipsis;overflow:hidden}.top-nav-menu-divider{background:var(--color-border);height:1px}.top-nav-menu-item{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;width:100%;transition:background var(--transition-fast);align-items:center;gap:10px;padding:10px 16px;display:flex}.top-nav-menu-item:hover{background:var(--gray-50)}.top-nav-menu-item.danger{color:var(--color-error)}.top-nav-menu-item.danger:hover{background:var(--red-50)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-drawer{background:var(--color-bg);z-index:201;flex-direction:column;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000026}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-drawer-header{height:var(--nav-height);padding:0 var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-menu-close{color:var(--color-text-secondary);margin-right:-8px;padding:8px}.mobile-menu-content{padding:var(--spacing-lg) var(--spacing-md);flex-direction:column;gap:8px;display:flex}.mobile-menu-link{font-size:var(--font-size-base);color:var(--color-text-primary);border-radius:var(--radius-md);padding:12px 16px;font-weight:500;text-decoration:none;display:block}.mobile-menu-link:active{background:var(--gray-100)}.mobile-menu-link.danger{color:var(--color-error)}.mobile-menu-divider{background:var(--color-border);width:100%;height:1px;margin:var(--spacing-md) 0}@media (min-width:768px){.top-nav-inner{gap:32px}.top-nav-mobile-toggle{display:none}.top-nav-links{display:flex}.top-nav-auth{display:block}.mobile-menu-overlay,.mobile-menu-drawer{display:none!important}}
.otp-input-container{gap:var(--spacing-sm,8px);justify-content:center;display:flex}.otp-digit{border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,8px);background:var(--color-bg,#fff);text-align:center;width:48px;height:56px;color:var(--color-text-primary,#1a1a1a);appearance:none;font-size:24px;font-weight:600;transition:border-color .2s,box-shadow .2s}.otp-digit:focus{border-color:var(--color-primary,#000);outline:none;box-shadow:0 0 0 3px #0000001a}.otp-digit.filled{border-color:var(--color-primary,#000);background:var(--color-surface-elevated,#fafafa)}.otp-digit.error{border-color:var(--color-error,#dc2626);animation:.3s shake}.otp-digit:disabled{background:var(--color-surface-disabled,#f5f5f5);color:var(--color-text-disabled,#9e9e9e);cursor:not-allowed}.otp-input-container.error .otp-digit{border-color:var(--color-error,#dc2626)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width:360px){.otp-digit{width:40px;height:48px;font-size:20px}.otp-input-container{gap:var(--spacing-xs,6px)}}
.app-sidebar{top:calc(var(--nav-height) + 32px);height:max-content;max-height:calc(100vh - var(--nav-height) - 64px);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-sm);transition:background-color var(--transition-fast);align-items:center;gap:12px;padding:8px 12px;display:flex}.sidebar-link:hover{background-color:var(--gray-100)}.sidebar-link.active{background-color:var(--color-primary);color:var(--color-secondary);font-weight:600}@media (max-width:900px){.app-sidebar{display:none}}
.barber-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);scroll-snap-align:start;flex-direction:column;min-width:260px;display:flex;overflow:hidden}.barber-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-2px)}.barber-card-img{background:var(--gray-100);flex-shrink:0;height:180px;position:relative}.barber-img-fallback{background:var(--gray-100);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.barber-now-badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.barber-card-body{flex-direction:column;flex:1;padding:16px 16px 20px;display:flex}.barber-card-title{font-size:var(--font-size-base);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:700;overflow:hidden}.barber-card-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;overflow:hidden}.barber-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.barber-card-cta{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);font-weight:600}.barber-card:hover .barber-card-cta{color:var(--color-text-primary)}
.horizontal-carousel-section{margin-bottom:40px}.carousel-header{margin-bottom:16px}.carousel-title{font-size:var(--font-size-xl);letter-spacing:-.5px;color:var(--color-text-primary);margin-bottom:4px;font-weight:800}.carousel-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.carousel-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.carousel-container::-webkit-scrollbar{display:none}.carousel-container>*{flex:none}
.app-footer{background:var(--gray-950);color:var(--color-secondary);padding:64px 0 32px}.app-footer-inner{flex-direction:column;gap:32px;display:flex}.app-footer-top{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.app-footer-logo-wrapper{align-items:center;display:flex}.app-footer-logo{filter:invert()brightness(200%);border-radius:6px;width:auto;height:32px}.app-footer-links{flex-direction:column;gap:16px;font-size:.9rem;display:flex}.app-footer-link{color:var(--color-secondary);opacity:.8;transition:opacity var(--transition-fast);text-decoration:none}.app-footer-link:hover{opacity:1}.app-footer-bottom{opacity:.6;text-align:left;border-top:1px solid #ffffff1a;margin-top:16px;padding-top:32px;font-size:.8rem}@media (min-width:768px){.app-footer-top{flex-direction:row;justify-content:space-between;align-items:center}.app-footer-links{flex-flow:wrap;gap:24px}}