:root{--bg-deep:#081019;--bg-surface:#0c141f;--bg-base:#0e1826;--bg-card:#121c2a;--bg-raised:#182636;--bg-hover:#1e2f44;--bg-input:#101c2b;--border:#22334a;--border-strong:#2f4666;--border-color:#22334a;--accent:#18b5a5;--accent-hover:#2ccbb9;--accent-deep:#0f8a7e;--on-accent:#04241f;--accent-soft:#18b5a524;--text:#e6ebf2;--text-muted:#8fa0b3;--text-faint:#64788f;--danger:#ef4444;--warning:#f59e0b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;width:100%;height:100dvh;overflow:hidden}body{background:var(--bg-base);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.message-list,.sidebar-sections,.member-list,.emoji-picker-popup,.gif-picker,.mention-dropdown,.search-overlay-results{overscroll-behavior:contain}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-page{background:linear-gradient(135deg, var(--bg-deep) 0%, var(--bg-base) 50%, var(--bg-deep) 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:40px}@media (width<=480px){.auth-card{padding:24px 20px}}.auth-logo{text-align:center;margin-bottom:8px}.auth-logo-img{filter:brightness(0)invert();width:auto;height:48px;margin-bottom:12px}.auth-logo h1{color:#fff;font-size:22px;font-weight:700}.admin-badge{color:#fff;background:#7c3aed;border-radius:10px;margin-top:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.auth-subtitle{text-align:center;color:#8b90a0;margin-bottom:28px;font-size:14px}.auth-error{color:#f87171;background:#dc26261a;border:1px solid #dc26264d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input{background:var(--bg-base);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:var(--accent)}.btn-primary{background:linear-gradient(135deg, var(--accent), #5b6cd9);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--border);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px}.auth-footer{text-align:center;color:#8b90a0;margin-top:20px;font-size:13px}.auth-footer a{color:var(--accent);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.loading-screen{color:#8b90a0;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.community-layout{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--bg-surface);border-right:1px solid var(--bg-raised);flex-direction:column;width:260px;min-width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--bg-raised);padding:16px}.sidebar-brand{align-items:center;display:flex}.brand-logo{filter:brightness(0)invert();width:auto;height:30px}.sidebar-sections{flex:1;padding:8px 0;overflow-y:auto}.sidebar-section{margin-bottom:4px}.section-header{color:#8b90a0;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:6px 16px;font-size:12px;font-weight:600;display:flex}.channel-list{list-style:none}.channel-item{cursor:pointer;color:#8b90a0;border-radius:4px;align-items:center;gap:8px;margin:1px 8px;padding:6px 16px 6px 24px;font-size:14px;transition:background .15s,color .15s;display:flex}.channel-item:hover{background:var(--bg-raised);color:var(--text)}.channel-item.active{color:#fff;background:#18b5a526}.channel-item.has-unread{color:#fff;font-weight:600}.channel-icon{font-size:15px}.channel-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.unread-badge{color:#fff;background:#dc2626;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex}.dm-item .unread-badge{background:var(--accent)}.section-badge{color:#fff;background:#dc2626;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:flex}.sidebar-section:last-child .section-badge{background:var(--accent)}.dm-item{padding-left:20px}.dm-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:600;display:flex}.online-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px}.dm-empty-hint{color:var(--text-faint);padding:8px 20px;font-size:12px;font-style:italic}.sidebar-footer{border-top:1px solid var(--bg-raised);align-items:center;gap:10px;padding:12px 16px;display:flex}.user-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex;position:relative}.user-online-dot{border:2px solid var(--bg-card);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.user-details{min-width:0}.user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--text-faint);text-transform:capitalize;font-size:11px}.logout-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:color .15s,background .15s}.message-area{background:var(--bg-base);flex-direction:column;flex:1;min-width:0;display:flex}.mobile-top-bar{display:none}.message-header{border-bottom:1px solid var(--bg-raised);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.message-header-title{color:#fff;font-size:16px;font-weight:700}.message-header-desc{color:var(--text-faint);margin-top:2px;font-size:12px}.toggle-members-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px;display:flex;position:relative}.toggle-members-btn:hover{color:var(--text);background:var(--bg-raised)}.online-count-badge{color:#22c55e;background:#22c55e26;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex}.message-list{flex-direction:column;flex:1;padding:16px 20px;display:flex;overflow-y:auto}.message-list:before{content:"";flex:1}.empty-messages{height:100%;color:var(--text-faint);justify-content:center;align-items:center;font-size:14px;display:flex}.message-bubble{border-radius:4px;gap:12px;padding:8px 0;transition:background .15s;display:flex}.message-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:13px;font-weight:600;display:flex}.message-content{flex:1;min-width:0}.message-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.message-sender{color:#fff;font-size:14px;font-weight:600}.role-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border-radius:4px;max-width:200px;padding:1px 5px;font-size:8px;font-weight:700;display:inline-block;overflow:hidden}.badge-mod{color:#a78bfa;background:#7c3aed33}.badge-coordinator,.badge-instructor{color:#60a5fa;background:#1d4ed833}.badge-alumni{color:#34d399;background:#05966933}.badge-learner,.badge-employee{color:#fbbf24;background:#d9770633}.badge-newhire{color:#38bdf8;background:#0ea5e933}.authority-moderator{background:#8b5cf60a;border-left:3px solid #8b5cf6;padding-left:12px}.authority-moderator .sender-moderator{color:#a78bfa}.authority-coordinator,.authority-instructor{background:#3b82f60a;border-left:3px solid #3b82f6;padding-left:12px}.authority-coordinator .sender-coordinator,.authority-instructor .sender-instructor{color:#60a5fa}.ann-popup-overlay{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080b12b8;justify-content:center;align-items:center;padding:20px;animation:.25s annFadeIn;display:flex;position:fixed;inset:0}@keyframes annFadeIn{0%{opacity:0}to{opacity:1}}.ann-popup{border:1px solid #18b5a573;border-top:4px solid var(--accent);background:#232837;border-radius:16px;width:100%;max-width:480px;max-height:85vh;padding:26px 24px 20px;animation:.3s cubic-bezier(.34,1.4,.64,1) annPopIn;position:relative;overflow-y:auto;box-shadow:0 12px 48px #00000080,0 0 40px #18b5a52e}@keyframes annPopIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ann-popup-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:12px;right:12px}.ann-popup-close:hover{color:var(--text)}.ann-popup-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.ann-popup-tag{letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:4px;margin-bottom:10px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.ann-popup-sender{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:700}.ann-popup-sender-title{color:var(--text-faint);font-weight:500}.ann-popup-body{color:var(--text);white-space:pre-wrap;margin-bottom:18px;font-size:13.5px;line-height:1.65}.ann-actions{flex-direction:column;gap:8px;margin:4px 0 16px;display:flex}.ann-action-row{background:var(--accent-soft);border:1px solid #18b5a559;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:flex}.ann-action-icon{color:var(--accent);flex-shrink:0}.ann-action-value{min-width:0;color:var(--accent);overflow-wrap:anywhere;flex:1;font-size:13.5px;font-weight:700;text-decoration:none}.ann-action-value:hover{text-decoration:underline}.ann-action-copy{background:var(--accent);color:#06211d;cursor:pointer;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:700;display:flex}.ann-action-copy:hover{background:var(--accent-hover)}.ann-action-copy.copied{background:#2ccb84}.ann-popup-actions{gap:10px;display:flex}.ann-popup-open{background:var(--accent);color:#06211d;cursor:pointer;border:none;border-radius:8px;flex:1;padding:11px 16px;font-size:14px;font-weight:700}.ann-popup-open:hover{background:var(--accent-hover)}.ann-popup-later{border:1px solid var(--border);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:8px;padding:11px 16px;font-size:14px}.ann-popup-later:hover{color:var(--text);border-color:var(--text-faint)}.announcement-card-wrapper{justify-content:center;padding:10px 0;display:flex}.announcement-card{background:#252a36;border:1px solid #363c4e;border-radius:14px;width:88%;max-width:640px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000040,0 0 0 1px #ffffff08}.announcement-card:hover{transform:translateY(-1px);box-shadow:0 8px 32px #00000059,0 0 0 1px #ffffff0d}.announcement-accent-bar{background:linear-gradient(180deg, var(--accent), #7c3aed);flex-shrink:0;width:5px}.announcement-card.authority-moderator .announcement-accent-bar{background:linear-gradient(#a78bfa,#7c3aed)}.announcement-card.authority-instructor .announcement-accent-bar{background:linear-gradient(#60a5fa,#2563eb)}.announcement-card.authority-moderator,.announcement-card.authority-instructor{background:#252a36;border-left:none;padding-left:0}.announcement-card.authority-moderator{border-color:#8b5cf640}.announcement-card.authority-instructor{border-color:#3b82f640}.announcement-inner{flex:1;min-width:0}.announcement-header{align-items:center;gap:12px;padding:14px 18px 10px;display:flex}.announcement-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.announcement-header-info{flex:1;min-width:0}.announcement-header-top{align-items:center;gap:8px;display:flex}.announcement-sender{color:#fff;font-size:14px;font-weight:700}.announcement-time{color:var(--text-faint);margin-top:2px;font-size:11px}.announcement-tag{color:#60a5fa;white-space:nowrap;background:#18b5a51f;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.announcement-card.authority-moderator .announcement-tag{color:#a78bfa;background:#8b5cf626}.announcement-card.authority-instructor .announcement-tag{color:#60a5fa;background:#3b82f626}.announcement-body{padding:4px 18px 18px}.announcement-body:has(.message-image:last-child){padding-bottom:0}.announcement-body .message-text{color:#c8cdd8;font-size:14px;line-height:1.65}.announcement-body .message-text strong{color:#f0f2f5}.announcement-body .message-image{width:calc(100% + 36px);max-width:100%;margin-top:12px;margin-left:-18px;margin-right:-18px}.announcement-body .message-image img{object-fit:cover;border-radius:0;width:100%;max-height:400px}.announcement-body .message-image:last-child img{border-radius:0 0 13px}.announcement-body .message-image:first-child img{border-radius:0}.announcement-body .message-image:first-child:last-child img{border-radius:0 0 13px}.announcement-body .message-file{margin-top:12px}.msg-style-highlight{background:#eab3080f;border:1px solid #eab30826;border-left:3px solid #eab308;border-radius:8px;margin:4px 0;padding:10px 12px 10px 14px}.msg-style-highlight:hover{background:#eab30817}.msg-style-important{background:#ef44440f;border:1px solid #ef444426;border-left:3px solid #ef4444;border-radius:8px;margin:4px 0;padding:10px 12px 10px 14px;box-shadow:0 1px 8px #ef44440f}.msg-style-important:hover{background:#ef444417}.important-prefix{color:#ef4444;text-transform:uppercase;letter-spacing:.5px;background:#ef44441a;border-radius:4px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.message-text{color:#d1d5e0;word-break:break-word;font-size:14px;line-height:1.5}.message-text strong{color:#fff}.message-image{max-width:400px;margin-top:8px}.message-image.gif-image{max-width:100%}.message-image img{cursor:pointer;border-radius:8px;width:100%}.message-image.gif-image img{object-fit:contain;border-radius:10px;width:100%;max-height:360px}.image-lightbox{z-index:10000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-lightbox img{object-fit:contain;cursor:default;border-radius:8px;max-width:95%;max-height:95vh}.message-edit-form{margin:4px 0}.message-edit-textarea{background:var(--bg-input);width:100%;color:inherit;border:1px solid var(--border);font:inherit;resize:vertical;border-radius:8px;padding:8px 10px;font-size:14px}.message-edit-actions{gap:8px;margin-top:6px;display:flex}.message-edit-save,.message-edit-cancel{cursor:pointer;border:none;border-radius:6px;padding:4px 14px;font-size:12px}.message-edit-save{background:var(--accent);color:#fff}.message-edit-cancel{color:var(--text-muted);border:1px solid var(--border);background:0 0}.profile-edit-label{color:var(--text-muted);margin:12px 0 4px;font-size:12px;display:block}.profile-edit-bio{background:var(--bg-input);width:100%;color:inherit;border:1px solid var(--border);font:inherit;resize:none;border-radius:8px;padding:8px 10px;font-size:14px}.message-file{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:10px;max-width:320px;margin-top:8px;padding:10px 14px;font-size:13px;text-decoration:none;transition:background .15s;display:inline-flex}.message-file:hover{background:var(--bg-hover)}.file-icon-box{width:36px;height:36px;color:var(--accent);background:#18b5a526;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-details{flex:1;min-width:0}.file-name-text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.file-type-label{color:var(--text-faint);font-size:11px}.file-download-icon{color:var(--text-faint);flex-shrink:0}.message-text a{color:var(--accent);word-break:break-all;text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text code{color:#7ab8f5;background:#18b5a51a;border-radius:4px;padding:1px 5px;font-family:Fira Code,Consolas,monospace;font-size:13px}.message-text em{color:#c0c4d4}.admin-only-notice{text-align:center;color:var(--text-faint);border-top:1px solid var(--bg-raised);background:var(--bg-surface);flex-shrink:0;padding:14px 20px;font-size:13px}.training-gate-notice{color:#f59e0b}.message-input-container{border-top:1px solid var(--bg-raised);flex-shrink:0;padding:12px 20px 16px}.file-preview{background:var(--bg-raised);color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.file-preview button{color:var(--text-faint);cursor:pointer;background:0 0;border:none}.message-input-form{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;align-items:flex-end;gap:8px;padding:6px 10px;display:flex}.message-textarea{width:100%;color:var(--text);resize:none;scrollbar-width:none;background:0 0;border:none;outline:none;max-height:120px;padding:6px 0;font-family:inherit;font-size:14px;overflow-y:auto}.message-textarea::-webkit-scrollbar{display:none}.message-textarea::placeholder{color:var(--text-faint)}.attach-btn,.send-btn,.emoji-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:color .15s}.attach-btn:hover,.emoji-btn:hover{color:var(--text-muted)}.send-btn{color:var(--accent)}.send-btn:hover{color:#6ba5e5}.send-btn:disabled{color:var(--border-strong);cursor:not-allowed}.emoji-wrapper{align-items:center;display:flex;position:relative}.emoji-picker-popup{z-index:100;border-radius:10px;position:absolute;bottom:40px;left:0;overflow:hidden;box-shadow:0 8px 30px #0006}.emoji-picker-admin,.gif-picker-admin{z-index:300}em-emoji-picker{--rgb-background:34, 37, 45;--rgb-input:46, 50, 64;--rgb-color:225, 228, 234}.file-size{color:var(--text-faint);font-size:11px}.gif-wrapper{align-items:center;display:flex;position:relative}.gif-btn,.gif-btn-admin{border:1px solid var(--border-strong);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:2px 6px;transition:color .15s,border-color .15s;display:flex}.gif-btn:hover,.gif-btn-admin:hover{color:var(--text-muted);border-color:var(--text-faint)}.gif-btn-label{letter-spacing:.5px;font-size:11px;font-weight:700}.gif-picker-popup{z-index:100;position:absolute;bottom:40px;left:0}.gif-picker-admin{bottom:36px;left:auto;right:0}.gif-picker{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:340px;height:400px;display:flex;overflow:hidden;box-shadow:0 8px 30px #0006}.gif-picker-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px;display:flex}.gif-search-box{background:var(--bg-base);border:1px solid var(--border);border-radius:6px;flex:1;align-items:center;gap:6px;padding:6px 10px;display:flex}.gif-search-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.gif-search-box input::placeholder{color:var(--text-faint)}.gif-search-box button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0}.gif-close-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px}.gif-close-btn:hover{color:var(--text)}.gif-picker-grid{flex-wrap:wrap;flex:1;align-content:flex-start;gap:4px;padding:8px;display:flex;overflow-y:auto}.gif-item{cursor:pointer;border-radius:6px;flex:calc(50% - 2px);min-width:100px;max-height:140px;transition:opacity .15s;overflow:hidden}.gif-item:hover{opacity:.8}.gif-item img{object-fit:cover;width:100%;height:100%;display:block}.gif-loading,.gif-empty{width:100%;color:var(--text-faint);justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}.gif-spinner{animation:1s linear infinite spin}.gif-picker-footer{border-top:1px solid var(--border);opacity:.6;justify-content:flex-end;padding:6px 10px;display:flex}.message-bubble.has-gif{padding:8px 0}.message-bubble.has-gif:hover{background:#ffffff05}.message-bubble.has-gif .message-content{border:1px solid var(--border);background:#252a36;border-radius:12px;flex-direction:column;max-width:420px;padding:0;display:flex;overflow:hidden}.gif-card-header{align-items:center;gap:10px;padding:12px 14px 6px;display:flex}.gif-card-header .message-avatar{width:30px;height:30px;margin-top:0;font-size:11px}.gif-card-meta{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.gif-card-text{padding:0 14px 8px}.gif-card-media{width:100%}.gif-card-media a{display:block}.gif-card-media img{object-fit:cover;border-radius:0 0 11px 11px;width:100%;max-height:340px;display:block}.member-list{background:var(--bg-surface);border-left:1px solid var(--bg-raised);width:240px;min-width:240px;padding:16px 12px;overflow-y:auto}.member-section{margin-bottom:20px}.member-section-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 8px;font-size:11px;font-weight:600}.member-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;transition:background .15s;display:flex}.member-item:hover,.member-item-expanded{background:var(--bg-raised)}.member-expand-card{align-items:center;gap:10px;padding:6px 8px 10px 46px;animation:.15s ease-out expandIn;display:flex}@keyframes expandIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.member-expand-dept{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.member-expand-dm-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:4px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.member-expand-dm-btn:hover{background:#4338ca}.member-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex}.member-info{flex:1;min-width:0}.member-name{color:var(--text);white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:500;display:flex}.member-name-text{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.member-title{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.newhire-tag{text-transform:uppercase;letter-spacing:.3px;color:#18b5a5;background:#18b5a520;border-radius:3px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:600;line-height:16px}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:#22c55e}.status-dot.offline{background:var(--text-faint)}.admin-join-alert{z-index:9999;color:#fff;background:#059669;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;animation:.3s slideInRight;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 4px 20px #0006}.admin-join-alert button{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:16px}.admin-join-alert button:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.admin-layout{background:var(--bg-base);flex-direction:column;height:100vh;display:flex}.admin-header{background:var(--bg-surface);border-bottom:1px solid var(--bg-raised);align-items:center;gap:20px;padding:12px 20px;display:flex}.admin-header-left{align-items:center;gap:12px;display:flex}.admin-header h1{color:#fff;white-space:nowrap;font-size:18px;font-weight:700}.admin-tabs{flex:1;gap:4px;display:flex}.admin-tabs button{color:#8b90a0;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.admin-tabs button:hover{background:var(--bg-raised);color:var(--text)}.admin-tabs button.active{color:var(--accent);background:#18b5a526}.admin-logout{border:1px solid var(--border);color:#8b90a0;cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.admin-logout:hover{color:#f87171;border-color:#f871714d}.admin-body{flex:1;overflow:hidden}.mobile-back-btn{display:none}.admin-conversations{height:100%;display:flex}.admin-user-list{border-right:1px solid var(--bg-raised);background:var(--bg-surface);flex-direction:column;width:300px;min-width:300px;display:flex}.admin-user-scroll{flex:1;overflow-y:auto}.admin-panel-header{border-bottom:1px solid var(--bg-raised);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.admin-panel-header h3,.admin-panel-header h2{color:#fff;font-size:14px;font-weight:600}.admin-panel-header button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px}.admin-user-item{cursor:pointer;border-bottom:1px solid var(--bg-base);align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.admin-user-item:hover{background:var(--bg-base)}.admin-user-item.active{border-left:3px solid var(--accent);background:#18b5a51a}.user-meta{min-width:0}.user-email{color:var(--text-faint);font-size:11px}.user-stats{color:var(--accent);margin-top:2px;font-size:11px}.admin-feed{flex-direction:column;flex:1;min-width:0;display:flex}.admin-feed-header{border-bottom:1px solid var(--bg-raised);padding:12px 20px}.admin-feed-header h3{color:#fff;font-size:15px}.feed-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn-training-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;transition:all .15s;display:flex}.btn-training-toggle:hover{color:#c9a94e;border-color:#c9a94e}.btn-training-toggle.active{color:#c9a94e;background:#c9a94e1a;border-color:#c9a94e}.admin-training-panel{border:1px solid var(--bg-raised);background:#13151b;border-radius:8px;margin-top:10px;padding:12px}.admin-training-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.admin-training-status{text-transform:uppercase;letter-spacing:1px;color:#f59e0b;font-size:11px;font-weight:600}.admin-training-count{color:var(--text-faint);font-size:12px}.admin-training-steps{flex-direction:column;gap:4px;display:flex}.admin-train-step{background:var(--bg-card);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:6px 10px;display:flex}.admin-train-step.done{background:#22c55e0f}.admin-train-step-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.admin-train-step-icon{background:var(--bg-raised);width:22px;height:22px;color:var(--text-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.admin-train-step-icon.completed{color:#fff;background:#22c55e}.admin-train-step-title{color:#d1d5db;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}a.admin-train-proof{color:#8b5cf6;flex-shrink:0;align-items:center;gap:3px;font-size:10px;text-decoration:none;display:inline-flex}a.admin-train-proof:hover{text-decoration:underline}.btn-reset-step{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-reset-step:hover{color:#ef4444;background:#ef44441a}.btn-reset-step:disabled{opacity:.4;cursor:default}.admin-feed-messages{flex:1;padding:16px 20px;overflow-y:auto}.feed-section{margin-bottom:24px}.feed-section h4{color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px}.feed-msg{border-left:3px solid #0000;border-radius:8px;margin-bottom:8px;padding:10px 14px}.feed-msg.from-user{border-left-color:var(--accent);background:#18b5a514}.feed-msg.from-profile{background:#7c3aed14;border-left-color:#7c3aed}.dm-chat-flow{flex-direction:column;gap:4px;padding:8px 0;display:flex}.dm-chat-flow .feed-msg{border-left:none;border-radius:16px;max-width:55%;margin-bottom:0;padding:8px 12px}.dm-chat-flow .feed-msg.from-user{background:#2563eb;border-bottom-right-radius:4px;align-self:flex-end}.dm-chat-flow .feed-msg.from-user .feed-msg-header strong{color:#fff}.dm-chat-flow .feed-msg.from-user .feed-msg-body{color:#e8f0fe}.dm-chat-flow .feed-msg.from-user .feed-msg-time{color:#ffffff80}.dm-chat-flow .feed-msg.from-profile{background:var(--bg-hover);border-bottom-left-radius:4px;align-self:flex-start}.dm-chat-flow .feed-msg.from-profile .feed-msg-header strong{color:#a78bfa}.dm-chat-flow .feed-msg.from-profile .feed-msg-body{color:#d1d5e0}.dm-chat-flow .feed-msg.from-profile .feed-msg-time{color:var(--text-faint)}.feed-msg-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.feed-msg-header strong{color:#fff;font-size:13px}.feed-msg-channel{color:var(--accent);background:#18b5a51a;border-radius:4px;padding:1px 6px;font-size:11px}.feed-msg-time{color:var(--text-faint);font-size:11px}.feed-msg-body{color:#d1d5e0;font-size:13px;line-height:1.4}.message-footer-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.reply-btn-inline{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;display:inline-flex}.reply-btn-inline:hover{background:#18b5a51a}.admin-reply-bar{border-top:1px solid var(--bg-raised);background:var(--bg-surface);padding:12px 20px}.reply-context{color:var(--text-faint);margin-bottom:8px;font-size:12px}.reply-controls{align-items:center;gap:8px;margin-bottom:8px;display:flex}.reply-controls label{color:#8b90a0;font-size:12px}.reply-controls select{background:var(--bg-base);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 10px;font-size:13px}.reply-input-row{align-items:flex-end;gap:8px;display:flex}.reply-input-actions{flex-direction:column;align-items:center;gap:4px;display:flex}.reply-input-actions button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.reply-input-actions button:hover{color:var(--text-muted)}.emoji-btn-admin{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.emoji-btn-admin:hover{color:var(--text-muted)}.reply-input-row textarea{background:var(--bg-base);border:1px solid var(--border);color:var(--text);resize:none;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.reply-input-row textarea:focus{border-color:var(--accent)}.reply-input-row>button:last-child{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.reply-input-row>button:last-child:disabled{opacity:.5;cursor:not-allowed}.admin-file-preview{background:var(--bg-base);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.admin-file-preview button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px}.admin-file-preview button:hover{color:#f87171}.gif-preview-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:36px}.broadcast-textarea-wrap{position:relative}.broadcast-textarea-wrap textarea{background:var(--bg-raised);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:10px 14px 36px;font-family:inherit;font-size:14px}.broadcast-textarea-wrap textarea:focus{border-color:var(--accent)}.broadcast-textarea-actions{gap:4px;display:flex;position:absolute;bottom:6px;left:6px}.btn-attach{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .15s;display:inline-flex}.btn-attach:hover{background:var(--bg-hover)}.feed-msg-file{color:var(--accent);background:#18b5a514;border-radius:4px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:12px;text-decoration:none;display:inline-flex}.feed-msg-file:hover{background:#18b5a526}.feed-msg-gif{border-radius:8px;max-width:280px;margin-top:6px;overflow:hidden}.feed-msg-gif img{border-radius:8px;width:100%;display:block}.feed-msg-image{border-radius:8px;max-width:320px;margin-top:6px;overflow:hidden}.feed-msg-image img{cursor:pointer;border-radius:8px;width:100%;display:block}.feed-msg-body a{color:var(--accent);text-decoration:none}.feed-msg-body a:hover{text-decoration:underline}.feed-msg-reactions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}.feed-reaction-chip{border:1px solid var(--border);cursor:pointer;color:var(--text);background:#ffffff0f;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.feed-reaction-chip:hover{background:#ffffff1f}.feed-reaction-chip span{color:#8b90a0;font-size:11px}.feed-react-add-wrapper{position:relative}.feed-reaction-add{border:1px dashed var(--border-strong);cursor:pointer;color:var(--text-faint);background:0 0;border-radius:10px;align-items:center;padding:2px 6px;display:inline-flex}.feed-reaction-add:hover{border-color:var(--accent);color:var(--accent)}.feed-reaction-picker{background:var(--bg-raised);border:1px solid var(--border-strong);z-index:200;border-radius:8px;gap:4px;margin-bottom:4px;padding:6px;display:flex;position:absolute;bottom:100%;left:0}.feed-reaction-picker button{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px}.feed-reaction-picker button:hover{background:#ffffff1a}.feed-msg-body code{color:#7ab8f5;background:#18b5a51a;border-radius:3px;padding:1px 4px;font-size:12px}.admin-search-bar{border-bottom:1px solid var(--bg-raised);padding:8px 12px}.admin-search-bar input{background:var(--bg-base);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.admin-search-bar input:focus{border-color:var(--accent)}.admin-search-bar input::placeholder{color:var(--text-faint)}.admin-user-item{position:relative}.admin-user-item.unread{background:#18b5a50f}.admin-user-item.unread .user-name{color:#fff;font-weight:700}.admin-user-item.unread .user-preview{color:var(--text-muted)}.admin-user-item.needs-response{border-left:3px solid #f59e0b}.admin-user-item.active.needs-response{border-left:3px solid var(--accent)}.admin-user-item.restricted{opacity:.7;border-left:3px solid #ef4444}.admin-user-item.restricted .user-name{color:#ef4444}.restricted-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ef4444;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.btn-delete-user{color:#4b5563;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin-left:auto;padding:4px;transition:all .15s}.admin-user-item:hover .btn-delete-user{opacity:1}.btn-delete-user:hover{color:#ef4444;background:#ef44441a}.user-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-time{color:var(--text-faint);white-space:nowrap;flex-shrink:0;font-size:11px}.admin-user-item.unread .user-time{color:var(--accent)}.user-preview{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin-top:2px;font-size:12px;overflow:hidden}.admin-user-item .inbox-badge{background:var(--accent);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:flex}.thread-section{border:1px solid var(--bg-raised);border-radius:8px;margin-bottom:12px}.thread-header{background:var(--bg-surface);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 14px;transition:background .15s;display:flex}.thread-header:hover{background:#1e2028}.thread-collapse-icon{color:var(--text-faint);flex-shrink:0;width:14px;font-size:10px;transition:transform .15s}.thread-label{color:var(--text);font-size:13px;font-weight:600}.thread-label-dm{color:#a78bfa}.thread-label-channel{color:#60a5fa}.thread-count{color:var(--text-faint);margin-left:auto;font-size:11px}.thread-time{color:var(--text-faint);flex-shrink:0;font-size:11px}.thread-messages{padding:8px 14px}.user-info-bar{border-top:1px solid #1e2130;flex-wrap:wrap;gap:6px;padding:8px 14px 4px;display:flex}.user-info-chip{background:var(--bg-base);border:1px solid var(--border);color:#8b90a0;white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;display:inline-flex}.user-info-chip.online{color:#34d399;border-color:#065f46}.info-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.info-dot.online{background:#34d399;box-shadow:0 0 4px #34d399}.info-dot.offline{background:var(--text-faint)}.new-dm-panel{background:var(--bg-base);border:1px solid #2e8b57;border-radius:8px;margin:0 14px 12px;padding:12px}.new-dm-header{color:#2e8b57;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.new-dm-header strong{color:var(--text)}.new-dm-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px}.new-dm-close:hover{color:var(--text)}.new-dm-meta{color:var(--text-faint);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.new-dm-meta select{border:1px solid var(--border);color:var(--text-muted);background:#12141a;border-radius:4px;outline:none;flex:1;padding:3px 8px;font-family:inherit;font-size:12px}.new-dm-meta select:focus{border-color:#2e8b57}.thread-reply-box{border-top:1px solid var(--bg-raised);margin-top:10px;padding-top:10px}.thread-reply-meta{color:var(--text-faint);align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.thread-reply-meta select{background:var(--bg-base);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;outline:none;padding:3px 8px;font-family:inherit;font-size:12px}.thread-reply-meta select:focus{border-color:var(--accent)}.thread-reply-input{flex-direction:column;gap:6px;display:flex}.thread-reply-input textarea{background:var(--bg-base);border:1px solid var(--border);width:100%;color:var(--text);resize:none;border-radius:6px;outline:none;min-height:60px;max-height:120px;padding:8px 10px;font-family:inherit;font-size:13px}.thread-reply-input textarea:focus{border-color:var(--accent)}.thread-reply-input textarea::placeholder{color:var(--text-faint)}.thread-reply-send{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .15s}.thread-reply-send:hover{background:#3b82d9}.thread-reply-send:disabled{opacity:.5;cursor:not-allowed}.feed-user-email{color:var(--text-faint);margin-left:8px;font-size:12px}.feed-user-role{color:var(--accent);text-transform:capitalize;background:#18b5a51a;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px}.empty-state{color:var(--text-faint);padding:20px;font-size:13px}.empty-state.center{justify-content:center;align-items:center;height:100%;display:flex}.admin-channel-browser{height:100%;display:flex}.browser-sidebar{border-right:1px solid var(--bg-raised);background:var(--bg-surface);flex-direction:column;width:220px;min-width:220px;display:flex}.browser-sidebar-header{border-bottom:1px solid var(--bg-raised);padding:14px 16px}.browser-sidebar-header h3{color:var(--text);font-size:14px;font-weight:600}.browser-channel-list{flex:1;padding:8px;overflow-y:auto}.browser-channel-item{color:#8b90a0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.browser-channel-item:hover{background:var(--bg-raised);color:var(--text)}.browser-channel-item.active{color:var(--accent);background:#18b5a526}.browser-channel-icon{font-size:14px}.browser-channel-name{flex:1}.browser-channel-badge{text-transform:uppercase;color:#f59e0b;background:#f59e0b26;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.browser-main{flex-direction:column;flex:1;min-width:0;display:flex}.browser-channel-header{border-bottom:1px solid var(--bg-raised);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.browser-channel-header h3{color:var(--text);font-size:15px;font-weight:600}.browser-msg-count{color:var(--text-faint);font-size:12px}.browser-messages{flex:1;padding:12px 16px;overflow-y:auto}.browser-msg-wrapper{position:relative}.browser-msg-wrapper:hover .browser-admin-actions{opacity:1}.browser-admin-actions{opacity:0;border:1px solid var(--border);z-index:15;background:#1e2028;border-radius:6px;align-items:center;gap:2px;padding:2px 4px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:8px}.browser-msg-wrapper .message-hover-actions{display:none!important}.browser-admin-actions button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px 5px;transition:all .15s;display:flex}.browser-admin-actions button:hover{color:var(--text);background:#ffffff14}.browser-admin-actions button.pinned{color:#f59e0b}.browser-react-wrapper{position:relative}.browser-header-actions{align-items:center;gap:10px;display:flex}.browser-pin-btn{border:1px solid var(--border);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .15s;display:flex}.browser-pin-btn:hover{color:var(--text);border-color:var(--accent)}.browser-pin-btn.active{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b}.browser-pin-count{color:#000;text-align:center;background:#f59e0b;border-radius:8px;min-width:16px;padding:0 5px;font-size:10px;font-weight:700}.browser-pinned-panel{border-bottom:1px solid var(--border);background:var(--bg-base);max-height:250px;padding:12px 16px;overflow-y:auto}.browser-pinned-header{color:#f59e0b;align-items:center;gap:6px;margin-bottom:10px;display:flex}.browser-pinned-header h4{flex:1;font-size:13px;font-weight:600}.browser-pinned-header button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:2px}.browser-pinned-header button:hover{color:var(--text)}.browser-pinned-empty{color:var(--text-faint);font-size:12px;font-style:italic}.browser-pinned-item{background:var(--bg-raised);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.browser-pinned-info{flex:1;min-width:0}.browser-pinned-info strong{color:var(--text);font-size:12px;display:block}.browser-pinned-text{color:#8b90a0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.browser-user-tag{text-transform:uppercase;color:#22c55e;background:#22c55e26;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.browser-delete-btn{color:#ef4444!important}.browser-delete-btn:hover{background:#ef444426!important}.browser-reply-preview{background:var(--bg-card);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;display:flex}.browser-reply-preview-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.browser-reply-preview-name{color:var(--accent);font-size:11px;font-weight:600}.browser-reply-preview-text{color:#8b90a0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.browser-reply-preview-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.browser-reply-preview-close:hover{color:var(--text);background:#ffffff14}.browser-compose{border-top:1px solid var(--bg-raised);background:var(--bg-surface);flex-shrink:0;padding:12px 20px}.browser-compose-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.browser-compose-meta span{color:#8b90a0;font-size:12px}.browser-compose-meta select{border:1px solid var(--border);color:var(--text);background:#1e2028;border-radius:5px;padding:4px 8px;font-size:12px}.admin-broadcast{max-width:600px;padding:30px}.admin-broadcast h2{color:#fff;margin-bottom:8px;font-size:20px}.broadcast-desc{color:#8b90a0;margin-bottom:24px;font-size:14px}.broadcast-form{flex-direction:column;gap:16px;display:flex}.form-row{flex-direction:column;gap:6px;display:flex}.form-row label{color:var(--text-muted);font-size:13px;font-weight:500}.form-row select,.form-row input,.form-row textarea{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.form-row select:focus,.form-row input:focus,.form-row textarea:focus{border-color:var(--accent)}.admin-profiles{height:100%;padding:20px;overflow-y:auto}.profile-count-badge{background:var(--border);color:var(--text-muted);border-radius:20px;justify-content:center;align-items:center;margin-left:8px;padding:2px 10px;font-size:13px;font-weight:500;display:inline-flex}.profile-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-search-box{border:1px solid var(--border);background:#1a1d24;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:200px;padding:8px 12px;display:flex}.profile-search-box input{color:#e0e0e0;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.profile-search-box input::placeholder{color:#555}.profile-search-box svg{color:#555;flex-shrink:0}.profile-search-clear{color:#555;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.profile-search-clear:hover{color:var(--text-muted)}.profile-stats{color:var(--text-faint);flex-shrink:0;gap:14px;font-size:12px;display:flex}.profile-stat{align-items:center;gap:5px;display:flex}.profile-stat .dot{border-radius:50%;width:7px;height:7px}.profile-stat .dot.online{background:#22c55e}.profile-stat .dot.offline{background:var(--text-faint)}.profile-empty{text-align:center;color:#555;padding:40px 20px;font-size:14px}.profile-form{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}.profile-form h3{color:#fff;margin-bottom:16px;font-size:16px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .full{grid-column:1/-1}.form-grid label{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.form-grid input[type=color]{height:36px}.form-actions{gap:8px;margin-top:16px;display:flex}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.profile-card-v2{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;padding:16px 12px 14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.profile-card-v2:hover{border-color:#3d4a5c;box-shadow:0 2px 12px #0003}.profile-card-v2.is-online{border-color:#22c55e40}.pcard-top{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:8px;display:flex}.pcard-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;font-size:16px;font-weight:600;display:flex;position:relative;overflow:visible}.pcard-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pcard-status-dot{border:2px solid var(--bg-raised);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.pcard-status-dot.online{background:#22c55e}.pcard-status-dot.offline{background:var(--text-faint)}.pcard-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.profile-card-v2:hover .pcard-actions{opacity:1}.pcard-edit,.pcard-delete{background:var(--border);color:var(--text-muted);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;display:flex}.pcard-edit:hover{background:var(--border-strong);color:#fff}.pcard-delete{color:#f87171;padding:3px 5px}.pcard-delete:hover{background:#f8717126}.pcard-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;font-size:13px;font-weight:600;overflow:hidden}.pcard-title{color:var(--text-faint);text-align:center;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:11px;overflow:hidden}.pcard-dept{color:var(--accent);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:10px;overflow:hidden}.profile-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.profile-card-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.profile-card-name{color:#fff;font-size:14px;font-weight:600}.profile-card-role{color:var(--accent);text-transform:capitalize;font-size:11px}.profile-card-title{color:var(--text-faint);font-size:12px}.profile-card-actions{gap:6px;display:flex}.profile-card-actions button{background:var(--border);color:var(--text-muted);cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:11px}.profile-card-actions button:hover{background:var(--border-strong)}.profile-card-actions button.danger{color:#f87171}.profile-card-actions button.danger:hover{background:#f871711a}.hamburger-btn{color:#8b90a0;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-right:8px;padding:6px;display:none}.hamburger-btn:hover{color:var(--text);background:var(--bg-raised)}.drawer-overlay{z-index:90;background:#00000080;animation:.2s fadeIn;display:none;position:fixed;inset:0}.member-list-header{border-bottom:1px solid var(--bg-raised);justify-content:space-between;align-items:center;padding:12px 16px;display:none}.member-list-header h3{color:#fff;font-size:14px;font-weight:600}.member-close-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.member-close-btn:hover{color:var(--text)}@media (width<=767px){.mobile-top-bar{background:var(--bg-surface);border-bottom:1px solid var(--bg-raised);z-index:10;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.mobile-top-logo{filter:brightness(0)invert();width:auto;height:22px}.mobile-top-title{color:var(--text);letter-spacing:.3px;font-size:14px;font-weight:700}.hamburger-btn{display:flex}.drawer-overlay{display:block}.sidebar{top:0;left:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:110;width:280px;min-width:280px;transition:transform .25s;position:fixed;transform:translate(-100%)}.sidebar.drawer-open{will-change:transform;transform:translate(0)}.member-list{top:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:110;width:280px;min-width:280px;transition:transform .25s;position:fixed;transform:translate(100%)}.member-list.member-overlay-open{will-change:transform;transform:translate(0)}.member-list-header{background:var(--bg-surface);z-index:5;display:flex;position:sticky;top:0}.member-close-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.channel-item,.dm-item{min-height:44px}.section-header{min-height:40px}.member-item{min-height:48px}.message-hover-actions{width:fit-content;box-shadow:none;margin-top:4px;display:flex;position:static;top:auto;right:auto}.channel-item:active,.dm-item:active,.member-item:active,.section-header:active{background:var(--bg-raised)}.mobile-tab:active{background:#ffffff0f}.channel-item,.dm-item,.member-item,.section-header,.mobile-tab,button{touch-action:manipulation}.channel-item,.dm-item,.member-item,.section-header{-webkit-user-select:none;user-select:none}.message-textarea{font-size:16px}.attach-btn,.send-btn,.emoji-btn,.gif-btn{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:6px;display:flex}.message-input-form{gap:4px;padding:8px 10px}.emoji-picker-popup,.gif-picker-popup{z-index:200;border-radius:12px 12px 0 0;max-height:55vh;position:fixed;inset:auto 0 56px;overflow-y:auto}.emoji-picker-popup{width:100%}.gif-picker{border-radius:12px 12px 0 0;width:100%;height:50vh}.message-list{padding:12px}.message-header{padding:10px 12px}.message-input-container{padding:8px 12px 12px}.message-image{max-width:100%}.admin-layout{height:100dvh;height:-webkit-fill-available}.admin-header{z-index:100;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:10px 12px;position:sticky;top:0}.admin-header h1{font-size:15px}.admin-tabs{-webkit-overflow-scrolling:touch;order:3;gap:2px;width:100%;overflow-x:auto}.admin-tabs button{white-space:nowrap;padding:6px 10px;font-size:12px}.admin-logout{padding:6px 10px;font-size:12px}.admin-body{-webkit-overflow-scrolling:touch;min-height:0;overflow:auto}.admin-conversations{flex-direction:column;height:100%;min-height:0;position:relative}.admin-user-list{border-right:none;flex:1;width:100%;min-width:100%;min-height:0;max-height:none;overflow:hidden}.admin-user-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.admin-conversations .admin-feed,.admin-conversations.mobile-show-feed .admin-user-list{display:none}.admin-conversations.mobile-show-feed .admin-feed{flex:1;height:100%;min-height:0;display:flex}.admin-feed-messages{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto!important}.mobile-back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;margin-bottom:4px;padding:4px 0;font-size:13px;font-weight:500;display:flex}.admin-broadcast{padding:16px}.admin-channel-browser{flex-direction:column;height:100%;min-height:0;position:relative}.browser-sidebar{border-right:none;flex:1;width:100%;min-width:100%;min-height:0;max-height:none;overflow:hidden}.browser-channel-list{-webkit-overflow-scrolling:touch;padding:6px;overflow-y:auto}.admin-channel-browser .browser-main,.admin-channel-browser.mobile-show-channel .browser-sidebar{display:none}.admin-channel-browser.mobile-show-channel .browser-main{flex:1;height:100%;min-height:0;display:flex}.browser-messages{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto!important}.browser-channel-item{padding:10px 12px;font-size:14px}.form-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:repeat(2,1fr);gap:8px}.profile-card-v2{padding:12px 8px 10px}.pcard-avatar{width:40px;height:40px;font-size:14px}.pcard-actions{opacity:1}.pcard-name{font-size:12px}.pcard-title{font-size:10px}.profile-toolbar{flex-direction:column;gap:8px}.profile-search-box{width:100%;min-width:0}.profile-stats{justify-content:center;width:100%}.admin-feed-messages{padding:10px 12px}.feed-msg{padding:8px 10px}.feed-msg-header{gap:4px}.feed-msg-header strong{font-size:12px}.feed-msg-body{font-size:13px}.admin-reply-bar{padding:10px 12px}.reply-controls{flex-wrap:wrap;gap:6px}.reply-controls select{flex:1;min-width:0;font-size:14px}.reply-input-row{flex-wrap:wrap}.reply-input-row textarea{flex:100%;width:100%;min-height:44px;font-size:16px}.reply-input-row>button:last-child{margin-left:auto;padding:10px 18px;font-size:14px}.reply-input-actions{flex-direction:row;gap:8px}.reply-input-actions button,.emoji-btn-admin{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:flex}.reply-mode-toggle{margin-left:0}.thread-reply-meta{flex-wrap:wrap;gap:6px}.thread-reply-meta select{flex:1;min-width:0;font-size:14px}.thread-reply-input textarea{font-size:16px}.browser-channel-header{padding:10px 12px}.browser-channel-header h3{font-size:14px}.browser-messages,.browser-compose{padding:10px 12px}.browser-compose-meta select{font-size:14px}.browser-compose textarea,.browser-compose-row textarea{font-size:16px}.emoji-picker-admin,.gif-picker-admin{z-index:1100;border-radius:16px 16px 0 0;max-height:50vh;width:100%!important;max-width:100%!important;position:fixed!important;inset:auto 0 0!important}.broadcast-textarea-wrap textarea{font-size:16px}.browser-pinned-panel{max-height:180px;padding:8px 10px}.browser-admin-actions{opacity:1;background:0 0;border:none;gap:6px;margin-top:4px;padding:0;position:static}.browser-admin-actions button{justify-content:center;align-items:center;min-width:36px;min-height:36px;display:flex}}@media (width>=768px) and (width<=1024px){.sidebar{width:200px;min-width:200px}.drawer-overlay{display:block}.member-list{z-index:100;width:280px;min-width:280px;transition:transform .25s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.member-list.member-overlay-open{transform:translate(0)}.member-list-header{display:flex}.admin-user-list{width:240px;min-width:240px}.handbook-overlay{padding:0}.handbook-overlay-content{border-radius:0;max-width:100%;height:100dvh}.handbook-scroll-container{padding:12px}.quiz-option{padding:10px 12px}}.welcome-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.welcome-modal{background:var(--bg-raised);border:1px solid #3a3f4d;border-radius:16px;width:100%;max-width:520px;padding:36px 32px 28px;animation:.3s slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-header{text-align:center;margin-bottom:20px}.welcome-icon{background:linear-gradient(135deg, var(--accent), #7c3aed);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;font-size:26px;font-weight:700;display:inline-flex}.welcome-header h2{color:#fff;font-size:20px;font-weight:700}.welcome-body{margin-bottom:24px}.welcome-body p{color:#9ca3af;margin-bottom:16px;font-size:14px;line-height:1.6}.welcome-body ul{padding:0;list-style:none}.welcome-body li{color:#d1d5db;border-bottom:1px solid var(--border);padding:8px 0 8px 28px;font-size:13.5px;line-height:1.5;position:relative}.welcome-body li:last-child{border-bottom:none}.welcome-body li:before{content:"→";color:var(--accent);font-weight:600;position:absolute;left:6px}.welcome-body li strong{color:#7c3aed}.welcome-steps{counter-reset:step;padding:0;list-style:none}.welcome-steps li{counter-increment:step;padding-left:32px}.welcome-steps li:before{content:counter(step);background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;left:4px}.welcome-guidelines{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.welcome-guidelines h3{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px}.welcome-guidelines ul{margin-top:0}.welcome-guidelines li{border-bottom:none;padding:5px 0 5px 28px;font-size:12.5px}.welcome-guidelines li:before{content:"•";color:var(--text-faint);font-size:14px}.welcome-btn{border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600}.auth-error-invite{align-items:center;gap:8px;font-size:13.5px;line-height:1.5;display:flex;color:#fbbf24!important;background:#451a03!important;border-color:#92400e!important;padding:12px 14px!important}.auth-error-icon{flex-shrink:0;font-size:18px}.admin-invites{max-width:1000px;height:100%;padding:24px 32px;overflow-y:auto}.invite-form{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}.invite-form h3{color:var(--text);margin-bottom:12px;font-size:15px;font-weight:600}.invite-hint{color:#9ca3af;margin-bottom:10px;font-size:12px}.invite-hint code{background:var(--border);border-radius:4px;padding:2px 6px;font-size:11px}.invite-form textarea{background:var(--bg-base);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-family:Inter,monospace;font-size:13px}.invite-form textarea:focus{border-color:var(--accent);outline:none}.invite-form-row{align-items:center;gap:8px;display:flex}.invite-form-row input{background:var(--bg-base);border:1px solid var(--border);color:var(--text);border-radius:8px;flex:1;padding:9px 12px;font-size:13px}.invite-form-row input:focus{border-color:var(--accent);outline:none}.invite-form-row button{flex-shrink:0;width:auto}.invite-table-wrap{overflow-x:auto}.invite-table{border-collapse:collapse;width:100%;font-size:13px}.invite-table th{background:var(--bg-raised);color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:600}.invite-table td{border-bottom:1px solid var(--bg-card);color:#d1d5db;padding:10px 12px}.invite-table tr.registered td{opacity:.6}.invite-table tr:hover td{background:var(--bg-card)}.invite-status{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-pending{color:#fbbf24;background:#422006}.status-registered{color:#4ade80;background:#052e16}.btn-icon{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.btn-icon:hover{background:var(--border)}.btn-icon.danger:hover{color:#ef4444;background:#2e1215}.reply-mode-toggle{border:1px solid var(--border);border-radius:6px;gap:0;margin-left:auto;display:inline-flex;overflow:hidden}.reply-mode-btn{background:var(--bg-base);color:var(--text-faint);cursor:pointer;border:none;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.reply-mode-btn:first-child{border-right:1px solid var(--border)}.reply-mode-btn:hover{color:#d1d5db;background:var(--bg-raised)}.reply-mode-btn.active{color:#fff;background:var(--accent)}.reply-mode-btn.active:last-child{background:#7c3aed}.thread-reply-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.thread-reply-actions .thread-reply-send{margin-left:auto}.thread-style-select{background:var(--bg-base);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;outline:none;padding:4px 8px;font-family:inherit;font-size:11px}.thread-attachment{margin-bottom:6px}.textarea-mention-wrapper{flex:1;min-width:0;position:relative}.mention-dropdown{background:var(--bg-raised);border:1px solid var(--border);z-index:200;border-radius:8px;max-height:240px;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.mention-item{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.mention-item:hover,.mention-item.active{background:#18b5a526}.mention-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.mention-info{flex-direction:column;min-width:0;display:flex}.mention-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.mention-role{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mention-pill{color:#a78bfa;font-weight:500;font-size:inherit;background:#8b5cf633;border-radius:4px;padding:1px 6px;display:inline}.training-checklist{border:1px solid var(--border);background:#1e2028;border-radius:12px;margin:16px;padding:20px}.training-checklist.training-complete{background:#22c55e0d;border-color:#22c55e4d}.training-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.training-header h3{color:#fff;font-size:16px;font-weight:600}.training-progress-label{color:#8b90a0;font-size:12px}.training-progress-bar{background:var(--border);border-radius:3px;height:6px;margin-bottom:20px;overflow:hidden}.training-progress-fill{background:linear-gradient(90deg, var(--accent), #7c3aed);border-radius:3px;height:100%;transition:width .4s}.training-steps{flex-direction:column;gap:8px;display:flex}.training-step{border:1px solid var(--border);background:var(--bg-raised);border-radius:8px;gap:12px;padding:12px;transition:all .2s;display:flex}.training-step.current{background:#18b5a50d;border-color:#18b5a566}.training-step.completed{background:#22c55e0d;border-color:#22c55e4d}.training-step.locked{opacity:.5}.training-step-icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.step-check{color:#22c55e;background:#22c55e33;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.step-lock{background:var(--border);width:36px;height:36px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;display:flex}.step-number{width:36px;height:36px;color:var(--accent);background:#18b5a533;border-radius:50%;justify-content:center;align-items:center;display:flex}.training-step-content{flex:1;min-width:0}.training-step-content h4{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:600}.training-step-content p{color:#8b90a0;margin-bottom:8px;font-size:12px}.step-action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.step-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.step-btn-link{color:var(--accent);background:#18b5a526;text-decoration:none}.step-btn-link:hover{background:#18b5a540}.step-btn-confirm{background:var(--accent);color:#fff}.step-btn-confirm:hover{background:#3b82d9}.step-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.step-email-link{color:var(--accent);align-items:center;gap:4px;font-size:12px;text-decoration:none;display:inline-flex}.step-email-link:hover{text-decoration:underline}.step-proof{flex-direction:column;align-items:stretch}.step-proof-input{background:var(--bg-base);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px}.step-proof-input:focus{border-color:var(--accent)}.step-proof-input::placeholder{color:var(--text-faint)}.step-offer-letter{flex-direction:column;align-items:flex-start;gap:10px}.step-documents-list{flex-direction:column;gap:5px;width:100%;display:flex}.step-docs-intro{color:#64748b;margin-bottom:2px;font-size:11px}.step-documents-list .step-btn-link{justify-content:flex-start;padding:5px 10px;font-size:12px}.step-btn-primary{background:#c9a94e1f!important;border:1px solid #c9a94e59!important}.doc-required-badge{color:#0f172a;text-transform:uppercase;letter-spacing:.3px;background:#c9a94e;border-radius:3px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:600}.step-upload-area{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.step-btn-upload{color:#a78bfa;cursor:pointer;background:#8b5cf626;border:1px dashed #8b5cf666;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.step-btn-upload:hover{background:#8b5cf640}.step-btn-upload:disabled{opacity:.5;cursor:not-allowed}.step-uploaded-file{color:#34d399;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.step-uploaded-file span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.step-uploaded-file .step-btn-confirm{justify-content:center;width:100%;margin-top:4px}.step-email-action{flex-direction:column;align-items:flex-start;gap:10px}.step-email-box{background:var(--bg-base);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.step-email-box svg{color:var(--accent);flex-shrink:0}.step-email-address{color:var(--accent);font-size:13px;font-weight:500;text-decoration:none}.step-email-address:hover{text-decoration:underline}.step-copy-btn{color:var(--accent);cursor:pointer;background:#18b5a526;border:1px solid #18b5a54d;border-radius:4px;align-items:center;gap:3px;margin-left:4px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.step-copy-btn:hover{background:#18b5a540}.step-completed-note{color:#34d399;margin-top:4px;font-size:11px;font-style:italic}.training-success-banner{color:#22c55e;align-items:center;gap:12px;display:flex}.training-success-banner h3{color:#22c55e;margin-bottom:2px;font-size:16px;font-weight:600}.training-success-banner p{color:#8b90a0;font-size:13px}.training-step.pending{background:#f59e0b0d;border-color:#f59e0b66}.training-step.rejected{background:#ef44440d;border-color:#ef444466}.step-pending{color:#f59e0b;background:#f59e0b33;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.step-rejected{color:#ef4444;background:#ef444433;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.step-status-badge{border-radius:4px;align-items:center;gap:4px;margin-bottom:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.pending-badge{color:#f59e0b;background:#f59e0b26}.rejected-badge{color:#ef4444;background:#ef444426}.step-status-section{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.step-feedback{color:#ef4444;background:#ef444414;border-radius:4px;padding:4px 8px;font-size:12px;font-style:italic}.training-ongoing-banner{color:var(--accent);margin-bottom:16px}.training-ongoing-banner h3{color:var(--accent)}.step-auto-badge{color:#18b5a5;background:#18b5a51a;border-radius:10px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.step-hint{color:#888;margin-top:6px;font-size:11px;font-style:italic}.step-certification{flex-direction:column;align-items:stretch;gap:14px}.cert-info{background:var(--bg-base);border:1px solid var(--border);border-radius:8px;padding:16px 18px}.cert-info p{color:var(--text-faint);margin-bottom:12px;font-size:13px;line-height:1.7}.cert-info p:last-child{margin-bottom:0}.cert-info strong{color:var(--text);font-weight:600}.cert-info p.cert-contact{background:var(--accent-soft);border:1px solid var(--accent-deep);color:var(--text);border-radius:6px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.cert-info p.cert-contact svg{color:var(--accent);flex-shrink:0;margin-top:3px}.cert-info p.cert-contact a{color:var(--accent);font-weight:600;text-decoration:none}.cert-info p.cert-contact a:hover{text-decoration:underline}.cert-cta-text{font-weight:500;color:var(--text)!important}.cert-visit-btn{align-self:flex-start;padding:8px 18px;font-size:13px}@media (width<=600px){.training-step.current:has(.step-certification){gap:8px;padding:10px}.training-step.current:has(.step-certification) .training-step-icon{width:28px;height:28px}.training-step.current:has(.step-certification) .training-step-icon svg{width:14px;height:14px}.cert-info{border:none;border-left:2px solid var(--border);background:0 0;border-radius:0;padding:0 0 0 10px}.cert-info p{margin-bottom:6px;font-size:12px;line-height:1.5}.step-certification{gap:8px}.cert-visit-btn{padding:7px 14px;font-size:12px}}.handbook-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.handbook-overlay-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;height:90vh;display:flex;overflow:hidden}.handbook-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.handbook-header h3{color:#1a1a2e;margin:0;font-size:18px}.handbook-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;padding:4px}.handbook-close:hover{background:#f3f4f6}.handbook-scroll-container{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow:hidden auto}.handbook-body{color:#333;font-size:14px;line-height:1.6}.handbook-body .page-container,.handbook-body .content-wrapper{max-width:100%!important;margin:0!important;padding:0!important}.handbook-body .header{margin-bottom:20px}.handbook-body img{max-width:100%;height:auto}.handbook-body .cover,.handbook-body .welcome-page,.handbook-body .closing-page{page-break-after:unset!important;page-break-before:unset!important;min-height:auto!important}.handbook-body .chapter-content{padding:24px 16px!important}.handbook-body .chapter-opener{flex-wrap:wrap;page-break-before:unset!important;min-height:auto!important}.handbook-body .chapter-opener-num-col{width:60px!important}.handbook-body .chapter-num-circle{width:48px!important;height:48px!important}.handbook-body .chapter-num-inner{font-size:20px!important}.handbook-body .chapter-opener-text{padding:20px 16px!important}.handbook-body .chapter-opener-title{font-size:22px!important}.handbook-body .chapter-opener-desc{max-width:100%!important;font-size:12px!important}.handbook-body .chapter-opener-art{display:none!important}.handbook-body .toc-page{page-break-after:unset!important;min-height:auto!important;padding:24px 16px!important}.handbook-body .toc-grid{grid-template-columns:1fr!important}.handbook-body .toc-header-num{font-size:48px!important}.handbook-body .toc-header-title{font-size:22px!important}.handbook-body .welcome-content{padding:24px 16px!important}.handbook-body .welcome-headline{max-width:100%!important;font-size:28px!important}.handbook-body .welcome-body{max-width:100%!important}.handbook-body .cover-content{max-width:100%!important;padding:24px 16px!important}.handbook-body .cover-title{font-size:32px!important}.handbook-body .cover-art{display:none!important}.handbook-body .value-grid{grid-template-columns:1fr!important}.handbook-body .stat-row{grid-template-columns:1fr 1fr!important}.handbook-body .stat-num{font-size:28px!important}.handbook-body .policy-table{display:block;overflow-x:auto;font-size:11px!important}.handbook-body .policy-table td:first-child{width:auto!important}.handbook-body .timeline-dot{width:40px!important}.handbook-body .closing-page{padding:24px 16px!important}.handbook-body .closing-title{font-size:28px!important}.handbook-body .welcome-sig-area{flex-wrap:wrap}.handbook-body .cover-meta{max-width:100%!important}.handbook-loading{text-align:center;color:#888;padding:40px}.handbook-footer{border-top:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:12px 20px;display:flex}.handbook-scroll-hint{color:#888;text-align:center;margin:0;font-size:13px}.handbook-acknowledge{cursor:pointer;color:#333;align-items:center;gap:8px;font-size:13px;display:flex}.handbook-acknowledge input[type=checkbox]{accent-color:#18b5a5;width:18px;height:18px}.handbook-quiz-btn{width:auto;padding:10px 24px}.handbook-quiz-container{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.quiz-questions{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.quiz-question-text{color:#1a1a2e;margin:0 0 8px;font-size:14px;font-weight:600}.quiz-options{flex-direction:column;gap:6px;display:flex}.quiz-option{cursor:pointer;color:#333;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.quiz-option:hover{background:#18b5a50a;border-color:#18b5a5}.quiz-option.selected{background:#18b5a514;border-color:#18b5a5}.quiz-option input[type=radio]{accent-color:#18b5a5;width:16px;height:16px}.quiz-submit-btn{width:100%;padding:12px;font-size:14px}.quiz-result{text-align:center;border-radius:12px;margin-bottom:20px;padding:24px}.quiz-result h4{margin:8px 0 4px}.quiz-result p{margin:0;font-size:14px}.quiz-passed{color:#18b5a5;background:#18b5a51a}.quiz-failed{color:#ef4444;text-align:left;background:#ef444414;align-items:center;gap:8px;display:flex}.admin-train-step.pending{background:#f59e0b0d}.admin-train-step.rejected{background:#ef44440d}.admin-train-step-icon.pending{color:#f59e0b}.admin-train-step-icon.rejected{color:#ef4444}.admin-train-badge{border-radius:3px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:600}.admin-train-badge.pending{color:#f59e0b;background:#f59e0b33}.admin-train-badge.rejected{color:#ef4444;background:#ef444433}.admin-train-step-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.btn-approve-step{color:#22c55e;cursor:pointer;background:#22c55e26;border:none;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.btn-approve-step:hover{background:#22c55e40}.btn-approve-step:disabled{opacity:.5;cursor:not-allowed}.btn-reject-step{color:#ef4444;cursor:pointer;background:#ef444426;border:none;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.btn-reject-step:hover{background:#ef444440}.admin-reject-input{align-items:center;gap:6px;width:100%;margin-top:6px;display:flex}.admin-reject-input input{background:var(--bg-base);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:12px}.admin-reject-input input:focus{border-color:#ef4444}.admin-reject-input button{cursor:pointer;color:#ef4444;background:#ef444426;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.admin-reject-input button+button{color:#8b90a0;background:#ffffff0d}.admin-training-status.status-new{color:#f59e0b}.admin-training-status.status-ongoing{color:var(--accent)}.admin-training-status.status-completed{color:#22c55e}.feed-user-training-status{border-radius:3px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:600}.feed-user-training-status.status-new{color:#f59e0b;background:#f59e0b26}.feed-user-training-status.status-ongoing{color:var(--accent);background:#18b5a526}.feed-user-training-status.status-completed{color:#22c55e;background:#22c55e26}.admin-verifications{max-width:800px;margin:0 auto;padding:20px}.admin-verifications h2{color:var(--text);margin-bottom:16px;font-size:18px;font-weight:600}.verification-list{flex-direction:column;gap:12px;display:flex}.verification-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:16px}.verification-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.verification-user strong{color:var(--text);font-size:14px}.verification-email{color:var(--text-faint);margin-left:8px;font-size:12px}.verification-step-badge{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.verification-step-badge.step-5{color:var(--accent);background:#18b5a526}.verification-step-badge.step-6{color:#a78bfa;background:#8b5cf626}.verification-body{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.verification-file-link{color:var(--accent);background:#18b5a51a;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;text-decoration:none;display:inline-flex}.verification-file-link:hover{background:#18b5a533}.verification-time{color:var(--text-faint);font-size:11px}.verification-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.verification-actions .btn-approve-step,.verification-actions .btn-reject-step{padding:6px 14px;font-size:12px}.inline-reject{align-items:center;gap:6px;display:flex}.inline-reject input{background:var(--bg-base);border:1px solid var(--border);color:var(--text);border-radius:5px;outline:none;width:200px;padding:5px 10px;font-size:12px}.inline-reject input:focus{border-color:#ef4444}.inline-reject button{cursor:pointer;color:#ef4444;background:#ef444426;border:none;border-radius:5px;padding:5px 10px;font-size:11px;font-weight:500}.inline-reject button+button{color:#8b90a0;background:#ffffff0d}.message-edited{color:var(--text-faint);margin-left:2px;font-size:11px;font-style:italic}.system-message{justify-content:center;padding:6px 0;display:flex}.system-message-text{color:var(--text-faint);background:#ffffff08;border-radius:12px;padding:4px 14px;font-size:12px;font-style:italic}.reaction-bar{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}.reaction-chip{background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.reaction-chip span{font-size:11px;font-weight:600}.reaction-chip:hover{background:var(--bg-hover);border-color:var(--border-strong)}.reaction-chip.reacted{color:var(--accent);background:#18b5a526;border-color:#18b5a54d}.reaction-add-wrapper{position:relative}.reaction-add{background:var(--bg-raised);border:1px solid var(--border);width:28px;height:24px;color:var(--text-faint);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:14px;transition:background .15s,border-color .15s,color .15s;display:flex}.reaction-add:hover{background:var(--bg-hover);color:var(--text-muted)}.reaction-picker{background:var(--bg-raised);border:1px solid var(--border);z-index:50;border-radius:8px;gap:2px;margin-bottom:4px;padding:4px;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 8px 24px #0006}.reaction-picker button{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:20px;transition:background .1s}.reaction-picker button:hover{background:#ffffff1a}.message-hover-actions{background:var(--bg-raised);border:1px solid var(--border);z-index:10;border-radius:6px;gap:2px;padding:2px;display:none;position:absolute;top:-8px;right:8px;box-shadow:0 4px 12px #0000004d}.message-bubble{position:relative}.message-bubble:hover .message-hover-actions{display:flex}.message-hover-actions button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:16px;transition:background .1s}.message-hover-actions button:hover{background:#ffffff1a}.hover-delete-btn{color:#f87171!important}.hover-delete-btn:hover{background:#dc262626!important}.feed-delete-btn{color:#f87171!important}.feed-delete-btn:hover{color:#ef4444!important}.message-header-actions{align-items:center;gap:4px;display:flex}.training-reminder-banner{color:#fef3c7;cursor:pointer;background:#92400e;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.training-reminder-banner:hover{background:#78350f}.training-reminder-banner strong{color:#fbbf24;margin-left:auto}.delete-dm-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:color .15s,background .15s}.delete-dm-btn:hover{color:#ef4444;background:#2a1a1a}.pinned-messages-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:color .15s,background .15s}.pinned-messages-btn:hover{color:var(--text);background:var(--bg-raised)}.pinned-messages-btn.active{color:#f59e0b}.pinned-icon{color:#f59e0b;flex-shrink:0;margin-left:4px}.dm-profile-header{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-surface) 100%);border-bottom:1px solid var(--bg-raised);align-items:center;gap:14px;padding:16px 20px;display:flex}.dm-profile-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:700;display:flex}.dm-profile-avatar img{object-fit:cover;border-radius:50%;width:52px;height:52px}.dm-profile-details{flex:1;min-width:0}.dm-profile-name{color:#f0f0f0;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.dm-profile-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dm-profile-status.online{background:#22c55e}.dm-profile-status.offline{background:var(--text-faint)}.dm-profile-title{color:#9ca3af;margin-top:2px;font-size:12px}.dm-profile-dept{color:var(--text-faint);margin-top:1px;font-size:11px}.dm-profile-bio{color:#7c8591;text-overflow:ellipsis;max-height:32px;margin-top:6px;font-size:11px;line-height:1.4;overflow:hidden}.pinned-panel{border-bottom:1px solid var(--bg-raised);background:var(--bg-surface);max-height:300px;overflow-y:auto}.pinned-panel-header{border-bottom:1px solid var(--bg-raised);color:#f59e0b;align-items:center;gap:8px;padding:10px 16px;display:flex}.pinned-panel-header h3{color:#f59e0b;flex:1;font-size:13px;font-weight:600}.pinned-panel-header button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:2px}.pinned-panel-list{padding:8px 16px}.pinned-item{border-bottom:1px solid #1e2028;padding:8px 0}.pinned-item:last-child{border-bottom:none}.pinned-item strong{color:var(--text);font-size:12px}.pinned-item-content{color:var(--text-muted);margin:4px 0;font-size:13px;line-height:1.4}.pinned-time{color:var(--text-faint);font-size:11px}.pinned-empty{color:var(--text-faint);padding:8px 0;font-size:13px}.reply-context{border-left:2px solid var(--accent);background:#18b5a514;border-radius:0 4px 4px 0;align-items:center;gap:6px;margin-bottom:6px;padding:4px 10px;font-size:12px;display:flex}.reply-context-name{color:var(--accent);font-weight:600}.reply-context-text{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.thread-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:4px 0;font-size:12px;font-weight:500;display:inline-flex}.thread-toggle:hover{text-decoration:underline}.thread-replies{border-left:2px solid var(--border);margin-bottom:8px;margin-left:48px;padding-left:16px}@media (width<=400px){.thread-replies{margin-left:24px;padding-left:12px}}.thread-replies-header{color:var(--text-faint);align-items:center;gap:6px;padding:6px 0;font-size:12px;display:flex}.thread-replies-header button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px}.thread-replies-header button:hover{color:var(--text)}.reply-to-banner{color:var(--text-muted);background:#18b5a514;border:1px solid #18b5a526;border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.reply-to-banner strong{color:var(--accent)}.reply-to-preview{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.reply-to-cancel{color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px}.reply-to-cancel:hover{color:#f87171}.poll-card{background:#252a36;border:1px solid #363c4e;border-radius:12px;max-width:500px;margin:8px 0;padding:16px}.poll-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.poll-meta{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.poll-question{color:#fff;margin-bottom:12px;font-size:15px;font-weight:600}.poll-options{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.poll-option{background:var(--bg-base);border:1px solid var(--border);cursor:pointer;color:#d1d5e0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;transition:all .15s;display:flex;position:relative;overflow:hidden}.poll-option:hover{border-color:var(--accent)}.poll-option.voted{border-color:var(--accent);background:#18b5a514}.poll-option-bar{background:#18b5a51f;border-radius:8px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.poll-option-label{z-index:1;font-weight:500;position:relative}.poll-option-count{z-index:1;color:var(--text-faint);flex-shrink:0;font-size:12px;position:relative}.poll-total{color:var(--text-faint);margin-bottom:6px;font-size:12px}.broadcast-divider{border:none;border-top:1px solid var(--border);margin:24px 0}.system-msg-form,.poll-form{border:1px solid var(--border);background:#1e2028;border-radius:10px;padding:16px}.system-msg-form h3,.poll-form h3{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:600}.poll-options-list{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.poll-option-row{align-items:center;gap:6px;display:flex}.poll-option-row input{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.poll-option-row input:focus{border-color:var(--accent)}.poll-option-row button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px}.poll-option-row button:hover{color:#f87171}.btn-add-option{border:1px dashed var(--border);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:6px;margin-bottom:12px;padding:6px 12px;font-size:12px}.btn-add-option:hover{border-color:var(--accent);color:var(--accent)}.update-banner{z-index:500;background:linear-gradient(135deg, var(--accent), #5b6cd9);color:#fff;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:500;animation:.3s slideDown;display:flex;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.update-banner button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:6px;padding:4px 14px;font-size:13px;font-weight:600}.update-banner button:hover{background:#ffffff4d}.mobile-tab-bar{height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-deep);border-top:1px solid var(--bg-raised);z-index:100;flex-direction:row;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tab{height:100%;color:var(--text-faint);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-family:inherit;font-size:10px;font-weight:500;display:flex;position:relative}.mobile-tab .tab-icon{line-height:0;position:relative}.tab-badge{color:#fff;background:#dc2626;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-10px}.profile-sheet-overlay{top:0;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:200;background:#0009;animation:.15s fadeIn;position:fixed}.profile-sheet{bottom:calc(56px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;background:var(--bg-base);border-top:1px solid var(--border);z-index:201;border-radius:16px 16px 0 0;max-height:calc(85dvh - 56px);padding:16px 20px 24px;animation:.25s slideUpSheet;position:fixed;left:0;right:0;overflow-y:auto}@media (width>=768px){.profile-sheet{max-height:85vh;padding:24px 20px 32px;bottom:0}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-sheet-handle{background:var(--border-strong);border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.profile-sheet-user{align-items:center;gap:14px;margin-bottom:20px;display:flex}.profile-sheet-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.profile-sheet-name{color:#fff;font-size:16px;font-weight:600}.profile-sheet-role{color:#8b90a0;text-transform:capitalize;margin-top:2px;font-size:13px}.profile-sheet-logout{color:#f87171;cursor:pointer;background:#dc26261a;border:1px solid #dc26264d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;display:flex}.profile-sheet-logout:hover{background:#dc26262e}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-sheet-top-row{justify-content:flex-end;margin-bottom:8px;display:flex}.profile-sheet-edit-btn{border:1px solid var(--border);color:#8b90a0;cursor:pointer;background:0 0;border-radius:6px;min-height:36px;padding:5px 12px;font-size:12px}.profile-sheet-edit-btn:hover{color:var(--text);border-color:var(--accent)}.profile-edit-avatar-section{cursor:pointer;border:1px dashed var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;padding:12px 0;transition:border-color .15s;display:flex}.profile-edit-avatar-section:hover{border-color:var(--accent)}.profile-edit-avatar-section:active{background:#18b5a50d}.avatar-upload-label{color:var(--accent);font-size:13px;font-weight:500}.profile-edit-info{text-align:center;margin-bottom:16px}.profile-edit-info .profile-sheet-name{font-size:15px}.profile-edit-info .profile-sheet-role{margin-top:2px}.avatar-upload-wrapper{cursor:pointer;flex-shrink:0;width:72px;height:72px;position:relative}.avatar-upload-wrapper .profile-sheet-avatar{width:72px;height:72px;font-size:24px}.avatar-upload-overlay{color:#fff;opacity:1;background:#00000073;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.profile-edit-input{background:var(--bg-deep);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:15px}.profile-edit-actions{gap:8px;margin-top:16px;display:flex}.profile-edit-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600}.profile-edit-save{background:linear-gradient(135deg, var(--accent), #5b6cd9);color:#fff}.profile-edit-save:disabled{opacity:.5;cursor:not-allowed}.profile-edit-cancel{background:var(--border);color:var(--text)}.avatar-picker-overlay{z-index:300;background:#000000bf;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@media (width>=768px){.avatar-picker-overlay{align-items:center}}.avatar-picker-modal{background:var(--bg-base);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:420px;max-height:85dvh;animation:.25s slideUpSheet;display:flex;overflow:hidden}@media (width>=768px){.avatar-picker-modal{border-radius:16px;max-height:80vh}}.avatar-picker-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.avatar-picker-header h3{color:var(--text);margin:0;font-size:16px;font-weight:600}.avatar-picker-close{color:#8b90a0;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.avatar-picker-close:hover{color:var(--text)}.avatar-picker-current{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:16px 20px 12px;display:flex}.avatar-picker-preview{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:flex;overflow:hidden}.avatar-picker-hint{color:#8b90a0;font-size:13px}.avatar-picker-upload-btn{color:var(--accent);cursor:pointer;background:#18b5a514;border:1px dashed #18b5a566;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin:0 20px 12px;padding:10px;font-size:13px;font-weight:500;display:flex}.avatar-picker-upload-btn:hover{border-color:var(--accent);background:#18b5a526}.avatar-picker-grid{flex:1;grid-template-columns:repeat(5,1fr);gap:8px;min-height:0;padding:4px 20px 16px;display:grid;overflow-y:auto}.avatar-picker-item{aspect-ratio:1;cursor:pointer;background:#252830;border:2px solid #0000;border-radius:50%;padding:2px;transition:border-color .15s,transform .15s;overflow:hidden}.avatar-picker-item img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-picker-item:hover{border-color:var(--accent);transform:scale(1.08)}.avatar-picker-item.selected{border-color:var(--accent);transform:scale(1.08);box-shadow:0 0 0 2px #18b5a54d}.avatar-picker-actions{border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px 20px 20px;display:flex}.avatar-picker-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600}.avatar-picker-cancel{background:var(--border);color:var(--text)}.avatar-picker-save{background:linear-gradient(135deg, var(--accent), #5b6cd9);color:#fff}.avatar-picker-save:disabled{opacity:.5;cursor:not-allowed}@media (width<=767px){.mobile-tab-bar{display:flex}.community-layout{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.hamburger-btn,.toggle-members-btn{display:none!important}.delete-dm-btn{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:flex}.mention-dropdown{max-height:180px}}.typing-indicator{color:#9ca3af;align-items:center;gap:8px;padding:4px 20px 8px;font-size:12px;animation:.2s fadeIn;display:flex}.typing-dots{align-items:center;gap:3px;display:flex}.typing-dots span{background:var(--text-faint);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.profile-card{z-index:1100;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:280px;padding:16px;animation:.15s fadeIn;position:fixed;box-shadow:0 8px 32px #00000080}.profile-card-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;top:10px;right:10px}.profile-card-close:hover{color:#9ca3af}.profile-card-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.profile-card-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.profile-card-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-card-info{flex:1;min-width:0}.profile-card-name{color:#f0f0f0;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.profile-card-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.profile-card-status.online{background:#22c55e}.profile-card-status.offline{background:var(--text-faint)}.profile-card-title{color:#9ca3af;margin-top:2px;font-size:12px}.profile-card-dept{color:var(--text-faint);font-size:11px}.profile-card-bio{color:var(--text-muted);border-top:1px solid var(--border);max-height:60px;padding:8px 0;font-size:12px;line-height:1.4;overflow:hidden}.profile-card-msg-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.profile-card-msg-btn:hover{background:#2563eb}.profile-card-backdrop{z-index:1099;background:#00000080;animation:.15s fadeIn;position:fixed;inset:0}.profile-card-mobile{z-index:1100;background:var(--bg-card);border-top:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;padding:8px 20px 24px;animation:.25s slideUpSheet;position:fixed;bottom:56px;left:0;right:0;box-shadow:0 -12px 40px #0009}.profile-card-handle{background:#3a3f4a;border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.profile-card-mobile .profile-card-close{padding:8px;top:10px;right:16px}.profile-card-mobile-top{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;display:flex}.profile-card-mobile-top .profile-card-avatar{width:64px;height:64px;margin-bottom:6px;font-size:22px}.profile-card-mobile-top .profile-card-name{justify-content:center;font-size:17px;font-weight:700}.profile-card-mobile-top .profile-card-title{color:#9ca3af;font-size:13px}.profile-card-mobile-top .profile-card-dept{color:var(--text-faint);font-size:12px}.profile-card-mobile .profile-card-msg-btn{border-radius:12px;margin-top:6px;padding:14px;font-size:15px;font-weight:700}.sender-clickable{cursor:pointer;transition:color .15s}.sender-clickable:hover{text-decoration:underline;color:#60a5fa!important}.search-overlay{z-index:1200;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.search-overlay-backdrop{background:#0009;position:absolute;inset:0}.search-overlay-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:90%;max-width:560px;max-height:70vh;animation:.15s fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000080}.search-overlay-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.search-overlay-icon{color:var(--text-faint);flex-shrink:0}.search-overlay-input{color:#f0f0f0;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.search-overlay-input::placeholder{color:#4b5563}.search-overlay-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px}.search-overlay-close:hover{color:#9ca3af}.search-overlay-results{flex:1;padding:8px 0;overflow-y:auto}.search-loading,.search-empty{text-align:center;color:var(--text-faint);padding:24px 16px;font-size:13px}.search-result{cursor:pointer;gap:10px;padding:10px 16px;transition:background .1s;display:flex}.search-result:hover{background:#252830}.search-result-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.search-result-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.search-result-body{flex:1;min-width:0}.search-result-meta{align-items:center;gap:8px;margin-bottom:3px;display:flex}.search-result-sender{color:#e0e0e0;font-size:12px;font-weight:700}.search-result-channel{color:var(--text-faint);background:#2a2d35;border-radius:4px;align-items:center;gap:2px;padding:1px 6px;font-size:11px;display:flex}.search-result-time{color:#4b5563;margin-left:auto;font-size:11px}.search-result-text{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.4;overflow:hidden}.search-result-text mark{color:#93c5fd;background:#3b82f64d;border-radius:2px;padding:0 1px}.search-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;display:flex}.search-btn:hover{color:#e0e0e0;background:#2a2d35}.channel-welcome-card{background:linear-gradient(135deg, #1e2330 0%, var(--bg-card) 100%);border:1px solid #2a2f3a;border-radius:10px;align-items:flex-start;gap:12px;margin:8px 16px 12px;padding:14px 18px;display:flex}.channel-welcome-icon{flex-shrink:0;margin-top:2px;font-size:24px}.channel-welcome-body{flex:1}.channel-welcome-title{color:#e0e0e0;text-transform:capitalize;margin-bottom:4px;font-size:14px;font-weight:700}.channel-welcome-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.profile-edit-fields{padding:0 4px}.profile-edit-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-top:10px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.profile-edit-input{background:var(--bg-input);border:1px solid var(--border);color:#f0f0f0;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.profile-edit-input:focus{border-color:#3b82f6}.profile-edit-textarea{background:var(--bg-input);border:1px solid var(--border);color:#f0f0f0;resize:none;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.profile-edit-textarea:focus{border-color:#3b82f6}.profile-edit-charcount{text-align:right;color:#4b5563;margin-top:2px;font-size:10px;display:block}.profile-sheet-bio{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.4}.welcome-tour{width:92%;max-width:460px}.welcome-skip{color:var(--text-faint);cursor:pointer;background:0 0;border:none;font-size:13px;position:absolute;top:14px;right:16px}.welcome-skip:hover{color:#9ca3af}.welcome-step-icon{text-align:center;margin-bottom:8px;font-size:40px}.welcome-step-title{text-align:center;color:#f0f0f0;margin-bottom:12px;font-size:18px;font-weight:700}.welcome-step-body{color:#b0b8c4;font-size:13px;line-height:1.6}.welcome-step-body p{margin-bottom:10px}.welcome-highlights{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.welcome-highlight-item{color:#d0d5dd;background:#252830;border-radius:8px;padding:8px 10px;font-size:12px}.welcome-channels-list{margin:10px 0}.welcome-channel-row{color:#c0c5ce;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.welcome-channel-row strong{color:#e0e0e0}.wc-icon{text-align:center;width:20px;font-size:14px}.welcome-profile-preview{background:#252830;border-radius:10px;align-items:center;gap:14px;margin:14px 0;padding:16px;display:flex}.welcome-profile-placeholder{background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;display:flex}.welcome-profile-fields{flex:1}.welcome-field-mock{background:var(--bg-base);color:#9ca3af;border-radius:6px;margin-bottom:6px;padding:6px 10px;font-size:12px}.welcome-field-mock.light{color:#5b6370}.welcome-intro-example{margin:12px 0}.welcome-intro-bubble{color:#c0c5ce;background:#252830;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.welcome-intro-bubble strong{color:#e0e0e0;margin-bottom:4px;display:block}.welcome-intro-bubble p{margin:0}.welcome-final-note{text-align:center;font-weight:600;color:#22c55e!important}.welcome-step-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.welcome-dots{gap:6px;display:flex}.welcome-dot{background:#3a3f4a;border-radius:50%;width:8px;height:8px;transition:background .2s}.welcome-dot.active{background:#3b82f6}.welcome-nav-btns{gap:8px;display:flex}.welcome-btn-back{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #3a3f4a;border-radius:8px;padding:7px 16px;font-size:13px}.welcome-btn-back:hover{border-color:var(--text-faint);color:#e0e0e0}@media (width<=767px){.search-overlay{padding-top:0}.search-overlay-panel{border:none;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh}.search-overlay-header{padding:14px 12px}.search-overlay-input{font-size:16px}.search-result{padding:12px}.search-result-meta{flex-wrap:wrap;gap:4px}.search-result-time{margin-left:0}.search-btn{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:flex}.channel-welcome-card{gap:10px;margin:6px 10px 10px;padding:12px 14px}.channel-welcome-icon{font-size:20px}.channel-welcome-title{font-size:13px}.channel-welcome-desc{font-size:11px}.typing-indicator{padding:4px 12px 6px;font-size:11px}.welcome-tour{width:96%}.welcome-step-icon{font-size:32px}.welcome-step-title{margin-bottom:10px;font-size:16px}.welcome-step-body{font-size:12px}.welcome-highlights{grid-template-columns:1fr;gap:6px}.welcome-highlight-item{padding:7px 8px;font-size:11px}.welcome-channel-row{padding:4px 0;font-size:11px}.welcome-step-footer{flex-direction:column;align-items:center;gap:12px}.welcome-nav-btns{justify-content:center;width:100%}.welcome-btn{width:100%}.welcome-btn-back{width:auto}.profile-edit-input,.profile-edit-textarea,.profile-edit-bio{padding:10px 12px;font-size:16px}.message-edit-textarea,.gif-search-box input,.form-group input{font-size:16px}.dm-profile-header{gap:10px;padding:12px 14px}.dm-profile-avatar{width:44px;height:44px;font-size:14px}.dm-profile-name{font-size:14px}}.profile-picker{flex:1;min-width:0;position:relative}.profile-picker-trigger{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:#1e2028;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:6px 10px;font-size:13px;transition:border-color .15s;display:flex}.profile-picker-trigger:hover{border-color:var(--accent)}.profile-picker-trigger:focus{border-color:var(--accent);outline:none}.pp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.pp-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pp-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pp-role{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.pp-chevron{color:var(--text-faint);flex-shrink:0;margin-left:auto}.pp-placeholder{color:var(--text-faint);font-size:13px}.profile-picker-dropdown{background:var(--bg-base);border:1px solid var(--border);z-index:300;border-radius:10px;animation:.15s ease-out ppFadeIn;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 -8px 30px #0006}@keyframes ppFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pp-search-wrap{border-bottom:1px solid var(--border);color:var(--text-faint);align-items:center;gap:8px;padding:8px 12px;display:flex}.pp-search{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.pp-search::placeholder{color:#4b5060}.pp-list{max-height:240px;padding:4px;overflow-y:auto}.pp-option{color:#d1d5db;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;transition:background .1s;display:flex}.pp-option:hover{background:var(--bg-raised)}.pp-option.selected{background:#18b5a51a}.pp-option .pp-avatar{width:30px;height:30px;font-size:12px}.pp-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pp-info .pp-name{font-size:13px}.pp-info .pp-role{font-size:11px}.pp-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pp-tag{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700;line-height:1.2}.pp-tag-mod{color:#c084fc;background:#a855f733}.pp-tag-coord{color:#60a5fa;background:#3b82f633}.pp-tag-employee{color:#4ade80;background:#22c55e26}.pp-tag-newhire{color:#fbbf24;background:#fbbf2433}.pp-tag-user{color:#fb7185;background:#f43f5e33}.pp-locked-profile{border:1px solid var(--border);background:#1e2028;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:4px 10px;display:inline-flex}.pp-locked-profile .pp-name{color:var(--text);font-size:13px;font-weight:600}.pp-check{color:var(--accent);flex-shrink:0}.pp-empty{text-align:center;color:var(--text-faint);padding:16px;font-size:13px}@media (width<=767px){.profile-picker-trigger{min-height:44px;padding:8px 12px;font-size:14px}.pp-avatar{width:28px;height:28px}.pp-option{min-height:48px;padding:10px 12px}.pp-option .pp-avatar{width:34px;height:34px;font-size:13px}.pp-info .pp-name{font-size:14px}.pp-info .pp-role{font-size:12px}.pp-list{max-height:280px}.pp-search{font-size:16px}.profile-picker-dropdown{border-radius:14px;position:fixed;bottom:56px;left:8px;right:8px}}.admin-mobile-tab-bar{background:var(--bg-deep);border-top:1px solid var(--bg-raised);z-index:200;flex-direction:row;justify-content:space-around;align-items:center;height:56px;display:none;position:fixed;bottom:0;left:0;right:0}.admin-mobile-tab-bar .mobile-tab{height:100%;color:var(--text-faint);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:10px;font-weight:500;display:flex;position:relative}.admin-mobile-tab-bar .mobile-tab.active{color:var(--accent)}.admin-mobile-tab-bar .mobile-tab .tab-icon{line-height:0;position:relative}.admin-mobile-tab-bar .tab-badge{color:#fff;background:#dc2626;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-10px}.admin-more-overlay{z-index:199;background:#00000080;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.admin-more-menu{background:var(--bg-base);border-top:1px solid var(--border);width:100%;padding:12px 0 calc(56px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;animation:.2s ease-out slideUp}.admin-more-menu button{color:#d1d5db;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:16px 24px;font-size:15px;font-weight:500;display:flex}.admin-more-menu button:active{background:#18b5a51a}.more-menu-badge{color:#fff;background:#dc2626;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}@media (width<=767px){.admin-mobile-tab-bar,.admin-more-overlay{display:flex}.admin-layout{padding-bottom:56px}.admin-tabs{display:none!important}.invite-table thead{display:none}.invite-table,.invite-table tbody,.invite-table tr{display:block}.invite-table tr{background:var(--bg-base);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:12px 14px}.invite-table tr:hover td{background:0 0}.invite-table td{border-bottom:none;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.invite-table td:before{content:attr(data-label);color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;min-width:70px;font-size:11px;font-weight:600}.invite-table td[data-label=""]:before{display:none}.invite-table td[data-label=""]{justify-content:flex-end;padding-top:8px}.inline-reject{flex-wrap:wrap}.inline-reject input{width:100%;min-height:44px;font-size:16px}.verification-actions .btn-approve-step,.verification-actions .btn-reject-step{min-height:44px;padding:10px 18px;font-size:14px}}.phone-blocked-toast{color:#fff;text-align:center;z-index:9999;background:#dc2626;border-radius:10px;align-items:center;gap:8px;max-width:380px;padding:12px 20px;font-size:13px;line-height:1.4;animation:.3s slideUpFade;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.phone-blocked-icon{flex-shrink:0;font-size:18px}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid var(--accent)!important}@media (width<=767px){.reaction-chip{min-height:32px;padding:6px 12px}.reaction-add{width:36px;height:32px}.thread-toggle,.reply-btn-inline{min-height:32px;padding:6px 10px}}.auth-notice{color:#6ee7d8;background:#18b5a51a;border:1px solid #18b5a54d;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px;line-height:1.5}.form-helper{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.4}.code-input{letter-spacing:8px;text-align:center;font-weight:700;font-size:20px!important}.auth-secondary-actions{justify-content:space-between;margin-top:14px;display:flex}.auth-link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.auth-link-btn:disabled{color:var(--text-faint);cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent);letter-spacing:.2px;font-weight:700;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent-hover);opacity:1}.btn-primary:active{transform:scale(.98)}.profile-edit-save,.message-edit-save{background:var(--accent);color:var(--on-accent);font-weight:600}.profile-edit-save:hover,.message-edit-save:hover{background:var(--accent-hover)}.send-btn{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform .1s;display:flex;color:var(--on-accent)!important}.send-btn:hover{background:var(--accent-hover)}.send-btn:active{transform:scale(.92)}.send-btn:disabled{background:var(--bg-raised);color:var(--text-faint)!important}.channel-item{border-left:2px solid #0000;transition:background .12s,border-color .12s}.channel-item.active{background:var(--accent-soft);border-left-color:var(--accent);color:#fff}.channel-item.active .channel-icon{filter:saturate(1.2)}.mobile-tab{transition:color .15s}.mobile-tab.active{color:var(--accent)}.mobile-tab.active:before{content:"";background:var(--accent);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:25%;right:25%}.message-input-form{background:var(--bg-input);border:1px solid var(--border);border-radius:22px;align-items:flex-end;padding:4px 6px 4px 4px}.message-input-form:focus-within{border-color:var(--accent-deep)}.message-input-container{background:0 0}.message-header{background:color-mix(in srgb, var(--bg-surface) 85%, transparent);-webkit-backdrop-filter:blur(8px)}.profile-sheet,.emoji-picker-popup,.gif-picker,.mention-dropdown,.search-overlay-panel,.announcement-card,.poll-card{box-shadow:0 8px 32px #0208108c}.reaction-chip.reacted{background:var(--accent-soft);border-color:var(--accent-deep);color:var(--accent)}.unread-badge,.tab-badge,.section-badge{background:#e2483d}.message-text a{color:var(--accent)}.mention-pill{background:var(--accent-soft);color:var(--accent)}.mention-pill.mention-all{color:var(--warning);background:#f59e0b26}.message-list::-webkit-scrollbar{width:8px}.sidebar-sections::-webkit-scrollbar{width:8px}.member-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:4px}.sidebar-sections::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:4px}.member-list::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:4px}.message-list::-webkit-scrollbar-track{background:0 0}.sidebar-sections::-webkit-scrollbar-track{background:0 0}.member-list::-webkit-scrollbar-track{background:0 0}.auth-card{border:1px solid var(--border);box-shadow:0 16px 48px #02081099}.auth-logo h1{letter-spacing:-.3px}.sidebar{border-right:1px solid var(--border)}.sidebar-header{border-bottom:1px solid var(--border)}.section-header{text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px 4px;font-family:inherit;font-size:11px;font-weight:700}.section-header:hover{color:var(--text-muted)}.section-badge{text-transform:none;letter-spacing:0}.channel-item{border-left:2px solid #0000;border-radius:8px;margin:1px 8px;padding:6px 10px 6px 14px}.channel-item.active{background:var(--accent-soft);border-left-color:var(--accent)}.channel-item:not(.active):hover{background:var(--bg-raised)}.sidebar-footer{border-top:1px solid var(--border);background:var(--bg-deep);padding:10px 12px}.user-info{border-radius:10px;padding:4px 6px;transition:background .12s}.user-info:hover{background:var(--bg-raised)}.logout-btn{border-radius:8px;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:flex}.logout-btn:hover{color:var(--danger);background:#ef44441f}.message-header{border-bottom:1px solid var(--border)}.message-header-title{letter-spacing:-.2px;font-size:15px;font-weight:700}.message-header-desc{color:var(--text-faint);font-size:12px}.member-section-title{letter-spacing:.8px;padding:12px 16px 4px;font-weight:700}.member-item{border-radius:10px;margin:1px 8px;padding-left:10px;padding-right:10px}.member-item:hover{background:var(--bg-raised)}.member-list{border-left:1px solid var(--border)}.profile-sheet-handle{background:var(--border-strong);width:36px}.dm-item .online-dot{box-shadow:0 0 0 2px var(--bg-surface)}@media (width<=767px){.mobile-top-bar{padding:6px 12px}.mobile-top-logo{height:18px}.mobile-top-title{font-size:13px}.message-header{padding:8px 12px}}.message-bubble{border-radius:10px;padding:5px 8px;transition:background .12s}.message-bubble:hover{background:#ffffff06}.message-text{line-height:1.55}.message-sender{font-weight:650}.message-time{color:var(--text-faint);font-size:11px}.reply-context{border-left:2px solid var(--accent-deep);background:#18b5a50f;border-radius:4px;padding:4px 8px}.thread-replies{border-left:2px solid var(--border);border-radius:0;margin-left:18px;padding-left:10px}.thread-replies-header{color:var(--text-muted);font-size:12px}.announcement-card{border:1px solid var(--border);background:var(--bg-card)}.announcement-accent-bar{background:var(--accent)}.announcement-tag{color:var(--accent)}.poll-card{border:1px solid var(--border);background:var(--bg-card);border-radius:12px}.poll-option-bar{background:var(--accent-soft)}.poll-option.voted{border-color:var(--accent-deep)}.channel-welcome-card{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-surface) 100%);border:1px solid var(--border);border-radius:14px}.empty-messages{color:var(--text-faint);text-align:center;padding:48px 24px;font-size:14px}.pinned-panel{background:var(--bg-card);border-bottom:1px solid var(--border)}.pinned-panel-header{color:var(--warning)}.typing-indicator{color:var(--text-faint)}.typing-dots span{background:var(--accent)}.system-message{opacity:.75}.message-bubble.has-gif .message-content{border:1px solid var(--border)}@media (width>=1024px){.message-text{max-width:72ch}}@media (width<=767px){.message-bubble{flex-wrap:wrap}.message-hover-actions{box-shadow:none;background:0 0;border:none;flex-basis:100%;order:99;gap:8px;margin:2px 0 0 44px;padding:0;display:flex;position:static}.message-bubble.has-gif .message-hover-actions{margin-left:8px}.message-hover-actions button:not([title]){display:none}.message-hover-actions:not(:has(button[title])){display:none}.role-badge{text-overflow:ellipsis;white-space:nowrap;max-width:84px;padding:2px 5px;font-size:8px;overflow:hidden}.message-time{white-space:nowrap;font-size:10px}.message-meta,.gif-card-meta{flex-wrap:wrap;row-gap:2px}}.msg-ticks{color:var(--text-faint);letter-spacing:-2px;-webkit-user-select:none;user-select:none;margin-left:2px;font-size:11px}.msg-ticks.seen{color:var(--accent)}.feed-msg.feed-style-highlight{background:#eab3080f;border-left:3px solid #eab308;border-radius:6px;padding-left:10px}.feed-msg.feed-style-important{background:#ef44440f;border-left:3px solid #ef4444;border-radius:6px;padding-left:10px}.feed-msg.feed-style-announcement{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:6px;padding-left:10px}.feed-style-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.feed-style-tag.tag-announcement{color:var(--accent);background:var(--accent-soft)}.feed-style-tag.tag-highlight{color:#eab308;background:#eab3081f}.feed-style-tag.tag-important{color:#ef4444;background:#ef44441f}.feed-edit-box{margin-top:4px}.feed-edit-box textarea{background:var(--bg-input);border:1px solid var(--border-strong);width:100%;color:var(--text);resize:vertical;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px}.feed-edit-actions{gap:8px;margin-top:6px;display:flex}.feed-edit-save,.feed-edit-cancel{cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:6px;padding:5px 14px;font-size:12px}.feed-edit-save{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.feed-edit-save:hover{background:var(--accent-hover)}.feed-edit-cancel:hover{color:var(--text)}.browser-edit-box{max-width:640px;margin:4px 0 8px 44px}@media (width<=768px){.browser-edit-box{margin-left:0}}.message-bubble.own-dm{background:#18b5a51a;border:1px solid #18b5a529;border-radius:14px 4px 14px 14px;max-width:80%;margin-left:auto;padding:8px 12px}.message-bubble.own-dm:hover{background:#18b5a524}.message-bubble.own-dm>.message-avatar,.message-bubble.own-dm .message-sender{display:none}.message-bubble.own-dm .message-meta{justify-content:flex-end}@media (width<=768px){.message-bubble.own-dm{max-width:88%}.message-bubble.own-dm .message-hover-actions{justify-content:flex-end;margin-left:0}}