*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}.portal-login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0a0a12}.portal-login-bg>canvas{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;z-index:0}.portal-login-card{animation:portalCardEntrance .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px) scale(.98)}@keyframes portalCardEntrance{to{opacity:1;transform:translateY(0) scale(1)}}.portal-logo-shimmer{background:linear-gradient(90deg,#34d399,#6ee7b7,#34d399 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:portalShimmer 3s ease-in-out infinite}@keyframes portalShimmer{0%{background-position:0% center}to{background-position:200% center}}.portal-sidebar{background:linear-gradient(180deg,#0f1a14,#0a1510 40%,#081210)!important;border-right:1px solid rgba(52,211,153,.06)!important}.portal-sidebar .ant-menu{background:transparent!important}.portal-sidebar .ant-menu-item{margin:2px 8px!important;border-radius:10px!important;color:#ffffff73!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;height:42px!important;line-height:42px!important}.portal-sidebar .ant-menu-item:hover{color:#ffffffd9!important;background:#34d39914!important}.portal-sidebar .ant-menu-item-selected{background:linear-gradient(135deg,#34d39926,#10b98114)!important;color:#34d399!important;font-weight:600!important;box-shadow:inset 3px 0 #34d399}.portal-sidebar .ant-menu-item .anticon{font-size:16px!important}.portal-header-premium{background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.04)!important;box-shadow:0 1px 8px #00000008!important}.portal-stat-card{border-radius:16px!important;border:1px solid rgba(0,0,0,.04)!important;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.portal-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1a5c3a,#34d399);opacity:0;transition:opacity .3s}.portal-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a5c3a1a!important}.portal-stat-card:hover:before{opacity:1}.portal-fade-in-up{animation:portalFadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes portalFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.portal-fade-in-up:nth-child(1){animation-delay:0s}.portal-fade-in-up:nth-child(2){animation-delay:.08s}.portal-fade-in-up:nth-child(3){animation-delay:.16s}.portal-fade-in-up:nth-child(4){animation-delay:.24s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.portal-content .ant-card{border-radius:14px;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 3px #0000000a;transition:all .25s ease}.portal-content .ant-card:hover{box-shadow:0 4px 16px #0000000f}.ant-btn-primary{box-shadow:0 2px 8px #1a5c3a33!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.ant-btn-primary:hover{box-shadow:0 4px 16px #34d3994d!important;transform:translateY(-1px)}.ant-tag{border-radius:6px!important;font-weight:500!important}.portal-login-card .ant-input-affix-wrapper,.portal-login-card .ant-input-affix-wrapper-lg{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;height:52px!important;padding:0 16px!important}.portal-login-card .ant-input-affix-wrapper:hover,.portal-login-card .ant-input-affix-wrapper-focused,.portal-login-card .ant-input-affix-wrapper:focus-within{border-color:#34d39966!important;box-shadow:0 0 0 2px #34d39914!important}.portal-login-card .ant-input,.portal-login-card .ant-input-lg{background:transparent!important;border:none!important;color:#fff!important;font-size:14px!important;height:auto!important;box-shadow:none!important}.portal-login-card .ant-input::placeholder{color:#ffffff4d!important}.portal-login-card .ant-input-prefix{color:#ffffff40!important;margin-inline-end:10px!important}.portal-login-card .ant-input-suffix{color:#ffffff40!important}.portal-login-card .ant-input-password-icon{color:#ffffff4d!important}.portal-login-card .ant-form-item-explain-error{color:#f87171!important;font-size:12px!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.mention-dropdown{position:absolute;bottom:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 -4px 24px #0000001f;z-index:50;margin-bottom:6px}.mention-dropdown .mention-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid #fafafa}.mention-dropdown .mention-item:last-child{border-bottom:none}.mention-dropdown .mention-item:hover,.mention-dropdown .mention-item.active{background:#f0fdf4}.reply-preview-bar{display:flex;align-items:center;padding:8px 12px;background:#f0fdf4;border-radius:8px;border-left:3px solid #1a5c3a;margin-bottom:8px;gap:8px;font-size:12px}.reply-preview-bar .reply-content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}.msg-reply-preview{padding:6px 10px;margin-bottom:6px;border-radius:8px;border-left:3px solid rgba(26,92,58,.4);font-size:12px;cursor:pointer;transition:background .15s}.msg-reply-preview:hover{opacity:.8}.msg-reply-preview.is-me{background:#ffffff1f;border-left-color:#fff6}.msg-reply-preview.is-other{background:#f8f9fa;border-left-color:#1a5c3a}.msg-bubble-wrapper{position:relative}.msg-bubble-wrapper .msg-hover-actions{position:absolute;top:-8px;opacity:0;transition:opacity .15s;z-index:5;display:flex;gap:2px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2px;box-shadow:0 2px 8px #00000014}.msg-bubble-wrapper .msg-hover-actions.left{right:0}.msg-bubble-wrapper .msg-hover-actions.right{left:0}.msg-bubble-wrapper:hover .msg-hover-actions{opacity:1}.channel-layout{display:flex;height:calc(100vh - 200px);gap:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.channel-sidebar{width:220px;border-right:1px solid #f0f0f0;padding:12px 0;overflow-y:auto;flex-shrink:0}.dm-layout{display:flex;height:calc(100vh - 200px);min-height:450px;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.dm-sidebar{width:280px;border-right:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;flex-shrink:0}.dm-chat{flex:1;display:flex;flex-direction:column;min-width:0}@media(max-width:767px){.portal-sidebar{display:none!important}.portal-main{margin-left:0!important}.portal-content{padding:12px!important}.portal-header-premium{padding:0 12px!important}.ant-tabs-nav{padding:0!important}.channel-layout{flex-direction:column!important;height:auto!important;max-height:calc(100dvh - 260px)!important;min-height:300px;border:none!important;border-radius:0!important;overflow:hidden!important}.channel-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #e5e7eb;padding:4px 0!important;max-height:50px!important;min-height:40px!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-direction:row!important;gap:0;flex-shrink:0!important}.channel-sidebar>*{white-space:nowrap;min-width:max-content}.channel-sidebar-label{display:none!important}.dm-layout{flex-direction:column!important;height:calc(100vh - 280px)!important;min-height:350px!important;border:none!important;border-radius:0!important}.dm-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #e5e7eb;max-height:240px;flex-shrink:0}.dm-sidebar.dm-hidden{display:none!important}.dm-chat{flex:1;min-height:0!important}.dm-chat-empty{display:none!important}.msg-bubble{max-width:85%!important}.msg-bubble-wrapper .msg-hover-actions{opacity:1;position:static;margin-top:4px}.mention-dropdown{max-height:160px}.member-grid{grid-template-columns:1fr!important}.chat-input-bar{padding:8px 12px!important}.chat-input-bar .ant-input{font-size:16px!important}}@media(max-width:375px){.msg-bubble{max-width:90%!important}.dm-sidebar{max-height:200px}}