:root{--bg:#0b0f14;--card:#121821;--muted:#8aa0b2;--accent:#ffd166;--ink:#eef2f7}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--accent);text-decoration:none}
.container{max-width:1000px;margin:24px auto;padding:0 16px}
.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0e141c;border-bottom:1px solid #18202b}
.brand{font-weight:700}
nav a{margin:0 8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}
.card{background:var(--card);padding:16px;border-radius:14px;border:1px solid #1c2733}
.flash{background:#14313e;border:1px solid #1d4c61;padding:8px 12px;border-radius:10px;margin:8px 0}
form .row{display:flex;gap:10px;flex-wrap:wrap}
input,select,textarea,button{background:#0f151d;color:var(--ink);border:1px solid #1a2633;border-radius:10px;padding:10px}
button{cursor:pointer}
.list{display:grid;gap:10px}
.item{background:var(--card);padding:12px;border-radius:12px;border:1px solid #1c2733}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border-bottom:1px solid #1c2733}
.chat-box{display:flex;flex-direction:column;height:60vh;background:#0e141c;border:1px solid #1c2733;border-radius:12px;overflow:hidden}
.chat-messages{flex:1;overflow-y:auto;padding:12px}
.chat-input{display:flex;gap:10px;padding:12px;border-top:1px solid #1c2733}
.msg{margin:6px 0}
.msg .meta{font-size:12px;color:var(--muted)}
.msg.me{ text-align:right }
.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #1c2733}
.item header{display:flex;align-items:center;gap:10px}
.badge{display:inline-block;background:#203144;border:1px solid #2e4a68;border-radius:999px;padding:2px 8px;font-size:12px;color:#c4d5e6}