:root{--bg:#080b12;--card:#0f1318;--card2:#161c24;--primary:#7c3aed;--teal:#0ea5e9;--green:#10b981;--pink:#f72585;--yellow:#facc15;--text:#e8ecf2;--dim:#8892a4;--border:#1e2735;--glass:#0f1318e6}body{background:var(--bg);padding-top:68px;overflow:hidden}header{display:none}.chat-layout{grid-template-columns:260px 1fr 260px;height:calc(100vh - 68px);display:grid}.channels-panel{background:var(--card);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.channels-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem}.channels-title{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.channels-title-text{text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);font-size:.65rem;font-weight:800}.live-indicator{color:var(--green);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:5px;font-size:.6rem;font-weight:800;display:flex}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.channel-search-wrap{position:relative}.channel-search-wrap i{color:var(--dim);font-size:.75rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.channel-search{background:var(--card2);border:1px solid var(--border);width:100%;color:var(--text);transition:var(--transition);border-radius:.5rem;outline:none;padding:.45rem .75rem .45rem 2rem;font-family:inherit;font-size:.75rem}.channel-search:focus{border-color:var(--primary)}.channel-filter-tabs{border-bottom:1px solid var(--border);background:#0003;flex-shrink:0;gap:2px;padding:.5rem 1rem;display:flex}.ch-tab{color:var(--dim);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:.35rem;padding:.25rem .5rem;font-family:inherit;font-size:.65rem;font-weight:800}.ch-tab:hover,.ch-tab.active{color:#fff;background:#ffffff0f}.ch-tab.active{color:var(--primary);background:#7c3aed33}.channel-list{flex:1;overflow-y:auto}.channel-item{cursor:pointer;transition:var(--transition);border-bottom:1px solid #ffffff05;align-items:center;gap:8px;padding:.75rem 1rem;display:flex}.channel-item:hover{background:#ffffff08}.channel-item.active{border-left:3px solid var(--primary);background:#7c3aed1f}.ch-hash{color:var(--dim);font-size:.85rem;font-weight:700}.channel-item.active .ch-hash{color:var(--primary)}.ch-body{flex:1;min-width:0}.ch-id{color:var(--pink);font-family:monospace;font-size:.65rem;font-weight:800;line-height:1.2}.ch-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.ch-badge{text-transform:uppercase;color:#4361ee;background:#4361ee26;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:.55rem;font-weight:800}.pending-badge{color:var(--yellow);background:#facc1526}.chat-main{background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.chat-empty-state{color:var(--dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.chat-empty-state .emoji{opacity:.3;font-size:3rem}.chat-empty-state p{font-size:.85rem;line-height:1.6}.chat-topbar{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.chat-topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.chat-topbar-hash{color:var(--primary);font-size:1.2rem;font-weight:800}.chat-topbar-id{color:var(--pink);font-family:monospace;font-size:.65rem;font-weight:800}.chat-topbar-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;overflow:hidden}.chat-topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-badge{text-transform:uppercase;letter-spacing:.8px;border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:800}.s-active{color:#4361ee;background:#4361ee26}.s-pending{color:var(--yellow);background:#facc1526}.s-closed{color:var(--dim);background:#94a3b81a}.chat-feed{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.feed-loading{color:var(--dim);justify-content:center;align-items:center;gap:8px;height:100%;font-size:.8rem;display:flex}.msg-row{gap:10px;max-width:78%;display:flex}.msg-row.staff{flex-direction:row-reverse;align-self:flex-end}.msg-row.user{align-self:flex-start}.msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:800;display:flex}.staff .msg-avatar{background:linear-gradient(135deg, var(--primary), #a855f7);color:#fff}.user .msg-avatar{color:var(--teal);background:#ffffff14;border:1px solid #0ea5e94d}.msg-bubble{flex-direction:column;gap:4px;display:flex}.staff .msg-bubble{align-items:flex-end}.msg-sender{text-transform:uppercase;letter-spacing:.8px;color:var(--dim);align-items:center;gap:5px;font-size:.65rem;font-weight:800;display:flex}.staff .msg-sender{color:#c084fc}.user .msg-sender{color:var(--teal)}.msg-body{word-break:break-word;border-radius:1rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.55}.staff .msg-body{color:#fff;background:#7c3aed33;border:1px solid #7c3aed59;border-top-right-radius:2px}.user .msg-body{background:var(--card2);border:1px solid var(--border);color:var(--text);border-top-left-radius:2px}.msg-meta{color:var(--dim);margin-top:1px;font-size:.6rem}.chat-input-bar{background:var(--card);border-top:1px solid var(--border);flex-shrink:0;padding:.85rem 1.25rem}.chat-input-wrap{background:var(--card2);border:1px solid var(--border);transition:var(--transition);border-radius:.85rem;align-items:flex-end;gap:8px;padding:.4rem .5rem .4rem .85rem;display:flex}.chat-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #7c3aed26}.chat-textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:100px;font-family:inherit;font-size:.85rem;line-height:1.5}.chat-textarea::placeholder{color:var(--dim)}.chat-send-btn{background:var(--primary);color:#fff;cursor:pointer;width:34px;height:34px;transition:var(--transition);border:none;border-radius:.55rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.chat-send-btn:hover:not(:disabled){background:#6d28d9;transform:scale(1.05)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.info-panel{background:var(--card);border-left:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.info-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:1rem}.info-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);font-size:.65rem;font-weight:800}.info-scroll{flex:1;overflow-y:auto}.info-section{border-bottom:1px solid var(--border);padding:1rem}.info-section:last-child{border-bottom:none}.info-section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--dim);margin-bottom:.75rem;font-size:.6rem;font-weight:800}.info-field{flex-direction:column;gap:2px;margin-bottom:.85rem;display:flex}.info-field:last-child{margin-bottom:0}.info-field-label{color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-size:.6rem;font-weight:700}.info-field-val{color:#fff;font-size:.82rem;font-weight:600}.info-status-badge{text-transform:uppercase;letter-spacing:.8px;border-radius:2rem;padding:.25rem .75rem;font-size:.65rem;font-weight:800;display:inline-block}.status-active{color:#4361ee;background:#4361ee1f}.status-pending{color:var(--yellow);background:#facc151f}.status-closed{color:#94a3b8;background:#94a3b81a}.info-tag{border:1px solid var(--border);color:var(--dim);text-transform:uppercase;background:#ffffff0f;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.status-change-select{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:.6rem;outline:none;padding:.45rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600}.status-change-select:focus{border-color:var(--primary)}.no-info{text-align:center;color:var(--dim);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.no-info i{opacity:.2;margin-bottom:.75rem;font-size:1.8rem}.no-info p{font-size:.78rem}@media (width<=900px){.chat-layout{grid-template-columns:220px 1fr}.info-panel{display:none}}@media (width<=600px){body{padding-top:68px;overflow:auto}.chat-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 68px)}.channels-panel{display:none}.chat-main{height:calc(100vh - 128px)}}