/* style.css */
body { margin:0; font-family:sans-serif; background:#121212; color:#eee; }
.card { background:#1f1f1f; padding:15px; border-radius:10px; margin:15px; transition:all 0.3s ease; }
.tabview { display:none; }
.tabview.active { display:block; }
.pill { background:#333; padding:5px 10px; border-radius:20px; }
.item { padding:5px; border-bottom:1px solid #333; display:flex; justify-content:space-between; }
.ghost { background:none; border:none; color:#fff; cursor:pointer; }
.danger { color:#f55; }
.grid { display:grid; gap:5px; }
#chatBox { height:200px; overflow-y:auto; background:#222; padding:10px; border-radius:10px; }
#notifBell { position:absolute; top:15px; right:15px; cursor:pointer; }
.hidden { display:none !important; }
input { background:#222; border:1px solid #555; color:#eee; padding:5px; border-radius:5px; }
button { cursor:pointer; border-radius:5px; padding:5px 10px; }