*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#0f172a;color:#e2e8f0}a{color:#93c5fd}
.bg-blobs::before,.bg-blobs::after{content:"";position:fixed;z-index:-1;width:320px;height:320px;border-radius:50%;filter:blur(80px);opacity:.4}
.bg-blobs::before{background:#a855f7;top:-100px;left:-40px}.bg-blobs::after{background:#06b6d4;bottom:-90px;right:-20px}
.main-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#111827cc;backdrop-filter:blur(8px);position:sticky;top:0}
.icon-btn,.btn{border:0;cursor:pointer}.icon-btn{background:#1f2937;color:#fff;border-radius:10px;padding:8px 12px}
.container{max-width:1000px;margin:20px auto;padding:0 14px}.card{background:#111827;border:1px solid #374151;padding:16px;border-radius:16px;margin-bottom:16px;animation:fade .35s}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.form-grid{display:grid;gap:10px}.form-grid input,.form-grid textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #4b5563;background:#0b1220;color:#fff}
.btn{background:linear-gradient(45deg,#7c3aed,#ec4899);color:#fff;padding:10px 14px;border-radius:12px}.btn.ghost{background:#1f2937}.btn.danger{background:#dc2626}
.alert{padding:10px;border-radius:10px}.error{background:#7f1d1d}.success{background:#14532d}.checkbox{display:flex;gap:8px;align-items:center}
.room-item{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid #374151;border-radius:12px;margin-bottom:10px}
.room-actions{display:flex;gap:8px;align-items:center}
.side-menu{position:fixed;inset:0 auto 0 0;width:270px;transform:translateX(-100%);background:#111827;padding:16px;display:flex;flex-direction:column;gap:12px;transition:.25s;z-index:20}
.side-menu.open{transform:translateX(0)}.close-btn{align-self:flex-end;background:none;color:#fff;border:0;font-size:22px;cursor:pointer}
.profile-mini{display:grid;place-items:center;gap:8px}.profile-mini img,.avatar-lg{width:80px;height:80px;border-radius:50%;object-fit:cover}
.chat-layout{display:grid;grid-template-columns:260px 1fr;gap:12px}.members-panel,.chat-box{background:#111827;border:1px solid #374151;border-radius:14px;padding:10px}
.members-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.members-panel li{display:flex;align-items:center;gap:8px}
.members-panel img,.msg>img{width:36px;height:36px;border-radius:50%;object-fit:cover}.messages{height:420px;overflow:auto;display:grid;gap:10px;padding-bottom:8px}
.msg{display:grid;grid-template-columns:40px 1fr;gap:8px;background:#0b1220;padding:8px;border-radius:12px}.media{max-width:220px;border-radius:10px;display:block;margin-top:8px}
.message-form textarea{min-height:80px}.tool-row{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:800px){.chat-layout{grid-template-columns:1fr}.members-panel{order:2}.messages{height:300px}}