:root{--bg: #F5F6FA;--card: #FFFFFF;--border: #E4E7EC;--text: #1D2939;--text-muted: #667085;--accent: #7C5CFC;--accent-soft: #F9F5FF;--src-chat: #2A78D6;--src-gmail: #EB6834;--src-whatsapp: #1BAF7A;--src-zalo: #0068FF;--danger: #F04438;--warning: #F79009;--ok: #006300;--radius-card: 12px;--radius-pill: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .05)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}button{font-family:inherit;font-size:14px;cursor:pointer}.app{display:flex;height:100%}.sidebar{width:240px;flex:0 0 240px;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px}.logo{font-size:16px;font-weight:700;height:48px;display:flex;align-items:center}.nav{display:flex;flex-direction:column;gap:2px;margin-top:16px;flex:1}.nav a{padding:9px 12px;border-radius:var(--radius-pill);color:var(--text);display:flex;gap:8px;align-items:center}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav a:hover:not(.active){background:#f9fafb}.content{flex:1;padding:24px;overflow-y:auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:16px}.row{display:flex;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{border-left:4px solid var(--accent)}.stat .label{font-size:12px;font-weight:500;text-transform:uppercase;color:var(--text-muted)}.stat .value{font-size:28px;font-weight:700;margin:4px 0}.stat .sub{font-size:12px;color:var(--text-muted)}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search{flex:1 1 45%;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 12px}.search input{border:none;outline:none;flex:1;font-size:14px;background:transparent}.kbd{font-size:11px;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.pills{display:flex}.pill{border:1px solid var(--border);background:#fff;padding:7px 12px;color:var(--text)}.pill:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.pill:last-child{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.pill+.pill{border-left:none}.pill.on{background:var(--accent);color:#fff;border-color:var(--accent)}.btn{background:var(--accent);color:#fff;border:none;padding:8px 14px;border-radius:var(--radius-pill);font-weight:500}.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.45;cursor:not-allowed}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;color:var(--text-muted);background:#fafafb;padding:10px 12px;font-weight:500;white-space:nowrap}td{padding:10px 12px;border-top:1px solid var(--border);vertical-align:top}tbody tr:hover{background:var(--accent-soft);cursor:pointer}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:6px;background:#f2f4f7;color:var(--text-muted)}.badge.src-google_chat{background:#eaf1fb;color:var(--src-chat)}.badge.src-gmail{background:#fdece5;color:var(--src-gmail)}.badge.src-whatsapp{background:#e6f7f0;color:var(--src-whatsapp)}.badge.src-zalo{background:#e6f0ff;color:var(--src-zalo)}.badge.danger{background:#feeceb;color:var(--danger)}.badge.warn{background:#fef0e1;color:var(--warning)}.badge.tag-issue{background:#feeceb;color:var(--danger)}.badge.tag-insight{background:var(--accent-soft);color:var(--accent)}.badge.tag-know_how{background:#e6f7f0;color:var(--src-whatsapp)}.alert{border-left:4px solid var(--warning);background:#fffaf0;border-radius:var(--radius-card);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:var(--text-muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.dot.read{background:transparent;border:1px solid var(--text-muted)}.bubble{max-width:68%;padding:10px 12px;border-radius:12px;background:#f2f4f7}.bubble.out{background:var(--accent-soft);margin-left:auto}.thread{display:flex;flex-direction:column;gap:10px;max-height:62vh;overflow-y:auto}.login{display:flex;align-items:center;justify-content:center;height:100%}.login .card{width:360px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field input{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:14px}.err{color:var(--danger);font-size:13px}select{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#fff;font-size:14px}