@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.transition-smooth{transition:all .2s ease-in-out}.transition-fast{transition:all .1s ease-in-out}.transition-slow{transition:all .4s ease-in-out}.hover-lift{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hover-scale{transition:transform .2s ease-in-out}.hover-scale:hover{transform:scale(1.02)}.channel-item:hover{background-color:#64748b1a}.channel-item.active{background-color:#64748b33}.sidebar-toggle{transition:width .3s ease-in-out}.sidebar-collapse{animation:slideOutLeft .3s ease-in-out}.sidebar-expand{animation:slideInLeft .3s ease-in-out}.search-dropdown{animation:fadeIn .2s ease-out}.search-result-item{transition:all .15s ease-in-out}.search-result-item:hover{background-color:#f3f4f6;transform:translate(2px)}.unread-badge{animation:scaleIn .3s ease-out}.unread-badge.new-message{animation:bounce .5s ease-out}.unread-badge.pulse{animation:pulse 2s infinite}.channel-item{transition:all .2s ease-in-out}.channel-item:hover{background-color:#64748b1a;transform:translate(4px)}.channel-item.active{background-color:#64748b33;border-left:3px solid #3b82f6}.channel-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#3b82f6;animation:slideInRight .3s ease-out}.organization-dropdown{animation:slideUp .2s ease-out}.organization-item{transition:all .15s ease-in-out}.organization-item:hover{background-color:#f3f4f6;transform:scale(1.02)}.message-bubble{animation:slideUp .3s ease-out}.message-bubble:hover{transform:scale(1.01)}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.button-primary{transition:all .2s ease-in-out}.button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.button-primary:active{transform:translateY(0)}.form-input{transition:all .2s ease-in-out}.form-input:focus{transform:scale(1.01);box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.animate-fade-in,.animate-slide-in-left,.animate-slide-in-right,.animate-slide-up,.animate-scale-in{animation-duration:.2s}.transition-smooth,.transition-fast,.transition-slow{transition-duration:.1s}.hover-lift:hover,.hover-scale:hover,.search-result-item:hover,.channel-item:hover,.organization-item:hover{transform:none}.sidebar-toggle{transition-duration:.2s}.button-primary:hover{transform:none;box-shadow:none}.form-input:focus{transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background-color:#f9fafb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#f9fafb}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}