: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}.badge.scope-internal{background:#f2f4f7;color:var(--text-muted)}.badge.scope-external{background:var(--accent-soft);color:var(--accent)}.badge.scope-internal_team{background:#e6f7f0;color:var(--src-whatsapp)}.badge.scope-unknown{background:#fff;color:var(--text-muted);border:1px dashed var(--border)}.conf{display:inline-flex;align-items:center;gap:6px;font-size:12px}.conf .bullet{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.conf.high .bullet{background:var(--ok)}.conf.medium .bullet{background:var(--warning)}.conf.low .bullet{background:#98a2b3}.conf.none .bullet{background:#fff;border:1px solid #D0D5DD}.path{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.path .sep{color:var(--text-muted)}.path .lvl-advertiser{font-weight:600}.path .lvl-brand{color:var(--text-muted)}.tree{display:flex;flex-direction:column}.tree .node{display:flex;align-items:center;gap:8px;padding:8px 4px;border-top:1px solid var(--border)}.tree .node:first-child{border-top:none}.tree .node .caret{width:16px;text-align:center;color:var(--text-muted);background:none;border:none;padding:0}.tree .node .nums{margin-left:auto;color:var(--text-muted);font-size:12px;white-space:nowrap}.tree .lvl-1{padding-left:24px}.tree .lvl-2{padding-left:48px}