:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#22263a;--border:#2a2e3f;--text:#e4e6ed;--text-muted:#8b8fa3;--primary:#6c63ff;--primary-hover:#5a52e0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.auth-gate{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{text-align:center;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:380px;padding:3rem 2.5rem}.auth-logo{margin-bottom:.5rem;font-size:3rem}.auth-card h1{margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.auth-card p{color:var(--text-muted);margin-bottom:1.5rem}.auth-error{color:var(--danger);border-radius:var(--radius);background:#ef44441a;margin-top:1rem;padding:.5rem;font-size:.85rem}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-hover);border-color:var(--primary)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-google{color:#333;background:#fff;border:1px solid #ddd;padding:.7rem 1.5rem;font-size:.95rem}.btn-google:hover{background:#f5f5f5}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:2rem auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:1rem;display:flex}.header-logo{font-size:1.5rem}.header-left h1{font-size:1.1rem;font-weight:600}.header-right{align-items:center;gap:.75rem;display:flex}.user-email{color:var(--text-muted);font-size:.8rem}.nav{gap:.25rem;margin-left:1rem;display:flex}.nav a{border-radius:var(--radius);color:var(--text-muted);padding:.4rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{background:var(--surface-hover);color:var(--text)}.nav a.active{background:var(--primary);color:#fff}.main{max-width:1400px;margin:0 auto;padding:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.stat-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.8rem}.stat-card .value{font-size:1.75rem;font-weight:700}.stat-card .sub{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-header h2{font-size:1.1rem;font-weight:600}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filters input,.filters select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;padding:.45rem .75rem;font-size:.85rem}.filters input:focus,.filters select:focus{border-color:var(--primary)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:.6rem .75rem;font-size:.75rem;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .75rem}tr:hover td{background:var(--surface-hover)}tr.clickable{cursor:pointer}.badge{text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-provider{color:var(--primary);background:#6c63ff26}.badge-pending{color:var(--warning);background:#f59e0b26}.badge-reviewed{color:var(--info);background:#3b82f626}.badge-resolved{color:var(--success);background:#10b98126}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.pagination button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:.35rem .7rem;font-size:.8rem}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-muted);font-size:.8rem}.chat-thread{flex-direction:column;gap:1rem;display:flex}.chat-bubble{border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word;max-width:80%;padding:.75rem 1rem;font-size:.9rem;line-height:1.6}.chat-bubble.user{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.ai{background:var(--surface-hover);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.ai.markdown-body{white-space:normal}.chat-bubble.ai.markdown-body p{margin:0 0 .6em}.chat-bubble.ai.markdown-body p:last-child{margin-bottom:0}.chat-bubble.ai.markdown-body h1,.chat-bubble.ai.markdown-body h2,.chat-bubble.ai.markdown-body h3{margin:1em 0 .4em;line-height:1.3}.chat-bubble.ai.markdown-body h1{font-size:1.15em}.chat-bubble.ai.markdown-body h2{font-size:1.05em}.chat-bubble.ai.markdown-body h3{font-size:.95em}.chat-bubble.ai.markdown-body ul,.chat-bubble.ai.markdown-body ol{margin:.4em 0;padding-left:1.4em}.chat-bubble.ai.markdown-body li{margin-bottom:.25em}.chat-bubble.ai.markdown-body code{background:#ffffff0f;border-radius:3px;padding:.15em .35em;font-family:Fira Code,monospace;font-size:.85em}.chat-bubble.ai.markdown-body pre{background:var(--bg);border-radius:var(--radius);margin:.5em 0;padding:.75em;overflow-x:auto}.chat-bubble.ai.markdown-body pre code{background:0 0;padding:0}.chat-bubble.ai.markdown-body table{border-collapse:collapse;width:100%;margin:.5em 0;font-size:.85em}.chat-bubble.ai.markdown-body th,.chat-bubble.ai.markdown-body td{border:1px solid var(--border);text-align:left;padding:.35em .6em}.chat-bubble.ai.markdown-body th{background:#ffffff0a;font-weight:600}.chat-bubble.ai.markdown-body hr{border:none;border-top:1px solid var(--border);margin:.75em 0}.chat-bubble.ai.markdown-body strong{font-weight:700}.chat-bubble.ai.markdown-body a{color:var(--primary);text-decoration:underline}.chat-bubble.ai.markdown-body blockquote{border-left:3px solid var(--primary);color:var(--text-muted);margin:.5em 0;padding:.25em .75em}.reasoning-block{align-self:flex-start;max-width:80%;margin-bottom:.25rem}.reasoning-toggle{cursor:pointer;color:var(--primary);-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.reasoning-toggle:hover{opacity:.8}.reasoning-content{border-left:3px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted);background:#8b5cf614;max-height:400px;padding:.75rem 1rem;font-size:.82rem;line-height:1.5;overflow-y:auto}.reasoning-content p{margin:0 0 .5em}.reasoning-content p:last-child{margin-bottom:0}.chat-meta{color:var(--text-muted);gap:.75rem;margin-top:.25rem;padding:0 .25rem;font-size:.7rem;display:flex}.chat-bubble.user+.chat-meta{justify-content:flex-end}.tool-calls{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-top:.5rem;padding:.75rem;font-size:.75rem}.tool-calls-header{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.tool-call-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:.5rem;padding:.5rem}.tool-call-item:last-child{margin-bottom:0}.tool-call-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tool-index{background:var(--border);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.6rem;font-weight:700;display:inline-flex}.tool-name{color:var(--primary);font-weight:600}.tool-latency{color:var(--text-muted);font-size:.7rem}.latency-fast{color:#2ecc71}.latency-medium{color:#f39c12}.latency-slow{color:#e74c3c}.tool-warning{color:#e74c3c;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;display:flex}.tool-section{margin-top:.4rem}.tool-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);align-items:center;gap:.5rem;padding:.15rem 0;font-size:.7rem;font-weight:600;display:flex}.tool-section-header:hover{color:var(--text)}.tool-detail{color:var(--text-muted);white-space:pre-wrap;word-break:break-all;background:var(--bg);border:1px solid var(--border);border-radius:4px;max-height:400px;margin-top:.25rem;padding:.4rem .5rem;font-family:monospace;font-size:.7rem;overflow-y:auto}.tool-detail .json-key{color:#6c63ff}.tool-detail .json-string{color:#2ecc71}.tool-detail .json-number{color:#f39c12}.tool-detail .json-bool{color:#e74c3c}.tool-detail .json-null{color:#e74c3c;font-style:italic}.copy-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;margin-left:auto;padding:.1rem .4rem;font-size:.65rem}.copy-btn:hover{color:var(--primary);border-color:var(--primary)}.flag-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.25rem;margin-top:.25rem;padding:.2rem .5rem;font-size:.7rem;display:inline-flex}.flag-btn:hover,.flag-btn.flagged{color:#e74c3c;border-color:#e74c3c}.session-layout{grid-template-columns:1fr 280px;gap:1.5rem;display:grid}.session-sidebar .meta-item{margin-bottom:.75rem}.session-sidebar .meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.session-sidebar .meta-value{margin-top:.1rem;font-size:.9rem}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:500px;padding:1.5rem}.modal.report-modal{max-width:800px;max-height:90vh;overflow-y:auto}.modal.report-modal .markdown-body p{margin:0 0 .4em}.modal.report-modal .markdown-body p:last-child{margin-bottom:0}.modal.report-modal .markdown-body strong{font-weight:700}.modal.report-modal .markdown-body ul,.modal.report-modal .markdown-body ol{margin:.3em 0;padding-left:1.4em}.modal.report-modal .markdown-body li{margin-bottom:.15em}.modal.report-modal .markdown-body hr{border:none;border-top:1px solid var(--border);margin:.5em 0}.modal h3{margin-bottom:1rem}.modal textarea,.modal select,.modal input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;margin-bottom:.75rem;padding:.5rem .75rem;font-family:inherit;font-size:.85rem}.modal textarea{resize:vertical;min-height:80px}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}@media (width<=768px){.session-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.nav{display:none}.app-header{padding:0 .75rem}.main{padding:1rem}}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state .icon{margin-bottom:.5rem;font-size:2.5rem}