:root{--bg: #f3f5f8;--shell: #111827;--frame: #ffffff;--line: #d9dee6;--text: #172033;--muted: #6d7788;--brand: #ff3b5c;--brand-dark: #e62d4f;--assistant: #f1f4f8;--user: linear-gradient(180deg, #1e90ff, #0a6cf1);--danger: #d64545;--warning: #ffb020;--success: #16a34a;--shadow: 0 28px 70px rgba(10, 18, 34, .18)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;min-height:100%;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top,rgba(255,59,92,.12),transparent 28%),linear-gradient(180deg,#f8fafc,#eef2f7);color:var(--text)}button,input,textarea{font:inherit}button{border:0;cursor:pointer}code,pre{font-family:Consolas,monospace}.hidden{display:none!important}.muted{color:var(--muted)}.app-shell{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-bottom:1px solid rgba(17,24,39,.08);background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-block{min-width:0;display:flex;align-items:center;gap:10px}.brand-title{font-size:14px;font-weight:700;line-height:1;white-space:nowrap}.brand-subtitle{margin:0;font-size:11px;color:var(--muted);line-height:1;white-space:nowrap}.topbar-nav{display:flex;gap:6px;flex-wrap:nowrap}.nav-button{padding:6px 10px;border-radius:999px;background:#eef2f7;color:var(--text);font-size:12px;line-height:1}.nav-button.active{background:var(--brand);color:#fff}main{flex:1;min-height:0}.view{height:100%;min-height:0;overflow:hidden}.page-shell{height:100%;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}.device-frame{width:min(100%,390px);height:min(100%,820px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--frame);border:1px solid rgba(17,24,39,.08);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.dm-header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#2f3747,#171d29);color:#fff;display:grid;place-items:center;font-weight:700}.header-copy{min-width:0;flex:1}.title{font-size:14px;font-weight:700}.subtitle{margin-top:2px;font-size:11px;color:var(--muted)}.ghost-button{padding:6px 10px;border-radius:999px;background:#eef2f7;color:var(--text);font-size:12px}.chat-stage{min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#fbfcfe,#f3f6fb)}.session-banner{display:flex;flex-wrap:wrap;gap:6px 10px;padding:8px 10px;font-size:11px;color:var(--muted);border-bottom:1px solid rgba(217,222,230,.8)}.dm-notice{margin:8px 10px 0;padding:8px 10px;border-radius:12px;background:#1118270f;color:#445065;font-size:12px;line-height:1.45}.messages{min-height:0;flex:1;overflow-y:auto;padding:10px 10px 14px;scrollbar-width:thin;scrollbar-color:transparent transparent}.messages:hover{scrollbar-color:rgba(109,119,136,.5) transparent}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.messages:hover::-webkit-scrollbar-thumb{background:#6d778880}.empty-state{margin:48px auto 0;max-width:260px;text-align:center;color:var(--muted)}.empty-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.empty-copy{font-size:13px;line-height:1.5}.bubble-row{display:flex;margin-bottom:8px}.bubble-row.inbound{justify-content:flex-start}.bubble-row.outbound{justify-content:flex-end}.bubble{max-width:84%;padding:8px 10px 6px;border-radius:16px;line-height:1.5;box-shadow:0 10px 24px #0f172a0f}.bubble.assistant,.bubble.human{background:var(--assistant);color:var(--text);border-bottom-left-radius:8px}.bubble.user{background:var(--user);color:#fff;border-bottom-right-radius:8px}.bubble-text{font-size:13px;word-break:break-word}.bubble-meta{margin-top:4px;font-size:10px;opacity:.72}.typing-bubble{min-width:68px}.typing-dots{display:flex;gap:5px;align-items:center;min-height:16px}.typing-dots span{width:7px;height:7px;border-radius:50%;background:#8d97a9;animation:blink 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer-shell{padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#fffffff5}.quick-actions{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.chip{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#eef2f7;color:var(--text);font-size:11px}.thread-history{display:grid;gap:4px;padding-bottom:6px;min-width:0}.modal-thread-history{margin-top:12px;padding-bottom:0;max-height:66px;overflow:hidden}.thread-history-head{font-size:10px;color:var(--muted)}.thread-history-list{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.thread-history-list:hover{scrollbar-color:rgba(109,119,136,.5) transparent}.thread-history-list::-webkit-scrollbar{height:6px}.thread-history-list::-webkit-scrollbar-track{background:transparent}.thread-history-list::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.thread-history-list:hover::-webkit-scrollbar-thumb{background:#6d778880}.thread-chip{flex:0 0 auto;max-width:180px;padding:5px 8px;border-radius:999px;background:#f3f6fb;color:var(--muted);font-size:10px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-chip.active{background:#ff3b5c24;color:var(--brand-dark)}.composer-row{display:flex;align-items:flex-end;gap:10px}#dm-message-input,#admin-reply-text{width:100%;flex:1;resize:none;min-height:40px;max-height:160px;padding:9px 11px;border:1px solid var(--line);border-radius:16px;background:#f9fbfd;outline:none;overflow-y:hidden;scrollbar-width:none;font-size:13px;line-height:1.45}#dm-message-input::-webkit-scrollbar,#admin-reply-text::-webkit-scrollbar{display:none}#dm-message-input:focus,#admin-reply-text:focus{border-color:#1e90ff80;box-shadow:0 0 0 3px #1e90ff1f}.send-button{width:42px;min-width:42px;height:40px;border-radius:14px;background:var(--brand);color:#fff;display:grid;place-items:center;padding:0}.send-icon{display:inline-block;font-size:14px;line-height:1;transform:translate(1px)}.send-button:hover,.send-button:focus-visible{background:var(--brand-dark)}.modal{position:fixed;inset:0;z-index:20}.modal-backdrop{position:absolute;inset:0;background:#0f172a70}.modal-card{position:relative;z-index:1;width:min(92vw,460px);margin:8vh auto 0;background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:18px}.auth-modal-card{width:min(92vw,380px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h2{margin:0;font-size:18px}.settings-grid{display:grid;gap:12px}.settings-grid label{display:grid;gap:6px;font-size:13px}.settings-grid input,.agent-meta input,.search-input,#admin-agent-id{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.modal-actions button,.agent-meta button,.toolbar-actions button,.action-row button,.reply-actions button,.filter-button,#admin-btn-save-agent{padding:6px 9px;border-radius:9px;background:#eef2f7;color:var(--text);font-size:12px}.tool-section{margin-top:14px;padding-top:12px;border-top:1px solid rgba(17,24,39,.08)}.tool-section-head{font-size:12px;font-weight:700;color:var(--text)}.tool-section-copy{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.toolbar-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.danger-button{background:#d645451f!important;color:var(--danger)!important}.modal-note{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.5}.admin-shell{height:100%;display:grid;grid-template-columns:340px minmax(0,1fr);gap:8px;padding:6px;overflow:hidden}.admin-sidebar{display:flex;flex-direction:column;gap:8px;min-height:0}.sidebar-card,.panel-block{background:#fffffff5;border:1px solid rgba(17,24,39,.08);border-radius:14px;box-shadow:0 8px 20px #0f172a0d;padding:8px}.grow-card{flex:1;min-height:0;overflow:hidden}.queue-card{display:flex;flex-direction:column;gap:8px}.compact-agent-card{padding:6px 8px}.compact-title{margin-bottom:0}.agent-toolbar-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}.agent-inline-label{font-size:12px;color:var(--muted);white-space:nowrap}.queue-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.queue-subtitle{margin-top:1px;font-size:10px;color:var(--muted);line-height:1.25}.queue-stats{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:10px;color:var(--muted);white-space:nowrap}.queue-controls{display:grid;gap:6px}.compact-controls{gap:5px}.filter-strip{display:flex;gap:6px;flex-wrap:wrap}.filter-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f5f7fb}.sidebar-title,.panel-heading h3{margin:0 0 6px;font-size:13px;font-weight:700}.agent-meta,.filter-list{display:grid;gap:8px}.agent-meta label{display:grid;gap:4px;font-size:12px}.filter-button.active{background:var(--brand);color:#fff}.filter-group .filter-button{border-radius:0;background:transparent;min-width:0;white-space:nowrap}.filter-group .filter-button+.filter-button{border-left:1px solid var(--line)}.filter-group .filter-button.active{background:#ff3b5c24;color:var(--brand-dark)}.conversation-list{display:grid;gap:5px;flex:1;min-height:0;overflow-y:auto;min-width:0;padding-right:2px}.conversation-card{width:100%;min-width:0;min-height:92px;max-height:92px;overflow:hidden;text-align:left;padding:8px;border-radius:10px;border:1px solid rgba(17,24,39,.08);background:#fff;display:grid;grid-template-rows:auto 1fr auto}.conversation-card.active{border-color:#ff3b5c59;box-shadow:0 0 0 3px #ff3b5c14}.conversation-card-top,.conversation-card-meta,.admin-toolbar,.panel-heading,.reply-actions,.topbar-nav,.modal-actions{display:flex;align-items:center}.conversation-card-top,.conversation-card-meta{gap:6px;min-width:0}.conversation-card-top strong,.conversation-card-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card-top,.conversation-card-meta,.panel-heading{justify-content:space-between}.conversation-card-copy{margin:3px 0;font-size:11px;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conversation-card-meta{font-size:10px;color:var(--muted);justify-content:space-between;gap:8px}.status-badge{padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700}.status-badge.success{background:#16a34a1f;color:var(--success)}.status-badge.warning{background:#ffb02029;color:#915a00}.status-badge.danger{background:#d645451f;color:var(--danger)}.status-badge.neutral{background:#0f172a14;color:var(--text)}.status-badge.dark{background:#111827eb;color:#fff}.admin-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.admin-toolbar{justify-content:space-between;gap:8px;flex-wrap:wrap}.admin-toolbar h2{margin:0;font-size:16px}.admin-subtitle{margin-top:2px;color:var(--muted);font-size:11px}.admin-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:8px;min-height:0;flex:1;overflow:hidden}.detail-panel,.inspector-panel{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.stats-block{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat-pill{padding:8px 10px;border-radius:14px;background:#f7f9fc}.stat-pill span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.stat-pill strong{font-size:13px}.action-row,.reply-actions{gap:8px;flex-wrap:wrap}.composer-panel{display:flex;flex-direction:column;gap:8px}.message-panel{min-height:0;flex:1;display:flex;flex-direction:column}.admin-message-log{flex:1;min-height:220px;overflow-y:auto;display:grid;gap:8px;min-width:0}.admin-message{padding:10px;border-radius:14px;background:#fff;border:1px solid rgba(17,24,39,.08)}.admin-message.user,.batch-message{background:#f8fbff}.admin-message.ai{background:#f8fafc}.admin-message.human{background:#ff3b5c0f}.admin-message-role{font-size:11px;color:var(--muted);margin-bottom:4px}.admin-maintext{font-size:13px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.admin-subtext{margin-top:6px;color:#5c6677;font-size:12px;line-height:1.5;padding-top:6px;border-top:1px dashed rgba(17,24,39,.1);overflow-wrap:anywhere;word-break:break-word}.subtext-label{display:inline-block;margin-right:6px;font-size:10px;color:var(--muted)}.admin-message-meta{margin-top:6px;font-size:11px;color:var(--muted)}.inspector-copy,.json-block{font-size:12px;line-height:1.5;color:var(--text)}.json-block{background:#f7f9fc;padding:10px;border-radius:12px;white-space:pre-wrap;word-break:break-word;overflow:auto}.key-value{display:grid;gap:8px}.key-value div{display:grid;gap:4px}.key-value span{font-size:11px;color:var(--muted)}.key-value strong{font-size:12px;font-weight:600}.empty-list{color:var(--muted);font-size:13px}@media(max-width:1080px){.agent-toolbar-row{grid-template-columns:1fr}.filter-group{grid-template-columns:repeat(2,minmax(0,1fr))}html,body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.view,.page-shell{overflow:visible}.admin-shell{height:auto;grid-template-columns:1fr;overflow:visible}.admin-main{overflow:visible}.admin-main-grid{grid-template-columns:1fr;overflow:visible}.detail-panel,.inspector-panel{overflow:visible}.conversation-list{max-height:260px}.toolbar-actions{justify-content:flex-start}.conversation-card{min-height:96px;max-height:96px}}@media(max-width:640px){.page-shell{padding:0;min-height:100dvh}.device-frame{width:100%;height:100dvh;border-radius:0;border:0}.dm-header{padding:8px 10px}.session-banner{padding:6px 8px;gap:4px 8px}.messages{padding:8px 8px 10px}.composer-shell{padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px))}.quick-actions{padding-bottom:4px}.composer-row{gap:8px}#dm-message-input{min-height:38px;padding:8px 10px;font-size:12px}.send-button{width:42px;min-width:42px;height:38px}.send-icon{font-size:13px}.thread-chip{max-width:150px}.admin-shell{padding:8px}.stats-block{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-card{width:calc(100vw - 20px);margin-top:5vh}}