:root{--background:#fff;--foreground:#0f172a;--muted-foreground:#64748b;--border:#e2e8f0}.dark{--background:#0f172a;--foreground:#f1f5f9;--muted-foreground:#94a3b8;--border:#334155}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--background)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--foreground);transition:background-color .2s ease,color .2s ease;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:20px}header{background:var(--background);border:1px solid var(--border);padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}h1{color:var(--foreground);margin-bottom:16px;font-size:28px;font-weight:600}.controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px}.controls label{font-weight:500;color:var(--muted-foreground);font-size:14px}.controls button,.controls select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--background);color:var(--foreground);cursor:pointer;transition:all .2s}.controls button:focus,.controls select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.controls button{background:#3b82f6;color:#fff;border:none;font-weight:500}.controls button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--background);border:1px solid var(--border);padding:20px;border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.stat-card h3{font-size:12px;color:var(--muted-foreground);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-card .value{font-size:32px;font-weight:700;color:var(--foreground)}.conversations-list{background:var(--background);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);overflow:hidden}.conversation-item{border-bottom:1px solid var(--border);padding:20px;cursor:pointer;transition:background .2s}.conversation-item:hover{background:rgba(59,130,246,.05)}.conversation-item:last-child{border-bottom:none}.conversation-item.has-unread{background:rgba(59,130,246,.08)}.conversation-item.has-unread:hover{background:rgba(59,130,246,.12)}.unread-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#fff;background:#3b82f6;border-radius:9999px}.conversation-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.conversation-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;color:var(--muted-foreground);background:rgba(59,130,246,.1);padding:4px 8px;border-radius:4px;border:1px solid rgba(59,130,246,.2)}.conversation-date{color:var(--muted-foreground);font-size:13px}.conversation-preview{color:var(--muted-foreground);font-size:14px;line-height:1.6;margin-top:12px}.conversation-preview .user-message{font-weight:500;color:var(--foreground);margin-bottom:6px}.conversation-preview .bot-message{color:var(--muted-foreground)}.message-count{display:inline-block;background:#3b82f6;color:#fff;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-left:10px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--background);border:1px solid var(--border);border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;background:var(--background);z-index:10}.modal-header h2{color:var(--foreground);font-size:20px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted-foreground);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{color:var(--foreground);background:rgba(0,0,0,.05)}.modal-body{padding:24px}.message-pair{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.message-pair:last-child{border-bottom:none}.message-user{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);padding:12px 16px;border-radius:8px;margin-bottom:12px}.message-bot{background:rgba(0,0,0,.03);border:1px solid var(--border);padding:12px 16px;border-radius:8px}.message-label{font-size:11px;text-transform:uppercase;font-weight:600;margin-bottom:6px;letter-spacing:.5px}.loading,.message-label{color:var(--muted-foreground)}.loading{text-align:center;padding:60px 20px}.loading:after{content:"";display:inline-block;width:20px;height:20px;border:3px solid var(--border);border-top:3px solid #3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-left:10px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:16px;border-radius:8px;margin:20px}.empty-state{text-align:center;padding:80px 20px;color:var(--muted-foreground)}.empty-state svg{width:64px;height:64px;margin-bottom:20px;opacity:.5;color:var(--muted-foreground)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#475569}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}.conversations-list,.modal-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.dark .conversations-list,.dark .modal-content{scrollbar-color:#475569 transparent}