:root{--bg:#0f1117;--panel:#171a23;--panel-2:#1e2230;--border:#2a2f3e;--text:#e8eaf0;--muted:#9aa1b2;--primary:#4f7cff;--primary-2:#3a63e0;--in:#1e2230;--out:#2b4b8f;--danger:#e05a5a;--ok:#35b37e}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}a{color:var(--primary);text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:8px;padding:8px 12px}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:var(--primary-2)}input,select,textarea{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px;width:100%;max-width:380px}.card h1{margin:0 0 4px;font-size:22px}.muted{color:var(--muted);font-size:13px}.field{margin-top:12px}.layout{display:grid;grid-template-columns:340px 1fr;height:100vh}.sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar header{padding:14px 16px;align-items:center;justify-content:space-between}.filters,.sidebar header{border-bottom:1px solid var(--border);display:flex}.filters{gap:6px;padding:10px 12px;flex-wrap:wrap}.filters button{padding:5px 10px;font-size:13px;border-radius:999px}.filters button.active{background:var(--primary);border-color:var(--primary);color:#fff}.list{overflow-y:auto;flex:1 1}.conv{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer}.conv.active,.conv:hover{background:var(--panel-2)}.conv .top{display:flex;justify-content:space-between;gap:8px}.conv .name{font-weight:600}.conv .meta{color:var(--muted);font-size:12px}.badge{font-size:11px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.open{color:var(--ok);border-color:var(--ok)}.badge.pending{color:#e0a83a;border-color:#e0a83a}.badge.closed{color:var(--muted)}.chat{display:flex;flex-direction:column;min-height:0}.chat header{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.chat .messages{flex:1 1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:8px}.msg{max-width:68%;padding:9px 13px;border-radius:14px;background:var(--in);align-self:flex-start;border:1px solid var(--border)}.msg.out{background:var(--out);align-self:flex-end;border-color:transparent}.msg .time{display:block;font-size:11px;color:rgba(255,255,255,.6);margin-top:4px}.composer{border-top:1px solid var(--border);padding:12px 16px;display:flex;gap:8px}.empty{justify-content:center;color:var(--muted);height:100%}.empty,.row{display:flex;align-items:center}.row{gap:8px}.error{color:var(--danger);font-size:13px;margin-top:10px}