: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}tr.selected-row td{background:#6c63ff1a}tr.selected-row:hover td{background:#6c63ff2e}table input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);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}.badge-default{color:var(--text-muted);background:#ffffff14}.badge-ok{color:#34c793;background:#199e7029}.badge-warn{color:#e0a83c;background:#c9850029}.badge-bad{color:#f08d8d;background:#e6676729}.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}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state .icon{margin-bottom:.5rem;font-size:2.5rem}.muted{color:var(--text-muted)}.mono{font-family:Fira Code,ui-monospace,monospace;font-size:.78rem}code{background:#ffffff0f;border-radius:3px;padding:.1em .35em;font-family:Fira Code,ui-monospace,monospace;font-size:.85em}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head h1{letter-spacing:-.01em;font-size:1.35rem;font-weight:650}.page-sub{color:var(--text-muted);max-width:62ch;margin-top:.15rem;font-size:.85rem}.page-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.panel-sub{color:var(--text-muted);margin-top:.1rem;font-size:.78rem}.daterange{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.daterange-presets{gap:.25rem;display:flex}.daterange-inputs{align-items:center;gap:.35rem;display:flex}.daterange input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:.35rem .6rem;font-family:inherit;font-size:.8rem}.daterange input:focus{border-color:var(--primary)}.chip{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.28rem .7rem;font-size:.75rem;font-weight:600}.chip:hover{color:var(--text);border-color:var(--primary)}.chip-active{background:var(--primary);border-color:var(--primary);color:#fff}.stat-card{flex-direction:column;display:flex}.stat-foot{justify-content:space-between;align-items:flex-end;gap:.5rem;margin-top:auto;padding-top:.35rem;display:flex}.stat-card .value{font-variant-numeric:tabular-nums;line-height:1.15}.stat-ok .value{color:var(--success)}.stat-warn .value{color:var(--warning)}.stat-bad .value{color:var(--danger)}.sparkline,.sparkline-empty{display:block}.note{border-radius:var(--radius);border-left:3px solid;margin-bottom:1rem;padding:.6rem .8rem;font-size:.8rem;line-height:1.5}.note-info{border-color:var(--info);color:#b9cdf0;background:#3b82f614}.note-warn{border-color:var(--warning);color:#eccb92;background:#f59e0b14}.note-bad{border-color:var(--danger);color:#f0b4b4;background:#ef444414}.state-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 1rem;display:flex}.state-block .spinner{margin:0}.state-icon{font-size:1.6rem}.state-error{color:#f0b4b4}.state-error p{max-width:48ch;font-size:.85rem}.status-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.45rem;display:inline-block}.status-ok{background:#199e70}.status-warn{background:#c98500}.status-bad{background:#e66767}.status-idle{background:var(--text-muted)}.chart-wrap{width:100%;position:relative}.chart-wrap svg{display:block;overflow:visible}.chart-bar-label{dominant-baseline:middle}.chart-empty{color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);justify-content:center;align-items:center;font-size:.82rem;display:flex}.chart-tip{pointer-events:none;border:1px solid var(--border);border-radius:var(--radius);z-index:20;background:#0b0d14;min-width:130px;padding:.5rem .65rem;font-size:.75rem;position:absolute;box-shadow:0 6px 20px #00000073}.chart-tip-title{color:var(--text-muted);margin-bottom:.3rem;font-size:.7rem}.chart-tip-row{align-items:center;gap:.4rem;margin-top:.15rem;display:flex}.chart-tip-row i{border-radius:2px;flex:none;width:8px;height:8px}.chart-tip-row span{color:var(--text-muted)}.chart-tip-row b{font-variant-numeric:tabular-nums;margin-left:auto}.chart-legend{flex-wrap:wrap;gap:.75rem;margin-top:.6rem;display:flex}.chart-legend-item{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}.chart-legend-item i{border-radius:2px;width:9px;height:9px}.link{color:var(--primary);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.kv-list{gap:.3rem;font-size:.8rem;list-style:none;display:grid}.kv-list li{color:var(--text-muted);align-items:baseline;gap:.5rem;display:flex}.kv-list li:before{content:"·";color:var(--text-muted)}.meter{align-items:center;gap:.5rem;display:flex}.stat-foot .meter{flex:none;width:96px}.meter-track{background:#ffffff14;border-radius:999px;flex:1;height:6px;overflow:hidden}.meter-fill{border-radius:999px;height:100%}.meter-label{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.split{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.split-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.menu-btn{border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;background:0 0;flex:none;width:34px;height:34px;font-size:1rem;display:none}.menu-btn:hover{border-color:var(--primary)}.nav-drawer{display:none}@media (width<=900px){.split,.split-3{grid-template-columns:1fr}}@media (width<=768px){.session-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.stat-card{padding:.85rem}.stat-card .value{font-size:1.3rem}.nav{display:none}.menu-btn{justify-content:center;align-items:center;display:inline-flex}.app-header{padding:0 .75rem}.app-header h1{font-size:1rem}.header-logo,.user-email{display:none}.main,.panel{padding:.85rem}.page-head{gap:.6rem}.page-actions{width:100%}.daterange{justify-content:space-between;width:100%}.nav-drawer{z-index:90;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;max-height:calc(100vh - 56px);padding:.4rem;display:flex;position:sticky;top:56px;overflow-y:auto}.nav-drawer a{border-radius:var(--radius);color:var(--text);align-items:center;gap:.7rem;padding:.7rem .8rem;font-size:.92rem;text-decoration:none;display:flex}.nav-drawer a.active{background:var(--primary);color:#fff}.drawer-icon{text-align:center;opacity:.8;width:1.2rem}.drawer-foot{color:var(--text-muted);border-top:1px solid var(--border);margin-top:.3rem;padding:.6rem .8rem;font-size:.75rem}}@media (width<=420px){.stats-grid{grid-template-columns:1fr}}