@media (max-width:768px){.header-right-controls{display:flex!important;align-items:center!important;gap:12px!important;padding-right:4px!important}.enhanced-mobile-notification-bell{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;background:hsla(0,0%,100%,.95)!important;border:2px solid rgba(229,62,62,.2)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .2s ease!important;z-index:100!important;touch-action:manipulation!important}.enhanced-mobile-notification-bell:hover{background:rgba(239,68,68,.1)!important;border-color:rgba(239,68,68,.4)!important;transform:scale(1.05)!important;box-shadow:0 4px 12px rgba(239,68,68,.2)!important}.enhanced-mobile-notification-bell:active{transform:scale(.95)!important;box-shadow:0 2px 6px rgba(239,68,68,.25)!important}.enhanced-mobile-notification-bell svg{width:20px!important;height:20px!important;color:#374151!important;stroke-width:2.5!important}.enhanced-mobile-notification-bell .notification-badge{position:absolute!important;top:-2px!important;right:-2px!important;width:20px!important;height:20px!important;border-radius:50%!important;background:#ef4444!important;color:#fff!important;font-size:11px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;z-index:101!important}.dark-mode-toggle-container{position:relative!important;z-index:100!important}.dark-mode-toggle-container button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;background:hsla(0,0%,100%,.95)!important;border:2px solid hsla(220,9%,46%,.2)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .2s ease!important;touch-action:manipulation!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.dark-mode-toggle-container button:hover{background:hsla(220,9%,46%,.1)!important;border-color:hsla(220,9%,46%,.3)!important;transform:scale(1.05)!important;box-shadow:0 4px 12px hsla(220,9%,46%,.2)!important}.dark-mode-toggle-container button:active{transform:scale(.95)!important;background:hsla(220,9%,46%,.15)!important}.dark-mode-toggle-container button svg{width:18px!important;height:18px!important;stroke-width:2.5!important}.header-user-button{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:4px!important}.header-user-button,.sidebar-menu-icon{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;touch-action:manipulation!important}.sidebar-menu-icon{background:hsla(0,0%,100%,.95)!important;border:2px solid rgba(59,130,246,.2)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:all .2s ease!important}.sidebar-menu-icon:hover{background:rgba(59,130,246,.1)!important;border-color:rgba(59,130,246,.3)!important;transform:scale(1.05)!important;box-shadow:0 4px 12px rgba(59,130,246,.2)!important}.sidebar-menu-icon svg{width:20px!important;height:20px!important;color:rgba(37,99,235,.8)!important;stroke-width:2.5!important}.mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000!important;background:hsla(0,0%,100%,.95)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-top:1px solid rgba(0,0,0,.1)!important;box-shadow:0 -2px 20px rgba(0,0,0,.1)!important;padding-bottom:env(safe-area-inset-bottom,0)!important}body{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important}.main-content,.page-content,main{padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))!important;margin-bottom:0!important}.dashboard-content,.events-content,.profile-content,.settings-content{padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px))!important}.auth-form-content,.create-event-form,.form-content{padding-bottom:calc(140px + env(safe-area-inset-bottom, 0px))!important}.card-container,.content-container,.event-card-container{margin-bottom:calc(20px + env(safe-area-inset-bottom, 0px))!important}.card-list>:last-child,.content-section:last-child,.event-list>:last-child{margin-bottom:calc(40px + env(safe-area-inset-bottom, 0px))!important}.notification-popup{position:fixed!important;top:80px!important;right:16px!important;left:16px!important;width:auto!important;max-width:calc(100vw - 32px)!important;max-height:70vh!important;z-index:9999!important;border-radius:16px!important;background:hsla(0,0%,100%,.98)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 8px 32px rgba(0,0,0,.15)!important;border:1px solid rgba(0,0,0,.1)!important;overflow:hidden!important}.notification-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.2)!important;z-index:9998!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}.notification-list{max-height:calc(70vh - 80px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.notification-item{padding:16px!important;border-bottom:1px solid rgba(0,0,0,.05)!important;touch-action:manipulation!important;min-height:72px!important}.notification-item:last-child{border-bottom:none!important}.notification-actions{margin-top:12px!important;display:flex!important;gap:8px!important}.notification-actions button{flex:1!important;min-height:44px!important;border-radius:8px!important;font-weight:600!important;touch-action:manipulation!important}.dark .enhanced-mobile-notification-bell{background:rgba(31,41,55,.95)!important;border-color:rgba(99,102,241,.3)!important;color:#f9fafb!important}.dark .enhanced-mobile-notification-bell:hover{background:rgba(99,102,241,.2)!important;border-color:rgba(99,102,241,.5)!important}.dark .enhanced-mobile-notification-bell svg{color:#f9fafb!important}.dark .dark-mode-toggle-container button{background:rgba(31,41,55,.95)!important;border-color:rgba(156,163,175,.3)!important;color:#f9fafb!important}.dark .dark-mode-toggle-container button:hover{background:rgba(156,163,175,.2)!important;border-color:rgba(156,163,175,.5)!important}.dark .sidebar-menu-icon{background:rgba(31,41,55,.95)!important;border-color:rgba(99,102,241,.3)!important}.dark .sidebar-menu-icon:hover{background:rgba(99,102,241,.2)!important;border-color:rgba(99,102,241,.5)!important}.dark .sidebar-menu-icon svg{color:rgba(129,140,248,.9)!important}.dark .mobile-bottom-nav{background:rgba(31,41,55,.95)!important;border-top-color:rgba(75,85,99,.3)!important}.dark .notification-popup{background:rgba(31,41,55,.98)!important;border-color:rgba(75,85,99,.3)!important}.dark .notification-item{border-bottom-color:rgba(75,85,99,.2)!important}}@media (max-width:375px){.dark-mode-toggle-container button,.enhanced-mobile-notification-bell,.header-user-button,.sidebar-menu-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.enhanced-mobile-notification-bell svg,.sidebar-menu-icon svg{width:18px!important;height:18px!important}.dark-mode-toggle-container button svg{width:16px!important;height:16px!important}.notification-badge{width:18px!important;height:18px!important;font-size:10px!important}}@media (min-width:376px) and (max-width:768px){.header-right-controls{gap:16px!important;padding-right:8px!important}.dark-mode-toggle-container button,.enhanced-mobile-notification-bell,.header-user-button,.sidebar-menu-icon{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}.enhanced-mobile-notification-bell svg,.sidebar-menu-icon svg{width:22px!important;height:22px!important}.dark-mode-toggle-container button svg{width:20px!important;height:20px!important}.notification-badge{width:22px!important;height:22px!important;font-size:12px!important}}@media (max-width:768px){.dark-mode-toggle-container button,.enhanced-mobile-notification-bell,.header-user-button,.sidebar-menu-icon{touch-action:manipulation!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;cursor:pointer!important}.dark-mode-toggle-container button:focus,.enhanced-mobile-notification-bell:focus,.header-user-button:focus,.sidebar-menu-icon:focus{outline:none!important;ring:2px solid #3b82f6!important;ring-offset:2px!important}@media (prefers-reduced-motion:reduce){.dark-mode-toggle-container button,.enhanced-mobile-notification-bell,.header-user-button,.sidebar-menu-icon{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.dark-mode-toggle-container button,.enhanced-mobile-notification-bell,.sidebar-menu-icon{border-width:3px!important;box-shadow:0 0 0 1px currentColor!important}}}@media (max-width:768px){.dark-mode-toggle-container button,.enhanced-mobile-notification-bell,.header-user-button,.mobile-bottom-nav,.notification-popup,.sidebar-menu-icon{will-change:transform!important;transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important}.dark-mode-toggle-container button:hover,.enhanced-mobile-notification-bell:hover,.header-user-button:hover,.sidebar-menu-icon:hover{will-change:transform,box-shadow!important}.enhanced-mobile-header{position:sticky!important;top:0!important;z-index:40!important;width:100%!important;height:64px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 1px 10px rgba(0,0,0,.1)!important;transition:all .3s ease!important}.mobile-header-container{justify-content:space-between!important;height:64px!important;padding:0 16px!important;max-width:100%!important;margin:0 auto!important}.mobile-header-container,.mobile-header-left{display:flex!important;align-items:center!important}.mobile-header-left{justify-content:flex-start!important;min-width:60px!important;flex-shrink:0!important}.mobile-header-center{justify-content:center!important;flex:1!important;padding:0 8px!important;overflow:hidden!important}.mobile-header-center,.mobile-header-right{display:flex!important;align-items:center!important}.mobile-header-right{justify-content:flex-end!important;min-width:100px!important;flex-shrink:0!important;gap:4px!important}.mobile-notification-bell,.mobile-notification-container{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-notification-bell{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;background:hsla(0,0%,100%,.9)!important;border:1.5px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:all .2s ease!important;touch-action:manipulation!important;z-index:100!important}.mobile-notification-bell:hover{background:rgba(239,68,68,.05)!important;border-color:rgba(239,68,68,.2)!important;transform:scale(1.05)!important;box-shadow:0 4px 12px rgba(239,68,68,.15)!important}.mobile-notification-bell:active{transform:scale(.95)!important;background:rgba(239,68,68,.1)!important}.mobile-notification-badge{position:absolute!important;top:-2px!important;right:-2px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;font-weight:700!important;border-radius:50px!important;border:2px solid #fff!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important;z-index:101!important}.mobile-dark-mode-toggle,.mobile-notification-badge{display:flex!important;align-items:center!important;justify-content:center!important}.mobile-dark-mode-toggle{position:relative!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;background:hsla(0,0%,100%,.9)!important;border:1.5px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:all .2s ease!important;touch-action:manipulation!important;overflow:hidden!important}.mobile-dark-mode-toggle:hover{background:hsla(220,9%,46%,.05)!important;border-color:hsla(220,9%,46%,.2)!important;transform:scale(1.05)!important;box-shadow:0 4px 12px hsla(220,9%,46%,.15)!important}.mobile-dark-mode-toggle:active{transform:scale(.95)!important;background:hsla(220,9%,46%,.1)!important}.mobile-dark-mode-toggle svg{width:18px!important;height:18px!important;stroke-width:2.5!important}.mobile-profile-button{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;background:transparent!important;border:2px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:all .2s ease!important;touch-action:manipulation!important;overflow:hidden!important}.mobile-profile-button:hover{border-color:rgba(239,68,68,.3)!important;transform:scale(1.05)!important;box-shadow:0 4px 12px rgba(239,68,68,.15)!important}.mobile-profile-button:active{transform:scale(.95)!important}.mobile-profile-button .avatar{width:32px!important;height:32px!important;border-radius:50%!important;overflow:hidden!important}.mobile-menu-trigger{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;background:hsla(0,0%,100%,.9)!important;border:1.5px solid rgba(59,130,246,.2)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:all .2s ease!important;touch-action:manipulation!important}.mobile-menu-trigger:hover{background:rgba(59,130,246,.05)!important;border-color:rgba(59,130,246,.3)!important;transform:scale(1.05)!important;box-shadow:0 4px 12px rgba(59,130,246,.15)!important}.mobile-menu-trigger:active{transform:scale(.95)!important;background:rgba(59,130,246,.1)!important}.mobile-menu-trigger svg{width:20px!important;height:20px!important;color:rgba(37,99,235,.8)!important;stroke-width:2.5!important}.mobile-sidebar{width:320px!important;max-width:calc(100vw - 32px)!important;height:100%!important;background:#fff!important;border:none!important;border-radius:0 16px 16px 0!important;box-shadow:0 10px 40px rgba(0,0,0,.15)!important;overflow:hidden!important;z-index:60!important;position:fixed!important;top:0!important;left:0!important}.mobile-sidebar-header{padding:20px!important;background:linear-gradient(135deg,#ef4444,#3b82f6)!important;color:#fff!important;position:relative!important}.mobile-sidebar-close{position:absolute!important;top:16px!important;right:16px!important;width:40px!important;height:40px!important;border-radius:50%!important;background:hsla(0,0%,100%,.1)!important;border:none!important;color:#fff!important;touch-action:manipulation!important}.mobile-sidebar-content{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.mobile-sidebar-item{min-height:56px!important;margin:0 8px 4px!important;border-radius:12px!important;transition:all .2s ease!important;touch-action:manipulation!important}.mobile-sidebar-item:active{transform:scale(.98)!important;background:rgba(239,68,68,.05)!important}.mobile-signout-button{min-height:56px!important;border-radius:12px!important;transition:all .2s ease!important;touch-action:manipulation!important}.mobile-signout-button:active{transform:scale(.98)!important}}@media (max-width:375px){.mobile-header-container{padding:0 12px!important}.mobile-header-right{min-width:90px!important;gap:2px!important}.mobile-dark-mode-toggle,.mobile-menu-trigger,.mobile-notification-bell,.mobile-profile-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.mobile-sidebar{width:300px!important;max-width:calc(100vw - 24px)!important}}@media (min-width:414px) and (max-width:768px){.mobile-header-right{min-width:110px!important;gap:6px!important}.mobile-dark-mode-toggle,.mobile-menu-trigger,.mobile-notification-bell,.mobile-profile-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}}@media (max-width:768px){.dark .mobile-dark-mode-toggle,.dark .mobile-menu-trigger,.dark .mobile-notification-bell{background:rgba(31,41,55,.9)!important;border-color:rgba(75,85,99,.3)!important}.dark .mobile-dark-mode-toggle:hover,.dark .mobile-menu-trigger:hover,.dark .mobile-notification-bell:hover{background:rgba(55,65,81,.9)!important;border-color:hsla(220,9%,46%,.4)!important}.dark .mobile-profile-button{border-color:rgba(75,85,99,.3)!important}.dark .mobile-profile-button:hover{border-color:rgba(239,68,68,.4)!important}.dark .mobile-sidebar{background:#1f2937!important}.mobile-dark-mode-toggle:focus,.mobile-menu-trigger:focus,.mobile-notification-bell:focus,.mobile-profile-button:focus{outline:2px solid #3b82f6!important;outline-offset:2px!important}}@media (max-width:768px){@media (prefers-contrast:high){.mobile-dark-mode-toggle,.mobile-menu-trigger,.mobile-notification-bell,.mobile-profile-button{border-width:2px!important;border-color:currentColor!important}}@media (prefers-reduced-motion:reduce){.mobile-dark-mode-toggle,.mobile-menu-trigger,.mobile-notification-bell,.mobile-profile-button,.mobile-sidebar-item,.mobile-signout-button{transition:none!important}}}@media (max-width:1023px){.social-sidebar,[class*=sidebar]:not(.mobile-sidebar):not(.mobile-sidebar-content):not(.mobile-sidebar-header):not(.mobile-sidebar-item),[data-component=sidebar]{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}}@media (max-width:768px){.enhanced-mobile-header.landing-page-header,.enhanced-mobile-header.landing-page-header .mobile-header-container{height:72px!important}.header-logo.landing-page-logo{height:48px!important;width:auto!important;transition:all .3s ease!important}.landing-page-signin-btn{background:#ef4444!important;color:#fff!important;font-weight:600!important;padding:8px 20px!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(239,68,68,.2)!important;border:none!important;transition:all .2s ease!important;touch-action:manipulation!important}.landing-page-signin-btn:hover{background:#dc2626!important;box-shadow:0 4px 12px rgba(239,68,68,.3)!important;transform:scale(1.05)!important}.landing-page-signin-btn:active{transform:scale(.95)!important}.enhanced-mobile-header.landing-page-header .mobile-header-right{min-width:80px!important;justify-content:flex-end!important}.enhanced-mobile-header.landing-page-header .mobile-header-left{min-width:20px!important}.enhanced-mobile-header.landing-page-header .mobile-dark-mode-toggle,.enhanced-mobile-header.landing-page-header .mobile-notification-bell{display:none!important}}@media (min-width:376px) and (max-width:768px){.header-logo.landing-page-logo{height:56px!important}.enhanced-mobile-header.landing-page-header,.enhanced-mobile-header.landing-page-header .mobile-header-container{height:80px!important}}@supports (padding:max(0px)){@media (max-width:768px){.enhanced-mobile-header{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}}}@media (max-width:768px){button:not([class*=icon]):not([class*=small]){min-height:44px;min-width:44px}button[type=submit],input[type=submit]{min-height:48px;padding-top:12px;padding-bottom:12px}body{overflow-x:hidden}form{max-width:100vw;box-sizing:border-box}input[type=email],input[type=password],input[type=text],textarea{min-height:44px;font-size:16px}.card,[class*=event-card],[class*=event]{max-width:100%;box-sizing:border-box}}@media (max-width:375px){.container{padding-left:16px;padding-right:16px}}@media (max-width:768px){.mobile-groups-friends-header{position:sticky!important;top:0!important;z-index:50!important;background:hsla(0,0%,100%,.95)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(229,231,235,.8)!important;padding:16px!important}.mobile-groups-friends-header .flex{align-items:center!important;justify-content:space-between!important;gap:16px!important}.mobile-groups-friends-header h1{font-size:18px!important;font-weight:600!important;color:#111827!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-groups-friends-header .badge-container{flex-shrink:0!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important}.mobile-groups-friends-header .badge{background-color:#ef4444!important;color:#fff!important;font-size:12px!important;padding:2px 8px!important;border-radius:12px!important;min-width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;white-space:nowrap!important}.mobile-tabs-container{position:sticky!important;top:64px!important;z-index:40!important;background:#f9fafb!important;padding:0 16px 8px!important;margin:0 -16px!important}.mobile-tabs-list{width:100%!important;height:48px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;border-radius:12px!important;padding:4px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:2px!important}.mobile-tab-trigger{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:40px!important;font-size:16px!important;font-weight:500!important;border-radius:8px!important;transition:all .2s ease!important;touch-action:manipulation!important;min-width:44px!important;padding:8px 12px!important}.mobile-tab-trigger[data-state=active]{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 8px rgba(59,130,246,.3)!important}.mobile-tab-trigger[data-state=active].groups-tab{background:#8b5cf6!important;box-shadow:0 2px 8px rgba(139,92,246,.3)!important}.mobile-tab-trigger svg{width:20px!important;height:20px!important;flex-shrink:0!important}.mobile-tab-badge{background:#ef4444!important;color:#fff!important;font-size:10px!important;padding:2px 6px!important;border-radius:10px!important;min-width:16px!important;height:16px!important;margin-left:4px!important;justify-content:center!important}.mobile-section-header,.mobile-tab-badge{display:flex!important;align-items:center!important}.mobile-section-header{justify-content:space-between!important;margin-bottom:16px!important;gap:16px!important}.mobile-section-title{font-size:18px!important;font-weight:600!important;color:#111827!important;flex:1!important;min-width:0!important}.mobile-add-friend-btn,.mobile-create-group-btn{height:40px!important;padding:8px 16px!important;font-size:14px!important;font-weight:500!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;flex-shrink:0!important;min-width:44px!important;min-height:44px!important;touch-action:manipulation!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;transition:all .2s ease!important}.mobile-add-friend-btn{background:#3b82f6!important;color:#fff!important}.mobile-add-friend-btn:hover{background:#2563eb!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(59,130,246,.3)!important}.mobile-create-group-btn{background:#8b5cf6!important;color:#fff!important}.mobile-create-group-btn:hover{background:#7c3aed!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(139,92,246,.3)!important}.mobile-add-friend-btn svg,.mobile-create-group-btn svg{width:16px!important;height:16px!important;flex-shrink:0!important}.mobile-create-group-modal{width:90vw!important;max-width:400px!important;max-height:80vh!important;overflow-y:auto!important;border-radius:16px!important}.mobile-color-picker-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:16px!important;padding:16px 0!important}.mobile-color-option{width:48px!important;height:48px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;position:relative!important;touch-action:manipulation!important;border:3px solid transparent!important}.mobile-color-option:hover{transform:scale(1.1)!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important}.mobile-color-option.selected{border:3px solid #111827!important;transform:scale(1.15)!important;box-shadow:0 4px 16px rgba(0,0,0,.3)!important}.mobile-color-option svg{width:24px!important;height:24px!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important}.mobile-color-selection-label{text-align:center!important;font-size:12px!important;color:#6b7280!important;margin-top:8px!important;font-weight:500!important}.mobile-group-form input{height:48px!important;font-size:16px!important;padding:12px 16px!important;border-radius:8px!important;border:2px solid #e5e7eb!important;transition:all .2s ease!important}.mobile-group-form input:focus{border-color:#8b5cf6!important;outline:none!important;box-shadow:0 0 0 3px rgba(139,92,246,.1)!important}.mobile-modal-footer{display:flex!important;gap:12px!important;padding-top:16px!important;border-top:1px solid #e5e7eb!important}.mobile-modal-footer button{flex:1!important;height:48px!important;font-size:16px!important;font-weight:500!important;border-radius:8px!important;min-height:44px!important;touch-action:manipulation!important}.mobile-group-card .member-avatars{display:flex!important;align-items:center!important;gap:8px!important;margin-top:12px!important}.mobile-group-card .avatar-stack{display:flex!important;gap:4px!important}.mobile-group-card .avatar-stack .avatar-fallback,.mobile-group-card .avatar-stack img{width:32px!important;height:32px!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.mobile-group-card .member-count{font-size:14px!important;color:#6b7280!important;margin-left:8px!important;white-space:nowrap!important}.mobile-group-actions{flex-shrink:0!important;margin-left:16px!important}.mobile-group-actions button{width:40px!important;height:40px!important;min-width:44px!important;min-height:44px!important;touch-action:manipulation!important}}@media (max-width:480px){.mobile-section-title{font-size:16px!important}.mobile-add-friend-btn span,.mobile-create-group-btn span{display:none!important}.mobile-color-picker-grid{grid-template-columns:repeat(4,1fr)!important}.mobile-color-option{width:44px!important;height:44px!important}}@media (min-width:640px){.mobile-tabs-container{top:80px!important}}@media (max-width:767px){.mobile-tabs-container{position:relative!important;top:auto!important;z-index:10!important;overflow:visible!important;margin-bottom:16px!important}.mobile-tabs-list{display:flex!important;flex-direction:row!important;width:100%!important;height:auto!important;min-height:48px!important}.mobile-tab-trigger,.mobile-tabs-list{position:relative!important;overflow:hidden!important}.mobile-tab-trigger{flex:1!important;max-width:50%!important}.mobile-tab-badge{position:relative!important;flex-shrink:0!important}.mobile-section-header{clear:both!important}.mobile-section-header,[data-state=active][data-orientation=horizontal],[role=tabpanel]{position:relative!important;z-index:1!important;margin-top:16px!important}}@media (max-width:768px){.mobile-create-group-modal{width:92vw!important;max-width:420px!important;max-height:85vh!important;min-height:60vh!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;overflow:hidden!important;border-radius:16px!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important;background:#fff!important}.mobile-create-group-modal>div{height:100%!important;display:flex!important;flex-direction:column!important}.mobile-create-group-modal .dialog-header{flex-shrink:0!important;padding:20px 24px 16px!important;border-bottom:1px solid #e5e7eb!important}.mobile-group-form{flex:1!important;overflow-y:auto!important;padding:20px 24px!important;-webkit-overflow-scrolling:touch!important}.mobile-group-form>div{margin-bottom:24px!important}.mobile-group-form input{height:52px!important;font-size:16px!important;padding:14px 16px!important;border:2px solid #e5e7eb!important;border-radius:12px!important;width:100%!important;box-sizing:border-box!important;transition:border-color .2s ease!important}.mobile-group-form input:focus{border-color:#8b5cf6!important;outline:none!important;box-shadow:0 0 0 3px rgba(139,92,246,.1)!important}.mobile-group-form label{display:block!important;font-weight:600!important;font-size:14px!important;color:#374151!important;margin-bottom:8px!important}.mobile-group-form>div:has(.mobile-color-picker-grid){margin-bottom:32px!important;padding:16px!important;background:#f9fafb!important;border-radius:12px!important;border:1px solid #e5e7eb!important}.mobile-color-picker-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:16px!important;padding:16px 0!important;justify-items:center!important}.mobile-color-option{width:52px!important;height:52px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;border:3px solid transparent!important;cursor:pointer!important;transition:all .3s ease!important;touch-action:manipulation!important;min-width:44px!important;min-height:44px!important}.mobile-color-option:hover{transform:scale(1.1)!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important;z-index:2!important}.mobile-color-option.selected{border:4px solid #111827!important;transform:scale(1.15)!important;box-shadow:0 8px 25px rgba(0,0,0,.2),0 0 0 2px rgba(139,92,246,.3)!important;z-index:3!important}.mobile-color-option svg{width:28px!important;height:28px!important;color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))!important}.mobile-color-selection-label{text-align:center!important;font-size:14px!important;font-weight:600!important;color:#4b5563!important;margin-top:16px!important;padding:8px 16px!important;background:#fff!important;border-radius:8px!important;border:1px solid #e5e7eb!important}.mobile-modal-footer{flex-shrink:0!important;display:flex!important;gap:12px!important;padding:16px 24px 20px!important;border-top:1px solid #e5e7eb!important;background:#fff!important;position:sticky!important;bottom:0!important;z-index:10!important}.mobile-modal-footer button{flex:1!important;height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;min-height:44px!important;touch-action:manipulation!important;transition:all .2s ease!important}.mobile-modal-footer button[variant=outline]{background:#fff!important;border:2px solid #e5e7eb!important;color:#6b7280!important}.mobile-modal-footer button[variant=outline]:hover{border-color:#d1d5db!important;background:#f9fafb!important}.mobile-modal-footer button[type=submit]{font-weight:600!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.mobile-modal-footer button[type=submit]:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(0,0,0,.2)!important}@media (max-width:480px){.mobile-create-group-modal{width:95vw!important;max-height:90vh!important}.mobile-color-picker-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.mobile-color-option{width:48px!important;height:48px!important}.mobile-group-form,.mobile-modal-footer{padding:16px 20px!important}}@media (max-width:360px){.mobile-color-picker-grid{grid-template-columns:repeat(3,1fr)!important}}.mobile-color-option:focus{outline:3px solid #3b82f6!important;outline-offset:2px!important;border-color:#3b82f6!important}.mobile-modal-footer button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.mobile-group-form{scroll-behavior:smooth!important}.mobile-create-group-modal{animation:modalSlideIn .3s ease-out!important}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mobile-color-option{animation:colorOptionFadeIn .2s ease-out forwards!important}.mobile-color-option:first-child{animation-delay:.1s!important}.mobile-color-option:nth-child(2){animation-delay:.15s!important}.mobile-color-option:nth-child(3){animation-delay:.2s!important}.mobile-color-option:nth-child(4){animation-delay:.25s!important}.mobile-color-option:nth-child(5){animation-delay:.3s!important}@keyframes colorOptionFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}}@media (max-width:768px) and (prefers-color-scheme:dark){.mobile-create-group-modal{background:#1f2937!important;color:#fff!important}.mobile-group-form>div:has(.mobile-color-picker-grid){background:#111827!important;border-color:#374151!important}.mobile-group-form input{color:#fff!important}.mobile-color-selection-label,.mobile-group-form input{background:#374151!important;border-color:#4b5563!important}.mobile-color-selection-label{color:#d1d5db!important}.mobile-modal-footer{background:#1f2937!important;border-color:#374151!important}}@media (max-width:768px){[role=button],[tabindex]:not([tabindex="-1"]),a,button,input[type=button],input[type=submit]{min-height:44px!important;min-width:44px!important;position:relative}[role=button]:not(.touch-target-ok),a:not(.touch-target-ok),button:not(.touch-target-ok){padding:max(12px,calc((44px - 100%) / 2))!important}.icon-button,[aria-label]:empty,a[aria-label],button[aria-label]{min-height:48px!important;min-width:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.nav a,.nav button,nav a,nav button{padding:12px!important}.avatar,.nav a,.nav button,.user-avatar,[data-testid=user-avatar],nav a,nav button{min-height:48px!important;min-width:48px!important}.dropdown-item,.menu-item,.nav-tab,.tab,[role=menuitem],[role=tab]{min-height:48px!important;padding:12px 16px!important}.action-button,.close-button,[data-action]{min-height:48px!important;min-width:48px!important}.switch,.toggle,input[type=checkbox],input[type=radio]{min-height:44px!important;min-width:44px!important}.bell-icon,.notification-bell,[data-testid=notification-bell]{min-height:48px!important;min-width:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.action-btn,.interaction-btn,.social-button{min-height:44px!important;min-width:44px!important;padding:10px!important}input[type=email],input[type=password],input[type=text],select,textarea{min-height:48px!important;padding:12px 16px!important}.fab,.floating-action,[data-floating]{min-height:56px!important;min-width:56px!important}.card-action,.interactive-area,[data-interactive]{min-height:48px!important;padding:12px!important}}@media (max-width:768px) and (min-resolution:2dppx){.icon-button,[role=button],a,button{min-height:48px!important;min-width:48px!important}}@media (max-width:360px){[role=button],a,button{font-size:14px!important;padding:10px 12px!important}[role=button],a,button,nav a,nav button{min-height:44px!important;min-width:44px!important}nav a,nav button{padding:10px!important}}@media (prefers-reduced-motion:no-preference){[role=button]:focus,a:focus,button:focus{transform:scale(1.05);transition:transform .1s ease-in-out}}@media (prefers-contrast:high){[role=button],a,button{border:2px solid!important;background:contrast(var(--background))!important}}.debug-touch-targets [role=button],.debug-touch-targets a,.debug-touch-targets button{outline:2px dashed rgba(255,0,0,.5)!important;background:rgba(255,0,0,.1)!important}@media (max-width:768px){.auth-welcome,.welcome-back,[data-auth-state=welcome]{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.auth-form,.login-form,.signin-form,form[data-auth]{width:100%;max-width:400px;margin:0 auto;padding:24px 20px}.auth-container{width:100%;max-width:420px;margin:0 auto;padding:16px;box-sizing:border-box}.auth-form input[type=email],.auth-form input[type=password],.signin-form input[type=email],.signin-form input[type=password]{width:100%;min-height:48px;padding:12px 16px;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:16px;margin-bottom:16px}.auth-form button,.auth-submit,.signin-form button,button[type=submit]{width:100%;min-height:48px;padding:14px 24px;font-size:16px;font-weight:600;border-radius:8px;margin-top:8px;transition:all .2s ease}.auth-primary,.signin-primary,button[data-auth=primary]{background-color:var(--sched-red,#e53e3e);color:#fff;border:none}.auth-primary:hover,.signin-primary:hover{background-color:#c53030;transform:translateY(-1px)}.auth-secondary,.signin-secondary,button[data-auth=secondary]{background-color:transparent;color:var(--sched-red,#e53e3e);border:2px solid var(--sched-red,#e53e3e)}.auth-error,.form-error,.signin-error{background-color:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.auth-success,.form-success,.signin-success{background-color:#c6f6d5;color:#2f855a;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.auth-loading,.signin-loading{position:relative;pointer-events:none}.auth-loading:after,.signin-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-back,.back-to-home,a[href*=home]{display:inline-flex;align-items:center;color:#666;text-decoration:none;font-size:14px;margin-bottom:20px;min-height:44px;padding:10px}.auth-back:hover,.back-to-home:hover{color:var(--sched-red,#e53e3e)}.auth-logo{max-width:120px;height:auto;margin-bottom:24px}.auth-title,.signin-title{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:8px;text-align:center}.auth-subtitle,.signin-subtitle{font-size:16px;color:#666;margin-bottom:32px;text-align:center;line-height:1.5}.social-auth-button{width:100%;min-height:48px;padding:12px 16px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;transition:all .2s ease}.social-auth-button:hover{border-color:#cbd5e0;background:#f7fafc}.auth-divider{position:relative;margin:24px 0;text-align:center}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.auth-divider span{background:#fff;padding:0 16px;color:#666;font-size:14px}}@media (max-width:360px) and (max-height:800px){.auth-container{padding:12px}.auth-form,.signin-form{padding:16px}.auth-title,.signin-title{font-size:20px}}@media (max-width:375px) and (max-height:667px){.auth-container{min-height:100vh;flex-direction:column}.auth-container,.auth-form{display:flex;justify-content:center}.auth-form{flex:1;flex-direction:column;max-width:none}}@media (max-width:768px) and (orientation:landscape){.auth-container{padding:12px;min-height:auto}.auth-form{max-width:500px;padding:20px}.auth-title{font-size:20px;margin-bottom:16px}.auth-subtitle{margin-bottom:20px}}@media (max-width:768px) and (min-resolution:2dppx){.auth-form button,.auth-form input{border-width:1px}}@media (prefers-color-scheme:dark){.auth-form,.signin-form{background:#1a202c;color:#fff}.auth-form input{background:#2d3748;border-color:#4a5568;color:#fff}.auth-form input::-moz-placeholder{color:#a0aec0}.auth-form input::placeholder{color:#a0aec0}.auth-title,.signin-title{color:#fff}.auth-subtitle,.signin-subtitle{color:#a0aec0}}.auth-form input:focus,.signin-form input:focus{outline:2px solid var(--sched-red,#e53e3e);outline-offset:2px;border-color:var(--sched-red,#e53e3e)}.auth-form button:focus,.signin-form button:focus{outline:2px solid #fff;outline-offset:2px}@media (max-width:768px){.mobile-menu-enhanced{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:#fff;box-shadow:2px 0 20px rgba(0,0,0,.1);transition:left .3s cubic-bezier(.25,.46,.45,.94);z-index:1000;overflow-y:auto}.mobile-menu-enhanced.active{left:0}.mobile-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.mobile-menu-backdrop.active{opacity:1;visibility:visible}.mobile-nav-item{display:flex;align-items:center;padding:16px 24px;min-height:56px;color:#1a202c;text-decoration:none;font-weight:500;border-bottom:1px solid #f7fafc;transition:all .2s ease;position:relative}.mobile-nav-item:focus,.mobile-nav-item:hover{background:#f7fafc;padding-left:32px;color:var(--sched-red,#e53e3e)}.mobile-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sched-red,#e53e3e);transform:scaleY(0);transition:transform .2s ease}.mobile-nav-item.active:before,.mobile-nav-item:hover:before{transform:scaleY(1)}.mobile-nav-item-icon{width:24px;height:24px;margin-right:16px;flex-shrink:0}.mobile-button-enhanced{position:relative;overflow:hidden;transition:all .2s ease;transform:translateZ(0)}.mobile-button-enhanced:active{transform:scale(.98) translateZ(0)}.mobile-button-enhanced:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.5);transition:width .6s,height .6s,opacity .6s;transform:translate(-50%,-50%);opacity:0}.mobile-button-enhanced:active:after{width:300px;height:300px;opacity:1;transition:width 0s,height 0s,opacity 0s}.mobile-pull-to-refresh{position:relative;overflow:hidden}.mobile-pull-to-refresh-indicator{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background:var(--sched-red,#e53e3e);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;z-index:10}.mobile-pull-to-refresh.pulling .mobile-pull-to-refresh-indicator{top:20px}.mobile-pull-to-refresh.refreshing .mobile-pull-to-refresh-indicator{top:20px;animation:spin 1s linear infinite}.mobile-form-enhanced{padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin:16px}.mobile-input-enhanced{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;background:#fafafa;transition:all .3s ease;margin-bottom:16px;position:relative}.mobile-input-enhanced:focus{border-color:var(--sched-red,#e53e3e);background:#fff;box-shadow:0 0 0 3px rgba(229,62,62,.1);outline:none;transform:translateY(-2px)}.mobile-input-enhanced:valid{border-color:#48bb78}.mobile-loading-enhanced{position:relative;pointer-events:none;opacity:.7}.mobile-loading-enhanced:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:mobile-spin 1s linear infinite;z-index:1}@keyframes mobile-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-swipe-hint{position:relative;padding-right:40px}.mobile-swipe-hint:after{content:"→";position:absolute;right:16px;top:50%;transform:translateY(-50%);opacity:.5;font-size:18px;animation:mobile-swipe-pulse 2s ease-in-out infinite}@keyframes mobile-swipe-pulse{0%,to{opacity:.5;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(4px)}}.mobile-card-enhanced{background:#fff;border-radius:16px;padding:20px;margin:16px;box-shadow:0 2px 20px rgba(0,0,0,.08);transition:all .3s ease;position:relative;overflow:hidden}.mobile-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.mobile-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sched-red,#e53e3e),var(--sched-blue,#4299e1));transform:scaleX(0);transition:transform .3s ease}.mobile-card-enhanced:hover:before{transform:scaleX(1)}.mobile-notification-enhanced{position:fixed;top:100px;left:16px;right:16px;background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 10px 40px rgba(0,0,0,.15);transform:translateY(-100px);opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:1000;border-left:4px solid var(--sched-red,#e53e3e)}.mobile-notification-enhanced.show{transform:translateY(0);opacity:1}.mobile-notification-enhanced.success{border-left-color:#48bb78}.mobile-notification-enhanced.error{border-left-color:#f56565}.mobile-search-enhanced{position:relative;margin:16px}.mobile-search-enhanced input{width:100%;padding:16px 24px 16px 52px;border:2px solid #e2e8f0;border-radius:25px;font-size:16px;background:#fafafa;transition:all .3s ease}.mobile-search-enhanced input:focus{border-color:var(--sched-red,#e53e3e);background:#fff;box-shadow:0 0 0 3px rgba(229,62,62,.1)}.mobile-search-enhanced:before{content:"🔍";position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.6;z-index:1}.mobile-progress-enhanced{width:100%;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin:16px 0}.mobile-progress-enhanced .progress-bar{height:100%;background:linear-gradient(90deg,var(--sched-red,#e53e3e),var(--sched-blue,#4299e1));border-radius:2px;transition:width .5s ease;position:relative}.mobile-progress-enhanced .progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);animation:mobile-progress-shimmer 2s infinite}@keyframes mobile-progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.mobile-tabs-enhanced{display:flex;background:#f7fafc;border-radius:12px;padding:4px;margin:16px;position:relative;overflow:hidden}.mobile-tabs-enhanced:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--tab-count, 3));background:#fff;border-radius:8px;transition:transform .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateX(calc(var(--active-tab, 0) * 100%))}.mobile-tab-enhanced{flex:1;padding:12px 16px;text-align:center;font-weight:500;color:#666;border:none;background:transparent;border-radius:8px;transition:color .3s ease;position:relative;z-index:1;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-tab-enhanced.active{color:var(--sched-red,#e53e3e)}.mobile-fab-enhanced{position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--sched-red,#e53e3e),#c53030);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 20px rgba(229,62,62,.4);transition:all .3s ease;z-index:100;cursor:pointer}.mobile-fab-enhanced:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 30px rgba(229,62,62,.5)}.mobile-fab-enhanced:active{transform:scale(.95)}.mobile-bottom-nav-enhanced{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;padding:8px 0;display:flex;justify-content:space-around;align-items:center;z-index:50;height:70px}.mobile-bottom-nav-item-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:54px;padding:6px 8px;border-radius:12px;transition:all .2s ease;color:#666;text-decoration:none;font-size:10px;position:relative}.mobile-bottom-nav-item-enhanced.active,.mobile-bottom-nav-item-enhanced:hover{color:var(--sched-red,#e53e3e);background:rgba(229,62,62,.1)}.mobile-bottom-nav-item-enhanced .icon{width:20px;height:20px;margin-bottom:4px;transition:transform .2s ease}.mobile-bottom-nav-item-enhanced:hover .icon{transform:scale(1.2)}}@media (prefers-color-scheme:dark){.mobile-menu-enhanced{background:#1a202c;color:#fff}.mobile-nav-item{color:#e2e8f0;border-bottom-color:#2d3748}.mobile-nav-item:hover{background:#2d3748;color:var(--sched-red,#e53e3e)}.mobile-bottom-nav-enhanced,.mobile-card-enhanced,.mobile-form-enhanced,.mobile-notification-enhanced{background:#1a202c;color:#fff;border-color:#2d3748}.mobile-input-enhanced{background:#2d3748;border-color:#4a5568;color:#fff}.mobile-input-enhanced::-moz-placeholder{color:#a0aec0}.mobile-input-enhanced::placeholder{color:#a0aec0}}@media (prefers-reduced-motion:reduce){.mobile-button-enhanced,.mobile-card-enhanced,.mobile-fab-enhanced,.mobile-input-enhanced,.mobile-nav-item,.mobile-tab-enhanced{transition:none}.mobile-button-enhanced:after,.mobile-progress-enhanced .progress-bar:after{animation:none}}@media (prefers-contrast:high){.mobile-button-enhanced,.mobile-fab-enhanced{border:2px solid}.mobile-input-enhanced:focus{outline:3px solid var(--sched-red,#e53e3e);outline-offset:2px}}.mobile-bottom-nav{z-index:1000!important;position:fixed!important;bottom:0!important;background:hsla(0,0%,100%,.98)!important;backdrop-filter:blur(20px)!important;border-top:1px solid rgba(0,0,0,.1)!important}@media (max-width:768px){.enhanced-gesture-handler,.enhanced-mobile-features-container,.min-h-screen{padding-bottom:100px!important}}.fixed.bottom-4.right-4{bottom:110px!important;z-index:999!important;opacity:.8!important}.mobile-header-right{display:flex!important;align-items:center!important;gap:.5rem!important;overflow:visible!important;flex-wrap:nowrap!important}.mobile-search-enhanced{flex-shrink:1!important;min-width:120px!important;max-width:calc(100vw - 120px)!important}.mobile-search-enhanced input{font-size:14px!important;padding:6px 12px!important;height:32px!important}.mobile-notification-bell{flex-shrink:0!important;width:40px!important;height:40px!important;margin-left:8px!important;z-index:100!important}.mobile-notification-container{flex-shrink:0!important;margin-left:auto!important}.friends-page-content{margin-top:80px!important;margin-bottom:100px!important;padding:16px!important}.mobile-bottom-nav .flex.items-center.justify-around{padding:8px 4px!important;gap:2px!important}.mobile-bottom-nav button{min-width:60px!important;min-height:56px!important;flex:1!important;max-width:none!important}.mobile-bottom-nav button span{font-size:10px!important;line-height:1.2!important;margin-top:4px!important}@media (max-width:375px){.mobile-header-right{gap:.25rem!important}.mobile-search-enhanced{max-width:calc(100vw - 100px)!important}.mobile-notification-bell{width:36px!important;height:36px!important}}@media (max-width:360px){.mobile-header-right{flex-wrap:nowrap!important;overflow:hidden!important}.mobile-search-enhanced{max-width:calc(100vw - 90px)!important}.mobile-search-enhanced input{font-size:13px!important;padding:4px 8px!important}}.block.lg\\:hidden{position:relative!important;z-index:1!important}@media (max-width:768px){.mobile-bottom-nav button,.mobile-notification-bell{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)!important}.min-h-screen{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}}@media (prefers-color-scheme:dark){.mobile-bottom-nav{background:rgba(17,24,39,.98)!important;border-top:1px solid hsla(0,0%,100%,.1)!important}}@media (prefers-reduced-motion:reduce){.mobile-bottom-nav *,.mobile-notification-bell{transition:none!important}}.transform-gpu{transform:translateZ(0);will-change:transform}.animate-bounce,.animate-pulse,.animate-spin,[class*=transition-]{will-change:auto;transform:translateZ(0);backface-visibility:hidden}img{content-visibility:auto}.overflow-auto,.overflow-x-auto,.overflow-y-auto,[class*=scroll]{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.fixed,.sticky{contain:layout style}.content-auto{content-visibility:auto;contain-intrinsic-size:auto 500px}.modal,.sheet,[data-state=open],[role=dialog]{contain:layout style paint}@font-face{font-display:swap}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (hover:none) and (pointer:coarse){[role=button],a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}:hover{transition-delay:0s!important}}.clickable,[role=button],a,button,input[type=button],input[type=submit]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[role=button],button{transition-property:background-color,border-color,color,box-shadow,opacity;transition-duration:.1s;transition-timing-function:ease-out}@media (hover:none) and (pointer:coarse){[role=button]:active,a:active,button:active{transform:scale(.97);transition-duration:50ms!important}}.btn,[role=button],button{transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}[role=button]:after,[role=button]:before,button:after,button:before{transform:translateZ(0)}ol,ul{contain:content}.skeleton,[data-loading=true]{min-height:20px}.avatar img,[class*=avatar] img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.card,[class*=Card],a,button{transform:translateZ(0);backface-visibility:hidden}.space-y-3>*,[data-testid=friends-list],[data-testid=groups-list]{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 80px}[data-radix-scroll-area-viewport]{contain:strict;will-change:scroll-position}.hover\:bg-gray-50:hover,.hover\:shadow-md:hover{will-change:box-shadow,background-color}[data-radix-popper-content-wrapper]{contain:layout style paint}.performance-widget{position:fixed;bottom:80px;right:10px;z-index:9999;pointer-events:none}[role=tabpanel]{contain:layout style}.space-y-3>:nth-child(n+10){content-visibility:auto;contain-intrinsic-size:auto 100px}.dark .text-black,.dark .text-gray-900{color:#f8fafc!important}.dark .text-gray-800{color:#e6edf4!important}.dark .text-gray-700{color:#b3bdcc!important}.dark .text-gray-600{color:#94a3b8!important}.dark .sched-text-body,.dark .sched-text-header,.dark .sched-text-primary,.dark .sched-text-title{color:#f8fafc!important}.dark .sched-text-secondary{color:#94a3b8!important}.dark .bg-white{background-color:#020817!important}.dark .bg-gray-50{background-color:#151c29!important}.dark .bg-gray-100{background-color:#1a2333!important}.dark .bg-gray-200{background-color:#222f44!important}.dark .bg-gray-300{background-color:#2b3b55!important}.dark .bg-white\/95{background-color:rgba(2,8,23,.95)!important}.dark .bg-white\/90{background-color:rgba(2,8,23,.9)!important}.dark .bg-white\/80{background-color:rgba(2,8,23,.8)!important}.dark .bg-white\/60{background-color:rgba(2,8,23,.6)!important}.dark .bg-sched-neutral-100,.dark .bg-sched-neutral-200{background-color:#1e293b!important}.dark .border-gray-100{border-color:#222f44!important}.dark .border-gray-200{border-color:#26344a!important}.dark .border-gray-300{border-color:#2e3f5b!important}.dark .border-gray-400{border-color:#3c5276!important}.dark .border-sched-neutral-200,.dark .border-sched-neutral-300{border-color:#26344a!important}.dark input:not([type=checkbox]):not([type=radio]),.dark select,.dark textarea{background-color:#151c29!important;color:#f8fafc!important;border-color:#26344a!important}.dark input::-moz-placeholder,.dark textarea::-moz-placeholder{color:#7588a3!important}.dark input::placeholder,.dark textarea::placeholder{color:#7588a3!important}.dark .placeholder\:text-gray-400::-moz-placeholder,.dark .placeholder\:text-sched-gray-400::-moz-placeholder{color:#7588a3!important}.dark .placeholder\:text-gray-400::placeholder,.dark .placeholder\:text-sched-gray-400::placeholder{color:#7588a3!important}.dark .sched-input,.dark .sched-textarea,.dark input[type=email],.dark input[type=password],.dark input[type=search],.dark input[type=text]{background-color:#151c29!important;color:#f8fafc!important}.dark .sched-input,.dark .sched-textarea{border-color:#26344a!important}.dark .mobile-input-enhanced,.dark .mobile-select-enhanced,.dark .mobile-textarea-enhanced{background-color:#151c29!important;color:#f8fafc!important}.dark .sched-card{background-color:#030c21!important}.dark .sched-card,.dark .sched-card-footer,.dark .sched-card-header,.dark .sched-menu{border-color:#1e293b!important}.dark .sched-menu{background-color:#030c21!important}.dark .sched-menu-item:hover{background-color:#1a2333!important}.dark .mobile-card{background-color:#030c21!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important}.dark .mobile-drawer{background-color:#020817!important}.dark .mobile-bottom-nav,.dark .mobile-header,.dark header.sticky,.dark nav.mobile-bottom-nav{background-color:rgba(2,8,23,.95)!important;border-color:#1e293b!important}.dark .social-sidebar,.dark [class*=bg-white][class*=border-r]{background-color:#020817!important;border-color:#1e293b!important}.dark .mobile-action-bar{background-color:rgba(2,8,23,.95)!important;border-color:#1e293b!important}.dark .sticky[class*=bg-white]{background-color:#020817!important}.dark [data-state=open][role=dialog],.dark [role=dialog]{background-color:#020817!important;color:#f8fafc!important}.dark [data-radix-popper-content-wrapper]>div,.dark [role=listbox],.dark [role=menu]{background-color:#030c21!important;border-color:#1e293b!important}.dark .mobile-sheet-content,.dark .mobile-sheet-footer,.dark .mobile-sheet-header{background-color:#020817!important;border-color:#1e293b!important}.dark [class*=DropdownMenuContent],.dark [data-side]{background-color:#030c21!important}.dark .sched-btn-cancel{background-color:#1e293b!important;color:#f8fafc!important}.dark .sched-btn-cancel:hover{background-color:#26344a!important}.dark .sched-btn-outline{border-color:#ff2f00!important}.dark .hover\:bg-gray-50:hover{background-color:#151c29!important}.dark .hover\:bg-gray-100:hover{background-color:#1a2333!important}.dark .sched-tab-active,.dark [class*=tab-trigger][data-state=active]{background-color:#1e293b!important;color:#f8fafc!important}.dark .sched-tab{color:#94a3b8!important}.dark .sched-tab:hover{color:#f8fafc!important}.dark .mobile-link:hover{background-color:#1a2333!important}.dark .mobile-link:active{background-color:#222f44!important}.dark svg:not([fill=none]):not([class*=text-]){color:inherit}.dark .text-gray-500 svg,.dark .text-gray-600 svg,.dark [class*=text-gray-] svg{color:#94a3b8!important}.dark .conversation-item,.dark [class*=conversation]{background-color:#030c21!important}.dark .conversation-item:hover{background-color:#151c29!important}.dark .event-card,.dark .social-post,.dark [class*=post-card]{background-color:#030c21!important;border-color:#1e293b!important}.dark .profile-section,.dark [class*=profile] .bg-white{background-color:#030c21!important}.dark .friends-container,.dark .groups-container{background-color:#020817!important}.dark .sched-calendar{background-color:#030c21!important}.dark .sched-calendar,.dark .sched-calendar-header{border-color:#1e293b!important}.dark .sched-calendar-day:hover{background-color:#1a2333!important}.dark .sched-calendar-day-today{background-color:#09295d!important}.dark .sched-notification-info{background-color:rgba(21,95,213,.15)!important}.dark .sched-notification-success{background-color:rgba(159,126,60,.15)!important}.dark .sched-notification-warning{background-color:rgba(245,159,10,.15)!important}.dark .sched-notification-error{background-color:rgba(239,67,67,.15)!important}.dark .sched-tooltip-light{background-color:#030c21!important;color:#f8fafc!important;border-color:#1e293b!important}.dark .sched-progress-bar{background-color:#1e293b!important}.dark .sched-badge{color:#f8fafc!important}.dark [class*=bg-gray-100][class*=text-gray-800]{background-color:#1e293b!important;color:#f8fafc!important}.dark .search-highlight{background-color:#c8a104!important;color:#020817!important}.dark .template-card{border-color:#1048a2!important}.dark .template-card:hover{border-color:#1767e8!important;background-color:#071f46!important}.dark .category-card-mobile:hover{border-color:rgba(255,47,0,.5)!important;background-color:rgba(255,47,0,.05)!important}.dark .category-card-selected{background-color:rgba(255,47,0,.15)!important}.dark .field-validation-error{background-color:rgba(239,67,67,.15)!important;border-color:#d31212!important;color:#f58a8a!important}.dark .field-validation-success{background-color:rgba(21,127,60,.15)!important;border-color:#199a48!important;color:#65e695!important}.dark .field-validation-info{background-color:rgba(21,95,213,.15)!important;border-color:#155dd1!important;color:#74a4f1!important}.dark .mobile-loading-skeleton{background:linear-gradient(90deg,#1a2333,#26344a 50%,#1a2333)!important}.dark .mobile-shadow-soft{box-shadow:0 2px 8px rgba(0,0,0,.4)!important}.dark .mobile-shadow-medium{box-shadow:0 4px 16px rgba(0,0,0,.5)!important}.dark .mobile-shadow-heavy{box-shadow:0 8px 32px rgba(0,0,0,.6)!important}.dark .mobile-focus-ring{--tw-ring-offset-color:#020817!important}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:#020817}.dark ::-webkit-scrollbar-thumb{background:#2b3b55;border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:#3c5276}.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:#ff2f00!important;box-shadow:0 0 0 2px rgba(255,47,0,.2)!important}.dark ::selection{background-color:#ff2f00;color:#fff}.dark ::-moz-selection{background-color:#ff2f00;color:#fff}.dark [data-state=active]{background-color:#1e293b}.dark [data-highlighted]{background-color:#1a2333!important}.dark [data-selected=true]{background-color:#661300!important}