*{box-sizing:border-box}html,body,#root{color:#e5e7eb;background:#0f172a;min-height:100%;margin:0;font-family:Inter,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:12px;padding:10px 14px}input,textarea{color:#e5e7eb;background:#111827;border:1px solid #334155;border-radius:12px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:72px}.toast-stack{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:14px;right:14px}.toast{border:1px solid #1f2937;border-radius:12px;min-width:240px;max-width:360px;padding:12px 14px;box-shadow:0 10px 30px #0000004d}.toast-success{color:#dcfce7;background:#14532d}.toast-error{color:#fee2e2;background:#7f1d1d}.toast-info{color:#dbeafe;background:#1e3a8a}.app{grid-template-columns:360px 1fr;min-height:100vh;display:grid}.sidebar{background:#111827;border-right:1px solid #1f2937;flex-direction:column;gap:16px;padding:16px;display:flex}.content{flex-direction:column;min-height:100vh;display:flex}.card{background:#0b1220;border:1px solid #1f2937;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.card-inline,.card-sub{flex-direction:column;display:flex}.grow{flex:1;min-height:200px}.row{flex-wrap:wrap;gap:8px;display:flex}.row-compact{align-items:center;gap:8px;display:flex}.tab{background:#1e293b;flex:1}.tab.active{background:#2563eb}.search-row{background:#111827;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.chat-list{flex-direction:column;gap:8px;display:flex;overflow:auto}.chat-item{text-align:left;background:#111827;border:1px solid #334155}.chat-item.active{background:#172554;border-color:#60a5fa}.chat-header{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.members-panel{border-bottom:1px solid #1f2937;padding:16px 20px 0}.member-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.member-row{background:#111827;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow:auto}.message{background:#1f2937;border:1px solid #334155;border-radius:16px;max-width:70%;padding:12px 14px}.message.own{background:#1d4ed8;border-color:#3b82f6;align-self:flex-end}.message-top{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.file-box{background:#ffffff14;border-radius:12px;padding:10px 12px}.file-name{word-break:break-word;font-weight:600}.image-preview{border-radius:10px;max-width:240px;max-height:240px;margin-bottom:8px;display:block}.mini-btn{border-radius:10px;padding:6px 10px;font-size:12px}.composer{border-top:1px solid #1f2937;grid-template-columns:1fr 140px;gap:12px;padding:16px 20px;display:grid}.typing-bar{color:#93c5fd;min-height:24px;padding:0 20px 8px}.status{color:#93c5fd;background:#0b1220;border:1px solid #1f2937;border-radius:12px;margin-top:auto;padding:10px 12px}.muted{color:#94a3b8}.small{font-size:12px}.empty{color:#94a3b8;margin:auto;font-size:18px}.upload{cursor:pointer;background:#1e293b;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.upload input{display:none}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #1f2937;border-right:0}.composer{grid-template-columns:1fr}.message{max-width:100%}.member-row,.search-row{flex-direction:column;align-items:flex-start}.toast-stack{left:10px;right:10px}.toast{min-width:0;max-width:none}}