:root{--z-base:0;--z-content:1;--z-card:2;--z-card-hover:3;--z-dropdown:10;--z-tooltip:20;--z-popover:30;--z-sticky-header:40;--z-floating-button:50;--z-sidebar:100;--z-drawer:200;--z-modal-backdrop:300;--z-modal:400;--z-sheet:500;--z-bottom-nav:1000;--z-top-header:1001;--z-toast:2000;--z-notification:3000;--z-fab:4000;--z-system-overlay:10000}[data-isolated-component]{isolation:isolate;contain:layout}[data-bounded-overlay=true]{pointer-events:auto}.touch-target{min-width:44px;min-height:44px;touch-action:manipulation}.safe-overlay{pointer-events:none}.safe-overlay>*{pointer-events:auto}.z-base{z-index:var(--z-base)}.z-content{z-index:var(--z-content)}.z-card{z-index:var(--z-card)}.z-dropdown{z-index:var(--z-dropdown)}.z-tooltip{z-index:var(--z-tooltip)}.z-popover{z-index:var(--z-popover)}.z-sticky-header{z-index:var(--z-sticky-header)}.z-floating-button{z-index:var(--z-floating-button)}.z-sidebar{z-index:var(--z-sidebar)}.z-drawer{z-index:var(--z-drawer)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-sheet{z-index:var(--z-sheet)}.z-bottom-nav{z-index:var(--z-bottom-nav)}.z-top-header{z-index:var(--z-top-header)}.z-toast{z-index:var(--z-toast)}.z-notification{z-index:var(--z-notification)}.z-fab{z-index:var(--z-fab)}.mobile-image-editor{position:fixed;inset:0;z-index:10000;background:#000;display:flex;flex-direction:column;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-image-editor-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1)}.mobile-image-editor-canvas{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.mobile-image-editor-image{max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .1s ease-out;will-change:transform}.mobile-image-editor-crop-overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.mobile-image-editor-crop-frame{position:absolute;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.5)}.mobile-image-editor-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.mobile-image-editor-grid>div{border-right:1px solid hsla(0,0%,100%,.3);border-bottom:1px solid hsla(0,0%,100%,.3)}.mobile-image-editor-grid>div:nth-child(3n){border-right:none}.mobile-image-editor-grid>div:nth-child(n+7){border-bottom:none}.mobile-image-editor-corner{position:absolute;width:20px;height:20px}.mobile-image-editor-corner.top-left{top:-2px;left:-2px;border-top:3px solid #fff;border-left:3px solid #fff;border-top-left-radius:8px}.mobile-image-editor-corner.top-right{top:-2px;right:-2px;border-top:3px solid #fff;border-right:3px solid #fff;border-top-right-radius:8px}.mobile-image-editor-corner.bottom-left{bottom:-2px;left:-2px;border-bottom:3px solid #fff;border-left:3px solid #fff;border-bottom-left-radius:8px}.mobile-image-editor-corner.bottom-right{bottom:-2px;right:-2px;border-bottom:3px solid #fff;border-right:3px solid #fff;border-bottom-right-radius:8px}.mobile-image-editor-controls{flex-shrink:0;background:#111;border-top:1px solid hsla(0,0%,100%,.1)}.mobile-image-editor-tabs{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1)}.mobile-image-editor-tab{flex:1;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.5);background:transparent;border:none;transition:color .2s,background .2s;cursor:pointer}.mobile-image-editor-tab:active{background:hsla(0,0%,100%,.05)}.mobile-image-editor-tab.active{color:#3b82f6;border-bottom:2px solid #3b82f6;margin-bottom:-1px}.mobile-image-editor-slider-container{padding:16px}.mobile-image-editor-slider-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:hsla(0,0%,100%,.6);margin-bottom:8px}.mobile-image-editor-slider-value{color:#fff;font-weight:500}.mobile-image-editor-slider [data-radix-slider-thumb]{width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3)}.mobile-image-editor-slider [data-radix-slider-track]{background:hsla(0,0%,100%,.2);height:4px;border-radius:2px}.mobile-image-editor-slider [data-radix-slider-range]{background:#3b82f6;border-radius:2px}.mobile-image-editor-rotation-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px}.mobile-image-editor-rotate-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;transition:background .2s,transform .1s;cursor:pointer}.mobile-image-editor-rotate-btn:active{transform:scale(.95);background:hsla(0,0%,100%,.2)}.mobile-image-editor-reset{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:transparent;border:none;color:hsla(0,0%,100%,.5);font-size:14px;cursor:pointer;transition:color .2s}.mobile-image-editor-reset:hover{color:#fff}.mobile-image-editor-save-container{padding:16px 16px max(16px,env(safe-area-inset-bottom));background:#111;border-top:1px solid hsla(0,0%,100%,.1)}.mobile-image-editor-save-btn{width:100%;height:52px;background:#3b82f6;color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s,transform .1s}.mobile-image-editor-save-btn:active{transform:scale(.98);background:#2563eb}.mobile-image-editor-save-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-image-editor-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:hsla(0,0%,100%,.5);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.profile-photo-upload-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width:640px){.profile-photo-upload-modal{align-items:center;padding:16px}}.profile-photo-upload-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:100%;overflow:hidden;animation:slideUp .3s ease-out}@media (min-width:640px){.profile-photo-upload-sheet{border-radius:16px;max-width:400px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-photo-upload-option{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;background:transparent;border:none;text-align:left;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.profile-photo-upload-option:active{background:rgba(0,0,0,.05)}.profile-photo-upload-option-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-photo-upload-option-icon.camera{background:rgba(59,130,246,.1);color:#3b82f6}.profile-photo-upload-option-icon.library{background:rgba(168,85,247,.1);color:#a855f7}.profile-photo-upload-option-icon.remove{background:rgba(239,68,68,.1);color:#ef4444}@media (prefers-color-scheme:dark){.profile-photo-upload-sheet{background:#1f2937}.profile-photo-upload-option:active{background:hsla(0,0%,100%,.05)}}.safe-area-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}@media (prefers-reduced-motion:no-preference){.mobile-image-editor-image{transition:transform .15s ease-out}.mobile-image-editor-rotate-btn,.mobile-image-editor-save-btn{transition:all .2s ease-out}}@media (prefers-contrast:high){.mobile-image-editor-crop-frame{border-width:3px}.mobile-image-editor-corner{border-width:4px}}.mobile-form-label{display:block;margin-bottom:.75rem!important;line-height:1.4!important}.mobile-form-input,.mobile-form-select,.mobile-form-textarea{position:relative;z-index:1}.mobile-form-container .text-sm.text-gray-500,.mobile-form-container .text-xs.text-gray-500{margin-top:.5rem!important;line-height:1.5!important}@media (max-width:768px){.mobile-form-container .space-y-3>*+*{margin-top:1rem!important}.mobile-form-container .space-y-4>*+*{margin-top:1.25rem!important}.mobile-form-container label+button,.mobile-form-container label+div,.mobile-form-container label+input,.mobile-form-container label+select,.mobile-form-container label+textarea{margin-top:.5rem!important}.mobile-form-container label+p.text-sm{margin-top:.25rem!important;margin-bottom:.5rem!important}}.create-event-container [class*=CardHeader]{padding-bottom:.75rem!important}.create-event-container [class*=CardTitle]{line-height:1.3!important}.create-event-container [class*=CardDescription]{margin-top:.5rem!important;line-height:1.5!important}.social-wall-filters,div[class*="flex flex-wrap items-center gap-2"]{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;align-items:center!important}.social-wall-filters [data-radix-select-trigger],.social-wall-filters button{min-height:44px!important;min-width:44px!important}@media (max-width:480px){.social-wall-filters [data-radix-select-trigger]{min-width:100px!important;max-width:calc(50vw - 24px)!important}.social-wall-filters{gap:.375rem!important}}.social-wall-filters button[class*=justify-start] .truncate{max-width:100px!important}@media (min-width:481px){.social-wall-filters button[class*=justify-start] .truncate{max-width:150px!important}}.events-filter-container,div[style*="padding-bottom: 5rem"],div[style*="padding-bottom: 8rem"]{padding-bottom:1rem!important}.events-quick-filters,.flex.flex-wrap.gap-2.justify-center{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;padding-bottom:.5rem!important}.events-quick-filters button,.flex.flex-wrap.gap-2 button[class*=h-7],.flex.flex-wrap.gap-2 button[class*=h-8]{flex-shrink:0!important;white-space:nowrap!important}.events-search-section{margin-bottom:1rem!important}.active-filters-display{margin-top:.75rem!important;padding-top:.75rem!important}@media (max-width:480px){.events-quick-filters{justify-content:flex-start!important}.events-quick-filters button{min-height:36px!important;padding-left:.75rem!important;padding-right:.75rem!important}}.event-export-card .flex.flex-col.gap-2,.event-export-card .flex.flex-col.gap-3{gap:.5rem!important}@media (max-width:640px){.event-export-card .flex.flex-col.sm\:flex-row{flex-direction:column!important}.event-export-card button{width:100%!important;justify-content:flex-start!important}}.advanced-tools-section button,.quick-actions-section button{min-height:44px!important}.dark .create-event-container,.dark .mobile-form-container,.dark .mobile-form-wrapper{color:hsl(var(--foreground))!important}.dark .create-event-container [class*=CardHeader],.dark .mobile-form-wrapper [class*=CardHeader]{background:linear-gradient(to right,hsl(var(--muted)/.5),hsl(var(--muted)/.3))!important}.dark .create-event-container [class*=CardDescription],.dark .create-event-container [class*=CardTitle],.dark .mobile-form-wrapper [class*=CardDescription],.dark .mobile-form-wrapper [class*=CardTitle]{color:hsl(var(--foreground))!important}.dark .create-event-container .text-blue-700,.dark .create-event-container .text-blue-800,.dark .mobile-form-wrapper .text-blue-700,.dark .mobile-form-wrapper .text-blue-800{color:#66b3ff!important}.dark .create-event-container input,.dark .create-event-container select,.dark .create-event-container textarea,.dark .mobile-form-input,.dark .mobile-form-select,.dark .mobile-form-textarea{background-color:hsl(var(--background))!important;color:hsl(var(--foreground))!important;border-color:hsl(var(--border))!important}.dark .create-event-container input::-moz-placeholder,.dark .create-event-container textarea::-moz-placeholder{color:hsl(var(--muted-foreground))!important}.dark .create-event-container input::placeholder,.dark .create-event-container textarea::placeholder{color:hsl(var(--muted-foreground))!important}.dark .create-event-container .text-gray-500,.dark .create-event-container .text-gray-600,.dark .create-event-container .text-gray-700,.dark .mobile-form-wrapper .text-gray-500,.dark .mobile-form-wrapper .text-gray-600,.dark .mobile-form-wrapper .text-gray-700{color:hsl(var(--muted-foreground))!important}.dark .create-event-container label,.dark .mobile-form-label,.dark .mobile-form-wrapper label{color:hsl(var(--foreground))!important}.dark .social-wall-filters,.dark [class*="bg-white rounded-xl"]{background-color:hsl(var(--card))!important;color:hsl(var(--card-foreground))!important}.dark .social-wall-filters [class*=text-gray-900],.dark .social-wall-filters h2{color:hsl(var(--foreground))!important}.dark .social-wall-filters [data-radix-select-trigger],.dark .social-wall-filters button{background-color:hsl(var(--background))!important;color:hsl(var(--foreground))!important;border-color:hsl(var(--border))!important}.dark .events-filter-container,.dark .events-quick-filters,.dark .events-quick-filters button{color:hsl(var(--foreground))!important}.dark .events-quick-filters button[class*=default],.dark .events-quick-filters button[data-state=on]{background-color:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important}.dark .event-export-card,.dark [class*="border-blue-200 bg-blue-50"]{background-color:hsl(var(--card))!important;border-color:hsl(var(--border))!important}.dark .event-export-card [class*=text-blue-700],.dark .event-export-card [class*=text-blue-900]{color:#66b3ff!important}.dark .event-export-card button{color:hsl(var(--foreground))!important}.dark [data-radix-popper-content-wrapper] [class*=bg-white]{background-color:hsl(var(--popover))!important;color:hsl(var(--popover-foreground))!important}.dark [role=dialog] [class*=bg-gray-50],.dark [role=dialog] [class*=bg-white]{background-color:hsl(var(--background))!important}.dark [role=dialog] [class*=text-gray-700],.dark [role=dialog] [class*=text-gray-800],.dark [role=dialog] [class*=text-gray-900]{color:hsl(var(--foreground))!important}.dark .events-quick-filters [class*=Badge],.dark .social-wall-filters [class*=Badge]{background-color:hsl(var(--muted))!important;color:hsl(var(--muted-foreground))!important}.dark [class*="bg-gradient-to-br from-blue-50"],.dark [class*="bg-gradient-to-r from-blue-50"]{background:linear-gradient(to right,hsl(var(--muted)/.3),hsl(var(--muted)/.2))!important}.dark .create-event-container .bg-gray-200{background-color:hsl(var(--muted))!important}.dark .create-event-container .bg-gradient-to-r.from-blue-500{background:linear-gradient(90deg,#0080ff,#b3f)!important}[role=button],[type=button],[type=submit],a,button{min-height:44px}button.h-6,button.h-7,button.h-8{min-height:auto;touch-action:manipulation}a.btn-mobile,button.btn-mobile{min-height:44px!important;display:inline-flex!important;align-items:center!important}.events-filter-container *,.events-quick-filters *,.social-wall-filters *{overflow-wrap:break-word;word-break:break-word}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.advanced-tools-section [data-feature-status=coming-soon]{opacity:.7;cursor:not-allowed}.advanced-tools-section [data-feature-status=coming-soon]:after{content:" (Coming Soon)";font-size:.75rem;color:var(--muted-foreground,#6b7280)}.event-export-card button,[class*="border-blue-200 bg-blue-50"] button,[class*="border-blue-200 bg-gradient-to-r"] button{min-height:44px!important;touch-action:manipulation}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}@media (max-width:480px){.quick-actions-grid{grid-template-columns:1fr 1fr}.quick-actions-grid button{font-size:.75rem;padding:.5rem}}[data-radix-popper-content-wrapper]{z-index:9999!important}.create-event-container [class*=isolation]{isolation:isolate}.az-category-selector{position:relative;z-index:10}.az-category-selector [data-radix-popper-content-wrapper]{z-index:9999!important}@media (min-width:768px) and (max-width:1366px){.touch-target,[role=button],button{min-height:44px!important;min-width:44px!important}*{touch-action:manipulation}[role=button],a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){[class*=CardFooter]{display:flex!important;flex-direction:column!important;gap:8px!important;padding:16px!important}[data-mobile-dialog-content=true]{max-height:85vh!important;max-width:90vw!important;width:auto!important;min-width:320px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.space-y-3{padding-bottom:16px!important}.flex.gap-2{flex-wrap:nowrap!important}.h-10,.h-11{height:48px!important;font-size:16px!important}[role=button].p-4{padding:16px!important;min-height:80px!important}[class*=CardContent],[class*=Card]{overflow:visible!important}}@media (min-width:1024px) and (max-width:1366px) and (orientation:landscape){.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important}[class*=Card]{overflow:visible!important;min-height:auto!important}[class*=CardFooter]{flex-direction:row!important;padding:16px!important;overflow:visible!important}[class*=CardFooter],[class*=CardFooter]>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important}[class*=CardFooter]>div{width:100%!important}[class*=CardFooter] [role=button],[class*=CardFooter] button{flex:1 1 auto!important;min-width:100px!important;max-width:none!important;overflow:visible!important}[data-mobile-dialog-content=true]{max-width:600px!important;max-height:80vh!important}[data-mobile-dialog-content=true] .space-y-3{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}[data-mobile-dialog-content=true] .space-y-3>[role=button]{width:100%!important;min-height:100px!important}}@supports (-webkit-touch-callout:none){.h-screen,.min-h-screen{height:100dvh!important;min-height:100dvh!important}[data-mobile-dialog-overlay=true]{overscroll-behavior:contain!important;-webkit-overflow-scrolling:auto!important}[role=button],button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}[role=button]{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}}@media (min-width:768px) and (max-width:1366px){.aspect-\[16\/9\],.aspect-\[2\/1\]{position:relative!important;overflow:visible!important}.group-hover\:opacity-100{opacity:1!important}.p-4.pt-0.space-y-2{flex-direction:column!important}.flex.gap-2,.p-4.pt-0.space-y-2{display:flex!important;gap:8px!important;overflow:visible!important}.flex.gap-2{width:100%!important}.flex.gap-2>*{flex:1!important;min-width:0!important}.flex-1.h-10,.flex-1.h-11,button.flex-1{height:48px!important;min-height:48px!important}[data-mobile-dialog-content=true]{padding:24px!important;border-radius:16px!important}[data-mobile-dialog-content=true] button{height:52px!important;font-size:16px!important}[data-mobile-dialog-content=true] .space-y-3 button{margin-bottom:0!important}}@media (hover:none) and (pointer:coarse){[role=button]:active,button:active{transform:scale(.97)!important;transition:transform .1s ease-out!important}[role=button].p-4:active{transform:scale(.98)!important;background-color:var(--active-bg,rgba(0,0,0,.05))!important}}@supports (padding:env(safe-area-inset-bottom)){@media (min-width:768px) and (max-width:1366px){[data-mobile-dialog-overlay=true]{padding-bottom:env(safe-area-inset-bottom,0)!important}[data-mobile-dialog-content=true]{margin-bottom:env(safe-area-inset-bottom,0)!important}}}@media (max-width:767px){.touch-target,[role=button],button:not(.h-8):not(.h-6):not(.h-5){min-height:44px!important;min-width:44px!important}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px!important}[data-mobile-dialog-content=true]{width:95vw!important;max-width:400px!important;max-height:80dvh!important;margin:0 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}[data-mobile-dialog-content=true] .space-y-3{display:flex!important;flex-direction:column!important;gap:12px!important}[data-mobile-dialog-content=true] [role=button],[data-mobile-dialog-content=true] button{width:100%!important;min-height:56px!important;padding:12px 16px!important;font-size:15px!important;line-height:1.4!important}[class*=CardFooter]{padding:12px!important}[class*=CardFooter] .flex.gap-2{flex-direction:column!important;gap:8px!important}[class*=CardFooter] .flex.gap-2>*{flex:none!important;width:100%!important}[class*=CardFooter] [role=button],[class*=CardFooter] button{overflow:visible!important;white-space:normal!important;height:auto!important;min-height:44px!important;padding-top:12px!important;padding-bottom:12px!important}}@media (max-width:430px) and (orientation:portrait){[data-mobile-dialog-content=true]{padding:16px!important}[data-mobile-dialog-content=true] h3{font-size:16px!important}[data-mobile-dialog-content=true] [role=button],[data-mobile-dialog-content=true] button{padding:10px 12px!important;min-height:52px!important}[data-mobile-dialog-content=true] .w-12.h-12{width:40px!important;height:40px!important}[data-mobile-dialog-content=true] .w-6.h-6{width:20px!important;height:20px!important}}@media (max-width:932px) and (max-height:430px) and (orientation:landscape){[data-mobile-dialog-content=true]{max-height:90vh!important;padding:12px!important}[data-mobile-dialog-content=true] .space-y-3{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}[data-mobile-dialog-content=true] [role=button],[data-mobile-dialog-content=true] button{min-height:48px!important;font-size:13px!important}}@supports (-webkit-touch-callout:none){[role=button],a,button{-webkit-touch-callout:none!important}[data-mobile-dialog-content=true]{-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}[data-mobile-dialog-content=true] input{font-size:16px!important}[role=button]:active,button:active{opacity:.85!important;transform:scale(.98)!important}[class*=Avatar],[data-radix-avatar-root]{aspect-ratio:1/1!important;border-radius:9999px!important;overflow:hidden!important}[class*=Avatar] img,[data-radix-avatar-image]{aspect-ratio:1/1!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:9999px!important;width:100%!important;height:100%!important}[class*=AvatarFallback],[data-radix-avatar-fallback]{aspect-ratio:1/1!important;border-radius:9999px!important;display:flex!important;align-items:center!important;justify-content:center!important}}.rounded-lg [class*=Avatar]{aspect-ratio:1/1;flex-shrink:0}@media print{[data-mobile-dialog-overlay=true]{display:none!important}}@media (min-width:1367px){[class*=CardFooter]{display:flex!important;flex-direction:column!important;gap:8px!important}[class*=CardFooter]>.flex.gap-2,[class*=CardFooter]>div.flex.gap-2:last-child{flex-direction:row!important;width:100%!important}}@media (min-width:1024px) and (max-width:1366px){[class*=CardFooter]{flex-direction:column!important}[class*=CardFooter]>.flex.gap-2{flex-direction:row!important}}@media (min-width:1024px){[class*=CardFooter] [class*=group-attendance-status],[class*=CardFooter]>div:has([class*=Card][class*=border-2]){margin-top:0!important;margin-bottom:0!important}[class*=CardFooter] [class*=CardContent]{padding:12px!important}}@media (min-width:1024px){.grid>[class*=motion],.grid>div:has([class*=Card]){margin-bottom:0!important}.grid.gap-6{gap:24px!important}.grid>[class*=motion]>.relative>.mt-2{margin-top:8px!important;margin-bottom:0!important}.grid>[class*=motion]>.relative>[class*=Card],.grid>div>[class*=Card]{height:auto!important;min-height:auto!important}[class*=CardFooter].space-y-2{flex-direction:column!important;align-items:stretch!important}[class*=CardFooter]>div.flex.gap-2{width:100%!important;justify-content:stretch!important}[class*=CardFooter]>div.flex.gap-2>[role=button],[class*=CardFooter]>div.flex.gap-2>button{flex:1!important}}.h-safe-area-bottom{height:env(safe-area-inset-bottom,0)}.filter-touch-target{min-height:48px;min-width:48px}.filter-scroll-area,.filter-scroll-area>div{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@supports (-webkit-touch-callout:none){input[type=number],input[type=search],input[type=text],select,textarea{font-size:16px!important}}[data-state=open][role=dialog]{-webkit-overflow-scrolling:touch}.filter-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out}.filter-item:active{background-color:rgba(0,0,0,.08)}.dark .filter-item:active{background-color:hsla(0,0%,100%,.08)}.sheet-drag-handle{width:48px;height:5px;background-color:hsla(0,0%,50%,.4);border-radius:3px;margin:12px auto}@media (max-width:767px){.btn-mobile{min-height:44px;padding:8px 16px}[data-radix-popper-content-wrapper]{max-height:80vh!important}.category-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-scroll-container::-webkit-scrollbar{display:none}.quick-filter-pill{min-height:44px;padding:8px 16px;border-radius:22px;white-space:nowrap;flex-shrink:0}[data-state]>button{min-height:56px}}body.filter-sheet-open{overflow:hidden;position:fixed;width:100%}@media screen and (hover:none) and (pointer:coarse){[role=button],[role=menuitem],[role=option],[role=tab],button,select{cursor:pointer;touch-action:manipulation}.filter-scroll-area{-moz-user-select:none;user-select:none;-webkit-user-select:none}}@supports (-webkit-touch-callout:none){.filter-sheet-content{height:100%;max-height:-webkit-fill-available}.filter-sheet-wrapper{overscroll-behavior:contain}}[data-radix-select-viewport]{-webkit-overflow-scrolling:touch;max-height:300px}.filter-badge{position:absolute;top:-4px;right:-4px;min-width:18px;min-height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border-radius:9999px}.dark .filter-section-bg{background-color:rgba(31,41,55,.5);border-color:rgba(75,85,99,.5)}[role=checkbox]{min-width:24px;min-height:24px}.filter-focusable:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.filter-transition{transition:all .2s ease-out}.universal-friends-container{width:100%;height:100%;background-color:#fff;contain:layout style}.dark .universal-friends-container{background-color:#111827}.universal-friends-container ::-webkit-scrollbar{width:8px;height:8px}.universal-friends-container ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dark .universal-friends-container ::-webkit-scrollbar-track{background:#1f2937}.universal-friends-container ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark .universal-friends-container ::-webkit-scrollbar-thumb{background:#4b5563}.universal-friends-container ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .universal-friends-container ::-webkit-scrollbar-thumb:hover{background:#6b7280}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.az-jump-bar{-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}@media (max-width:599px){.az-jump-bar{display:flex;flex-direction:row;gap:4px;padding:8px 12px;background-color:#f9fafb;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.dark .az-jump-bar{background-color:#1f2937}.az-jump-bar button{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;font-weight:600}}@media (min-width:600px){.az-jump-bar{position:fixed;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;padding:8px 4px;background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:50}.dark .az-jump-bar{background-color:rgba(17,24,39,.95)}.az-jump-bar button{width:24px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:11px;font-weight:600}}.friend-row{transition:background-color .15s ease;contain:layout style;will-change:transform}.friend-row:active{background-color:#f3f4f6!important}.dark .friend-row:active{background-color:#374151!important}@media (hover:none){.friend-row{-webkit-tap-highlight-color:transparent}}.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;font-size:14px;font-weight:500;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.filter-chip.active{background-color:#2563eb;color:#fff;box-shadow:0 4px 6px -1px rgba(37,99,235,.3)}.filter-chip:not(.active){background-color:#f3f4f6;color:#374151}.dark .filter-chip:not(.active){background-color:#374151;color:#e5e7eb}.letter-header{position:sticky;top:0;z-index:20;padding:8px 16px;background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;font-weight:700;font-size:14px;color:#374151}.dark .letter-header{background-color:#1f2937;border-color:#374151;color:#e5e7eb}.dark .universal-friends-container h1,.dark .universal-friends-container h2,.dark .universal-friends-container h3,.dark .universal-friends-container h4{color:#f9fafb}.dark .universal-friends-container p,.dark .universal-friends-container span:not(.filter-chip span){color:#e5e7eb}.dark .universal-friends-container input{background-color:#1f2937;border-color:#374151;color:#f9fafb}.dark .universal-friends-container input::-moz-placeholder{color:#9ca3af}.dark .universal-friends-container input::placeholder{color:#9ca3af}.dark .universal-friends-container input:focus{border-color:#3b82f6}@media (max-width:599px){.universal-friends-container{padding-bottom:80px}.friend-row{padding:8px 12px}.universal-friends-container button,.universal-friends-container input{min-height:44px}}@media (min-width:600px) and (max-width:1023px){.universal-friends-container{padding-right:40px}.friend-row{padding:12px 16px}}@media (min-width:1024px){.universal-friends-container{padding-right:44px}.friend-row{padding:16px 24px}.friend-row:hover{background-color:#f9fafb}.dark .friend-row:hover{background-color:#1f2937}}mark{background-color:#fef08a;color:inherit;padding:0 2px;border-radius:2px}.dark mark{background-color:#854d0e;color:#fef3c7}.online-indicator{width:12px;height:12px;background-color:#22c55e;border:2px solid #fff;border-radius:50%;position:absolute;bottom:0;right:0}.dark .online-indicator{border-color:#1f2937}.empty-state{flex-direction:column;padding:64px 24px;text-align:center}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:80px;height:80px;border-radius:50%;background-color:#f3f4f6;margin-bottom:16px}.dark .empty-state-icon{background-color:#374151}.universal-friends-container [style*=transform]{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.universal-friends-container>*{contain:layout style}@supports (-webkit-touch-callout:none){.universal-friends-container{-webkit-overflow-scrolling:touch}}.universal-friends-container button:focus-visible,.universal-friends-container input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){.universal-friends-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (forced-colors:active){.filter-chip.active,.online-indicator{border:2px solid CanvasText}}@media (min-width:768px) and (max-width:1023px){.social-sidebar-container,.social-sidebar-main,.social-sidebar-wrapper{display:flex!important;visibility:visible!important;width:72px!important;min-width:72px!important;max-width:72px!important;transition:width .2s ease-in-out!important;overflow:hidden!important}.social-sidebar-container .sidebar-description,.social-sidebar-container .sidebar-label,.social-sidebar-container .sidebar-label-container,.social-sidebar-container .sidebar-title,.social-sidebar-main .sidebar-description,.social-sidebar-main .sidebar-label,.social-sidebar-main .sidebar-label-container,.social-sidebar-main .sidebar-title{display:none!important}.social-sidebar-container .sidebar-header,.social-sidebar-main .sidebar-header{padding:12px 8px!important;justify-content:center!important}.social-sidebar-container .uppercase,.social-sidebar-main .uppercase{display:none!important}.social-sidebar-container a,.social-sidebar-main a{justify-content:center!important;padding:12px 8px!important;min-height:48px!important;width:100%!important}.social-sidebar-container .sidebar-link-content,.social-sidebar-main .sidebar-link-content{justify-content:center!important;flex:none!important;width:auto!important}.social-sidebar-container .sidebar-icon,.social-sidebar-main .sidebar-icon{margin:0!important;flex-shrink:0!important}.main-content-area{margin-left:0!important;width:calc(100% - 72px)!important}.hamburger-menu-btn{display:none!important}.header-right-controls{gap:8px!important}.header-right-controls>*{flex-shrink:0!important}.desktop-navigation{display:none!important}.header-right-controls button,.header-right-controls>div>button{min-width:44px!important;min-height:44px!important;padding:8px!important}.header-user-button{min-height:44px!important}.dark-mode-toggle-container button,.header-user-button{width:44px!important;height:44px!important;min-width:44px!important}.dark-mode-toggle-container button{padding:0!important}.notification-bell-container{display:flex!important;flex-shrink:0!important}}@media (min-width:600px) and (max-width:767px){.social-sidebar-container,.social-sidebar-main,.social-sidebar-wrapper{display:none!important;visibility:hidden!important;width:0!important;overflow:hidden!important}.hamburger-menu-btn{display:flex!important}.main-content-area{margin-left:0!important;width:100%!important}.header-right-controls{gap:4px!important}.header-right-controls button,.header-right-controls>div>button{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;padding:8px!important}.header-right-controls svg{width:20px!important;height:20px!important}.header-right-controls>*{overflow:visible!important;flex-shrink:0!important}.desktop-navigation{display:none!important}.header-user-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}}@media (max-width:1023px){header .container,header>div{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.header-logo{max-width:100px!important;height:auto!important;flex-shrink:1!important}.desktop-navigation,nav.hidden.lg\:flex{display:none!important}.header-right-controls{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;flex-shrink:0!important}.header-right-controls>*{flex-shrink:0!important;position:relative!important}.header-right-controls span:not(.sr-only):not([class*=badge]){display:none!important}}.header-logo,.header-right-controls,.main-content-area,.social-sidebar-container,.social-sidebar-main,.social-sidebar-wrapper,header{transition:all .2s ease-in-out!important}@media (max-width:1023px){.touch-target,a[role=button],button{min-width:44px!important;min-height:44px!important}}@media (prefers-color-scheme:dark){.social-sidebar-container,.social-sidebar-main{background-color:#111827!important;border-color:#374151!important}}.dark .social-sidebar-container,.dark .social-sidebar-main{background-color:#111827!important;border-color:#374151!important}@media (max-width:599px){.social-sidebar-container,.social-sidebar-main,.social-sidebar-wrapper{display:none!important}.hamburger-menu-btn{display:flex!important}.main-content-area{margin-left:0!important;width:100%!important}.desktop-navigation{display:none!important}}@media (min-width:1024px){.social-sidebar-container,.social-sidebar-main,.social-sidebar-wrapper{display:flex!important;width:256px!important;min-width:256px!important;max-width:256px!important}.social-sidebar-container .sidebar-description,.social-sidebar-container .sidebar-label,.social-sidebar-container .sidebar-label-container,.social-sidebar-container .sidebar-title,.social-sidebar-main .sidebar-description,.social-sidebar-main .sidebar-label,.social-sidebar-main .sidebar-label-container,.social-sidebar-main .sidebar-title{display:block!important}.hamburger-menu-btn{display:none!important}.desktop-navigation{display:flex!important}.desktop-nav-label{display:inline!important}}