:root{color:#18201f;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}input{font:inherit;border:1px solid #cfd9d4;border-radius:8px;padding:10px}main{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{background:#18332f;color:#fff;padding:24px 16px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:32px}aside button{width:100%;border:0;border-radius:8px;color:#fff;background:transparent;display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer}aside button.active,aside button:hover{background:#26534c}.content{padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}h1,h2,p{margin:0}h1{font-size:28px}h2{font-size:18px;display:flex;gap:8px;align-items:center}p{color:#60706c;margin-top:6px}header button,.actions button,.login button{border:0;border-radius:8px;background:#d14f30;color:#fff;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.top-actions{display:flex;gap:10px}.login-page{display:grid;place-items:center;grid-template-columns:1fr}.login{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #dfe7e3;border-radius:8px;padding:28px;display:grid;gap:14px}.error{color:#b83220}.load-error{color:#8f2618;background:#fff0ec;border:1px solid #f1c2b7;border-radius:8px;padding:11px 13px;margin-bottom:18px}.metric,.panel{background:#fff;border:1px solid #dfe7e3;border-radius:8px;box-shadow:0 1px 2px #1423200a}.metric{padding:18px}.metric span{display:block;color:#60706c;font-size:13px}.metric strong{display:block;font-size:28px;margin-top:8px}.panel{padding:18px;margin-bottom:18px;overflow-x:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.actions{display:flex;gap:10px}.icon-button{width:42px;min-width:42px;height:42px;padding:0!important;justify-content:center}select{min-width:220px;border:1px solid #cfd9d4;border-radius:8px;padding:10px;background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e6ece9;padding:10px;white-space:nowrap}th{color:#60706c;font-weight:700}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid #edf2ef}.row:last-child{border-bottom:0}.user-row{width:100%;grid-template-columns:minmax(180px,1.4fr) minmax(90px,1fr) auto 38px;align-items:center}.user-row:hover{background:#f5f8f6}.user-name-cell{display:flex;align-items:center;gap:9px;min-width:0;color:#18201f;text-decoration:none}.user-name-cell:hover{color:#2059a8;text-decoration:underline}.user-display-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name-cell img,.avatar-fallback{width:32px;height:32px;border-radius:50%;flex:0 0 32px}.user-name-cell img{object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:#e8eeeb;color:#37524c;font-size:13px;font-weight:800}.conversation-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d7e0dc;border-radius:8px;background:#fff;color:#37524c;cursor:pointer}.conversation-button:hover{background:#eaf1ee}.chat{min-height:180px;max-height:320px;overflow:auto;border:1px solid #e6ece9;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px;margin:14px 0;background:#f8faf9}.bubble{max-width:min(680px,86%);border-radius:8px;padding:10px 12px;white-space:pre-wrap;line-height:1.45}.bubble.you{align-self:flex-end;background:#d14f30;color:#fff}.bubble.bot{align-self:flex-start;background:#fff;border:1px solid #dfe7e3}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px}.conversations-panel{overflow:hidden}.conversation-feed{border-top:1px solid #e6ece9;max-height:720px;overflow-y:auto}.exchange{padding:18px 0;border-bottom:1px solid #e6ece9}.exchange:last-child{border-bottom:0}.exchange-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.exchange-meta>div:first-child{display:grid;gap:3px;min-width:0}.user-id{color:#71817d;font-size:12px;overflow-wrap:anywhere}.exchange-details{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#71817d;font-size:12px;text-align:right}.source{border-radius:999px;padding:4px 8px;font-weight:700;white-space:nowrap}.source.messenger{background:#e9f1ff;color:#2059a8}.source.admin-test{background:#f0f2f1;color:#53615e}.message-pair{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;gap:10px}.message{min-width:0;border:1px solid #dfe7e3;border-radius:8px;padding:12px}.message.received{background:#f7f9f8}.message.replied{background:#fff7f4;border-color:#f0d3ca}.message>span{display:block;color:#71817d;font-size:11px;font-weight:800;margin-bottom:7px;text-transform:uppercase}.message p{color:#18201f;line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.message small{display:block;color:#7b5146;line-height:1.4;margin-top:10px}.pair-link{align-self:center;color:#83928e;font-size:20px;text-align:center}.empty-state{min-height:210px;display:grid;place-items:center;align-content:center;gap:7px;color:#71817d;text-align:center}.empty-state strong{color:#33413e}.empty-state span{font-size:13px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){main{grid-template-columns:1fr}aside{position:static}.metrics,.grid{grid-template-columns:1fr}header,.panel-head,.actions{align-items:stretch;flex-direction:column}.chat-form{grid-template-columns:1fr}.conversation-actions{flex-direction:row}.conversation-actions select{min-width:0;width:100%}.exchange-meta{flex-direction:column}.exchange-details{justify-content:flex-start;text-align:left;flex-wrap:wrap}.message-pair{grid-template-columns:1fr}.pair-link{transform:rotate(90deg)}}