.app-shell{display:flex;min-height:100vh}.app-shell>aside:first-child{flex-shrink:0;position:sticky;top:0;height:100vh;overflow:hidden}.app-shell>div:last-child,.app-shell>main{flex:1;min-width:0}.sidebar-nav{width:260px;min-width:260px;max-width:260px;position:sticky;top:0;height:100vh;z-index:30;display:flex;flex-direction:column;padding:16px;background:rgba(255,255,255,.25);backdrop-filter:blur(40px) saturate(140%);-webkit-backdrop-filter:blur(40px) saturate(140%);border-right:1px solid rgba(255,255,255,.4);overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:4px 8px;margin-bottom:20px;border-radius:16px;transition:all .2s ease;text-align:left}.sidebar-logo:hover{background:rgba(255,255,255,.4)}.sidebar-logo-icon{width:40px;height:40px;min-width:40px;border-radius:14px;background:linear-gradient(135deg,#0066ff,#7c3aed);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,102,255,.3);color:white}.sidebar-logo-text h1{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1;color:#0f172a}.sidebar-logo-text p{font-size:11px;color:#94a3b8;margin-top:2px}.sidebar-create{width:100%;margin-bottom:16px;justify-content:flex-start;gap:8px;padding:10px 16px}.sidebar-nav-section{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.nav-cat{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;padding:0 12px;margin-bottom:4px;margin-top:12px;white-space:nowrap}.nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border-radius:14px;font-weight:600;font-size:14px;color:#64748b;transition:all .2s ease;position:relative;white-space:nowrap}.nav-link:hover{background:rgba(255,255,255,.6);color:#0f172a}.nav-link.active{background:linear-gradient(135deg,rgba(0,102,255,.1),rgba(0,212,170,.08));color:#0f172a;box-shadow:inset 0 0 0 1px rgba(0,102,255,.15)}.nav-icon-wrap{display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px}.nav-link.active .nav-icon-wrap{color:#0066ff}.nav-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:22px;height:20px;padding:0 6px;color:#fff;border-radius:9999px;font-size:10px;font-weight:800}.nav-badge,.upgrade-card-inner{background:linear-gradient(135deg,#0066ff,#7c3aed)}.upgrade-card-inner{position:relative;overflow:hidden;border-radius:24px;padding:20px;color:white;box-shadow:0 4px 20px rgba(0,102,255,.2)}.upgrade-deco{position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}.upgrade-deco-1{width:96px;height:96px;right:-24px;top:-24px}.upgrade-deco-2{width:128px;height:128px;right:-8px;bottom:-40px}.upgrade-card-inner h4{font-size:14px;font-weight:800;margin-top:8px}.upgrade-card-inner p{font-size:11px;opacity:.9;margin-top:4px;line-height:1.5}.upgrade-card-inner button{margin-top:12px;width:100%;font-size:12px;font-weight:700;padding:8px 12px;border-radius:12px;background:white;color:#0066ff}.attendee-card-inner{border-radius:24px;padding:20px;background:linear-gradient(135deg,rgba(0,212,170,.15),rgba(0,102,255,.15));border:1px solid rgba(0,212,170,.2)}.attendee-card-inner h4{font-size:14px;font-weight:800;margin-top:8px;color:#0f172a}.attendee-card-inner p{font-size:11px;color:#64748b;margin-top:4px;line-height:1.5}@media (max-width:768px){.app-shell>aside:first-child{display:none!important}.app-shell main{padding-left:.75rem!important;padding-right:.75rem!important}.app-shell main h1.text-3xl{font-size:1.25rem!important}}.filter-hide{display:none!important}.sidebar-nav{transition:width .2s cubic-bezier(.4,0,.2,1),min-width .2s cubic-bezier(.4,0,.2,1),max-width .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1)}.sidebar-nav.collapsed{width:72px;min-width:72px;max-width:72px;padding:16px 8px}.sidebar-nav.collapsed .attendee-card,.sidebar-nav.collapsed .nav-cat,.sidebar-nav.collapsed .nav-text,.sidebar-nav.collapsed .upgrade-card{display:none!important}.sidebar-nav.collapsed .sidebar-create{padding:10px;justify-content:center;border-radius:50%;width:44px;height:44px;margin:0 auto 16px}.sidebar-nav.collapsed .sidebar-create .nav-text{display:none!important}.sidebar-nav.collapsed .nav-link{justify-content:center;padding:10px;border-radius:12px}.sidebar-nav.collapsed .nav-badge{position:absolute;top:2px;right:2px;margin-left:0;min-width:16px;height:16px;font-size:8px;padding:0;display:inline-flex}