:root{color-scheme:light;--bg: #fafafa;--bg-card: #ffffff;--bg-soft: #f0f0f2;--fg: #1a1a1a;--fg-soft: #6b6b73;--border: #e0e0e4;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--danger-hover: #b91c1c;--success: #16a34a;--warning: #d97706;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);min-height:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:12px}.sidebar h1{font-size:16px;margin:0 0 8px;letter-spacing:-.02em}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav .tab{display:block;background:transparent;border:none;color:var(--fg);font-size:13px;text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;text-decoration:none}.sidebar nav .tab:hover{background:var(--bg-soft);text-decoration:none}.sidebar nav .tab.active{background:var(--primary);color:#fff}.sidebar nav .tab.panic-tab{color:var(--danger)}.sidebar nav .tab.panic-tab.active{background:var(--danger);color:#fff}.sidebar nav .tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-more{margin-top:6px;border-top:1px solid var(--border);padding-top:8px}.sidebar-more summary{cursor:pointer;color:var(--fg-soft);font-size:12px;font-weight:600;padding:7px 10px;list-style-position:inside;-webkit-user-select:none;user-select:none}.sidebar-more summary:hover{color:var(--fg)}.sidebar-more>div{display:grid;gap:2px;padding-top:2px}.main{padding:24px 28px 40px;overflow-y:auto}.main h2{margin:0 0 16px;font-size:22px}.user-strip{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--fg-soft);margin-bottom:20px;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.role-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.role-admin{background:#faf089;color:#744210}.role-operator{background:#bee3f8;color:#1a4d8c}.role-viewer{background:#e2e8f0;color:#2d3748}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.card h3{margin:0 0 4px;font-size:11px;color:var(--fg-soft);text-transform:uppercase;letter-spacing:.04em}.card .v{font-size:22px;font-weight:600}.card.healthy .v{color:var(--success)}.card.maintenance .v{color:var(--danger)}.card.clickable{cursor:pointer;transition:border-color .12s ease,transform .12s ease}.card.clickable:hover{border-color:var(--primary);transform:translateY(-1px)}.card.clickable:active{transform:none}.card .hint{font-size:11px;color:var(--primary);margin-top:4px;text-transform:none;letter-spacing:0}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:16px 18px;margin-bottom:16px}.panel h3{margin:0 0 12px;font-size:14px}.benchmark-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.benchmark-page-heading h2{margin-bottom:4px}.benchmark-page-heading p{margin:0}.benchmark-tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);margin-bottom:18px}.benchmark-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--fg-soft);padding:8px 2px 10px}.benchmark-tabs button:hover{background:transparent;color:var(--fg)}.benchmark-tabs button.is-active{border-bottom-color:var(--primary);color:var(--fg)}.benchmark-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.benchmark-create-main{padding:22px}.benchmark-section-heading,.benchmark-variants-heading,.benchmark-submit-row,.benchmark-preview-summary{display:flex;justify-content:space-between;align-items:center;gap:16px}.benchmark-section-heading p,.benchmark-variants-heading p{margin:3px 0 0}.benchmark-template-link{font-size:12px}.benchmark-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;gap:7px;margin:18px 0;border:1px dashed #b9c0cc;border-radius:10px;background:#fbfcfe;cursor:pointer;transition:border-color .12s ease,background .12s ease}.benchmark-dropzone:hover{border-color:var(--primary);background:#f7f9ff}.benchmark-dropzone.is-ready{border-style:solid;border-color:#86d5ad;background:#f7fdf9}.benchmark-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.benchmark-dropzone-title{font-size:15px;font-weight:600}.benchmark-preview{margin-bottom:20px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.benchmark-preview-summary{padding:11px 13px;background:var(--bg-soft)}.benchmark-preview-table{max-height:220px;overflow:auto}.benchmark-preview-table td:nth-child(2){min-width:260px}.benchmark-preview-table td:nth-child(3){max-width:280px;overflow:hidden;text-overflow:ellipsis}.benchmark-form-grid{display:grid;grid-template-columns:minmax(220px,1fr) 130px 150px;gap:12px;margin:20px 0 26px}.benchmark-form-grid label,.benchmark-variant>label{display:flex;flex-direction:column;gap:6px;color:var(--fg-soft);font-size:12px}.benchmark-form-grid input,.benchmark-variant input,.benchmark-variant select{width:100%;color:var(--fg)}.benchmark-variants-heading{margin-bottom:10px}.benchmark-variant-list{display:grid;gap:10px}.benchmark-variant{position:relative;display:grid;grid-template-columns:110px minmax(140px,.75fr) minmax(260px,1.4fr) 110px auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--border);border-radius:8px}.benchmark-variant-index{align-self:center;font-weight:600}.benchmark-remove-variant{color:var(--danger)}.benchmark-advanced{grid-column:1 / -1;border-top:1px solid var(--border);padding-top:10px}.benchmark-advanced summary{color:var(--fg-soft);cursor:pointer;font-size:12px}.benchmark-skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-height:180px;overflow:auto;padding:12px 2px 2px}.benchmark-skill-grid label{display:flex;align-items:center;gap:7px;font-size:12px}.benchmark-skill-grid input{width:auto}.benchmark-submit-row{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.benchmark-start-button{min-width:160px;padding-block:10px}.benchmark-create-guide{position:sticky;top:16px}.benchmark-create-guide dl{display:grid;grid-template-columns:1fr auto;gap:9px 12px;margin:0;font-size:12px}.benchmark-create-guide dt{font-weight:600}.benchmark-create-guide dd{margin:0;color:var(--fg-soft);text-align:right}.benchmark-run-cards{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:1px;margin:14px 0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--border)}.benchmark-run-cards>div{display:grid;gap:5px;padding:13px 15px;background:var(--bg-card)}.benchmark-run-cards strong{font-size:18px}.benchmark-runs-table{overflow-x:auto}.benchmark-runs-table table{min-width:980px}.benchmark-run-name{color:var(--fg);font-weight:600}.benchmark-run-meta{margin-top:3px;font-size:10px}.benchmark-failed-count{margin-top:3px;color:var(--danger);font-size:10px}.benchmark-empty-action{border:0;background:transparent;color:var(--primary);padding:0}.benchmark-empty-action:hover{background:transparent;text-decoration:underline}@media (max-width: 1100px){.benchmark-create-layout{grid-template-columns:1fr}.benchmark-create-guide{position:static}.benchmark-variant{grid-template-columns:100px 1fr 1fr 100px}.benchmark-remove-variant{grid-column:4}}@media (max-width: 760px){.benchmark-form-grid,.benchmark-variant,.benchmark-run-cards{grid-template-columns:1fr}.benchmark-variant-index,.benchmark-remove-variant{grid-column:auto}}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--fg-soft);font-size:12px;text-transform:uppercase}tbody tr:hover{background:var(--bg-soft)}input,select,button,textarea{font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--fg)}button{cursor:pointer;font-weight:500}button:hover{background:var(--bg-soft)}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover{background:var(--primary-hover)}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button.danger:hover{background:var(--danger-hover)}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row>*{flex-shrink:0}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;font-family:ui-monospace,SF Mono,monospace}.tag-success,.tag-completed,.tag-released{background:#d1fae5;color:#065f46}.tag-failed,.tag-error{background:#fee2e2;color:#991b1b}.tag-running,.tag-waiting,.tag-paused{background:#fef3c7;color:#92400e}.tag-canceled,.tag-cancelled,.tag-expired{background:#fee2e2;color:#991b1b}.tag-acquired,.tag-active{background:#dbeafe;color:#1e40af}.tag-pending,.tag-created,.tag-skipped{background:var(--bg-soft);color:var(--fg-soft)}.tag-ai,.tag-assistant{background:#e9d5ff;color:#5b21b6}.tag-user{background:#cffafe;color:#155e75}.tag-system{background:var(--bg-soft);color:var(--fg-soft)}.tag-tool{background:#fed7aa;color:#9a3412}.tag-rejected{background:#fee2e2;color:#991b1b}.tag-deprecated{background:var(--bg-soft);color:var(--fg-soft)}.tag-draft,.tag-needs_review{background:#fef3c7;color:#92400e}.probe-row{display:grid;grid-template-columns:110px 90px 90px 1fr;gap:12px;align-items:center;font-size:13px;padding:6px 8px;border-bottom:1px solid var(--border)}.probe-row:last-child{border-bottom:none}.probe-row .name{font-weight:600}.probe-status-ok{color:var(--success);font-weight:600}.probe-status-error{color:var(--danger);font-weight:600}.probe-status-skipped{color:var(--fg-soft)}.lf-button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;background:var(--bg-soft);color:var(--fg);border:1px solid var(--border);border-radius:6px;text-decoration:none}.lf-button:hover{background:var(--primary);color:#fff;border-color:var(--primary);text-decoration:none}.lf-button[aria-disabled=true]{opacity:.5;pointer-events:none}.kv-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;border-bottom:1px dashed var(--border)}.kv-row:last-child{border-bottom:none}.kv-row .k{color:var(--fg-soft)}.kv-row .v{font-family:ui-monospace,SF Mono,monospace}.error-line{font-family:ui-monospace,SF Mono,monospace;font-size:12px;padding:6px 0;border-bottom:1px dashed var(--border);white-space:pre-wrap}.error-line:last-child{border-bottom:none}.error-line .ts{color:var(--fg-soft);margin-right:8px}.error-line .lvl{color:var(--danger);font-weight:600;margin-right:8px}.error-line .logger{color:var(--fg-soft);margin-right:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h3{margin:0}.collapsible>summary::-webkit-details-marker{display:none}.collapsible>summary{list-style:none}.collapsible[open]>summary .collapsible-chevron{transform:rotate(90deg)}.banner{padding:14px 18px;border-radius:8px;margin-bottom:18px;font-size:13px}.banner-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.banner-warn{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.banner-panic{background:var(--danger);color:#fff;font-weight:600;display:flex;justify-content:space-between;align-items:center}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.muted{color:var(--fg-soft)}.monitor-page,.monitor-detail-page{max-width:1680px;margin:0 auto}.monitor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.monitor-title-row{display:flex;align-items:center;gap:10px}.monitor-header h2{margin:0;letter-spacing:-.025em}.monitor-header p,.monitor-query-heading p,.monitor-panel-heading p,.monitor-detail-header p,.monitor-trace-header p{margin:4px 0 0;color:var(--fg-soft);font-size:12px;line-height:1.5}.monitor-live{display:inline-flex;align-items:center;gap:5px;color:var(--fg-soft);font-size:11px}.monitor-live i{width:7px;height:7px;border-radius:50%;background:#9ca3af}.monitor-live.active{color:var(--success)}.monitor-live.active i{background:var(--success);box-shadow:0 0 0 4px #dcfce7}.monitor-header-actions{display:flex;align-items:center;gap:8px}.monitor-range{display:flex;padding:3px;border:1px solid var(--border);background:var(--bg-card);border-radius:7px}.monitor-range button{border:0;background:transparent;padding:5px 9px}.monitor-range button.active{background:var(--fg);color:#fff}.monitor-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));border:1px solid var(--border);border-radius:8px;background:var(--bg-card);margin-bottom:16px;overflow:hidden}.monitor-kpis.loading{opacity:.55}.monitor-kpi{min-width:0;padding:14px 16px;border-right:1px solid var(--border)}.monitor-kpi:last-child{border-right:0}.monitor-kpi-label{color:var(--fg-soft);font-size:10px;text-transform:uppercase;letter-spacing:.065em}.monitor-kpi-value{margin-top:5px;font-size:22px;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.monitor-kpi-value.good{color:#117443}.monitor-kpi-value.warn{color:#b45309}.monitor-kpi-detail{margin-top:3px;color:var(--fg-soft);font-size:11px}.monitor-volume-panel{min-width:0;padding:17px 18px 13px}.monitor-panel-heading,.monitor-query-heading,.monitor-trace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.monitor-panel-heading h3,.monitor-query-heading h3,.monitor-trace-header h3{margin:0;font-size:14px}.monitor-panel-heading>span{color:var(--fg-soft);font-size:11px}.monitor-chart{margin-top:17px}.monitor-chart-bars{height:170px;display:flex;align-items:flex-end;gap:max(2px,.32vw);border-bottom:1px solid var(--border);background-image:linear-gradient(to bottom,transparent 24%,var(--border) 25%,transparent 26%,transparent 49%,var(--border) 50%,transparent 51%,transparent 74%,var(--border) 75%,transparent 76%)}.monitor-chart-column{position:relative;flex:1;min-width:3px;height:100%;display:flex;align-items:flex-end}.monitor-chart-volume{position:relative;z-index:2;width:100%;min-height:3px;background:#3159cf;border-radius:2px 2px 0 0;overflow:hidden;transition:opacity .12s ease}.monitor-chart-column:hover .monitor-chart-volume{opacity:.72}.monitor-chart-failed{position:absolute;inset:auto 0 0;background:#dc5050}.monitor-chart-cost{position:absolute;left:50%;bottom:0;width:1px;background:#d97706b3}.monitor-chart-axis,.monitor-chart-legend{display:flex;justify-content:space-between;margin-top:7px;color:var(--fg-soft);font-size:10px}.monitor-chart-legend{justify-content:flex-start;gap:14px}.monitor-chart-legend span{display:inline-flex;align-items:center;gap:5px}.monitor-chart-legend i{width:8px;height:8px;display:inline-block;border-radius:2px}.legend-volume{background:#3159cf}.legend-failed{background:#dc5050}.legend-cost{background:#d97706;width:1px!important}.monitor-empty-chart{height:198px;display:grid;place-items:center;color:var(--fg-soft);font-size:12px}.monitor-secondary{margin-top:11px;border-top:1px solid var(--border)}.monitor-secondary>summary{width:max-content;padding:10px 0 0;color:var(--fg-soft);cursor:pointer;font-size:11px}.monitor-secondary>summary:hover{color:var(--primary)}.monitor-secondary-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:12px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden}.monitor-secondary-stats>div{min-width:0;padding:9px 11px;background:#fff}.monitor-secondary-stats span{display:block;color:var(--fg-soft);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.monitor-secondary-stats strong{display:block;margin-top:3px;font-size:14px;font-variant-numeric:tabular-nums}.monitor-breakdowns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:16px;overflow:hidden}.monitor-breakdown{min-width:0}.monitor-breakdown h3{margin:0 0 12px;font-size:12px}.monitor-breakdown-row{margin-bottom:10px}.monitor-breakdown-label{display:flex;justify-content:space-between;gap:6px;font-size:11px}.monitor-breakdown-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-breakdown-label strong{font-variant-numeric:tabular-nums}.monitor-breakdown-track{height:3px;background:var(--bg-soft);margin-top:4px;border-radius:999px;overflow:hidden}.monitor-breakdown-track span{display:block;height:100%;background:#3159cf;border-radius:inherit}.monitor-breakdown-meta{margin-top:3px;color:var(--fg-soft);font-size:9px;white-space:nowrap}.monitor-query-section{margin-top:22px}.monitor-query-heading{align-items:flex-end;margin-bottom:10px}.monitor-filterbar{display:grid;grid-template-columns:minmax(300px,1fr) 150px auto;gap:8px;margin-bottom:10px}.monitor-filterbar input,.monitor-filterbar select{min-width:0;height:34px}.monitor-kind-quick{height:34px;padding:0 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--fg-soft);font-size:11px;font-weight:600;white-space:nowrap}.monitor-kind-quick:hover{border-color:var(--primary);color:var(--primary)}.monitor-kind-quick.active{border-color:#f59e0b;background:#fff7e6;color:#9a5b00}.query-type-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;background:#eef1f5;color:#5d6470;font-size:10px;font-weight:700;white-space:nowrap}.query-type-badge.track{background:#fff0d9;color:#9a5b00}.monitor-table-panel{padding:0;overflow:hidden}.monitor-table-scroll{overflow:auto}.monitor-more-filters{position:relative}.monitor-more-filters>summary{height:34px;display:flex;align-items:center;padding:0 11px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--fg-soft);cursor:pointer;list-style:none;white-space:nowrap}.monitor-more-filters>summary::-webkit-details-marker{display:none}.monitor-more-filters[open]>summary{border-color:var(--primary);color:var(--primary)}.monitor-more-filters>div{position:absolute;z-index:20;top:calc(100% + 6px);right:0;width:300px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 10px 30px #181f2e21}.monitor-more-filters label{display:block;margin-bottom:9px;color:var(--fg-soft);font-size:10px}.monitor-more-filters label:last-child{margin-bottom:0}.monitor-more-filters input,.monitor-more-filters select{width:100%;margin-top:4px}.monitor-table{min-width:1080px}.monitor-table th{position:sticky;top:0;z-index:1;background:#fbfbfc}.monitor-table tbody tr{cursor:pointer}.monitor-table td{vertical-align:middle}.monitor-query-cell{max-width:430px}.monitor-query-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.monitor-query-cell>span{display:block;margin-top:3px;color:var(--fg-soft);font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-user-cell{min-width:210px;max-width:260px}.monitor-user-cell>button{width:100%;display:flex;align-items:center;gap:8px;padding:3px;border:0;background:transparent;color:inherit;text-align:left}.monitor-user-cell>button:hover strong{color:var(--primary);text-decoration:underline}.monitor-user-cell>button>span:last-child{min-width:0}.monitor-user-cell strong,.monitor-user-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-user-cell strong{font-size:11px;font-weight:600}.monitor-user-cell small{margin-top:1px;color:var(--fg-soft);font-size:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.monitor-user-mini-avatar,.monitor-user-avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#e8edff;color:#2448b8;font-weight:700}.monitor-user-mini-avatar{width:24px;height:24px;font-size:10px}.monitor-subvalue{display:block;color:var(--fg-soft);font-size:9px;margin-top:2px}.monitor-trace-ready{color:#117443;font-size:11px}.monitor-trace-ready:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--success)}.monitor-pagination{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-top:1px solid var(--border);color:var(--fg-soft);font-size:11px}.monitor-pagination>div{display:flex;gap:6px}.monitor-pagination button{padding:5px 9px}.monitor-empty{padding:28px;text-align:center;color:var(--fg-soft);font-size:12px}.monitor-loading-line{height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);background-size:45% 100%;animation:monitor-loading 1.15s linear infinite}@keyframes monitor-loading{0%{background-position:-80% 0}to{background-position:180% 0}}.monitor-user-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.monitor-user-identity{display:flex;align-items:center;gap:12px;min-width:0}.monitor-user-avatar{width:42px;height:42px;font-size:16px}.monitor-user-title-row{display:flex;align-items:center;gap:8px}.monitor-user-title-row h2{margin:0;font-size:22px;letter-spacing:-.025em}.monitor-user-identity p{margin:3px 0 0;color:var(--fg-soft);font-size:11px}.monitor-user-identity code{color:var(--fg)}.monitor-user-kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));margin-bottom:16px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#fff}.monitor-user-kpis>div{min-width:0;padding:13px 15px;border-right:1px solid var(--border)}.monitor-user-kpis>div:last-child{border-right:0}.monitor-user-kpis span{display:block;color:var(--fg-soft);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.monitor-user-kpis strong{display:block;margin-top:4px;font-size:19px;font-variant-numeric:tabular-nums}.monitor-user-kpis small{display:block;margin-top:2px;color:var(--fg-soft);font-size:9px}.monitor-user-activity{padding:15px 17px 12px}.monitor-user-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fbfbfc}.monitor-user-controls>span{margin-right:4px;color:var(--fg-soft);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.monitor-user-controls button,.monitor-inline-actions button{height:28px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--fg);font-size:10px;font-weight:600}.monitor-user-controls button:hover,.monitor-inline-actions button:hover{border-color:var(--primary);color:var(--primary)}.monitor-user-controls button.danger,.monitor-inline-actions button.danger{color:#b42318}.monitor-user-controls button:disabled,.monitor-inline-actions button:disabled{cursor:not-allowed;opacity:.45}.monitor-inline-actions{white-space:nowrap}.monitor-inline-actions button+button{margin-left:4px}.monitor-user-section{margin-top:20px}.monitor-user-sessions,.monitor-user-queries,.monitor-user-tracks{min-width:1040px}.monitor-user-sessions tbody tr,.monitor-user-queries tbody tr{cursor:default}.monitor-user-sessions td:first-child{max-width:310px}.monitor-user-sessions td:first-child strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.monitor-user-sessions td:first-child a:hover strong{color:var(--primary)}.monitor-user-queries .monitor-query-cell a{color:inherit}.monitor-user-queries .monitor-query-cell a:hover strong{color:var(--primary);text-decoration:underline}.monitor-detail-loading{padding:80px 20px;text-align:center;color:var(--fg-soft)}.monitor-detail-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--fg-soft);font-size:11px}.monitor-detail-nav code{color:var(--fg)}.monitor-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.monitor-detail-header h2{max-width:1050px;margin:7px 0 0;font-size:21px;line-height:1.3}.monitor-detail-status{display:flex;align-items:center;gap:8px;color:var(--fg-soft);font-size:11px}.monitor-detail-metrics{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:16px;overflow:hidden}.monitor-detail-metrics>div{padding:12px 14px;min-width:0;border-right:1px solid var(--border)}.monitor-detail-metrics>div:last-child{border-right:0}.monitor-detail-metrics span{display:block;color:var(--fg-soft);font-size:10px;text-transform:uppercase;letter-spacing:.055em}.monitor-detail-metrics strong{display:block;margin-top:4px;font-size:18px;font-variant-numeric:tabular-nums}.monitor-detail-metrics small{display:block;margin-top:3px;color:var(--fg-soft);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.danger-text{color:var(--danger)}.monitor-trace-shell{border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}.monitor-trace-header{padding:14px 16px;border-bottom:1px solid var(--border)}.monitor-trace-header code{word-break:break-all}.monitor-trace-state{display:flex;align-items:center;gap:6px;color:var(--fg-soft);font-size:11px;text-transform:capitalize}.monitor-trace-state i{width:7px;height:7px;border-radius:50%;background:#9ca3af}.monitor-trace-state i.ready{background:var(--success)}.monitor-trace-state i.loading,.monitor-trace-state i.delayed{background:var(--warning);animation:trace-pulse 1.2s ease-in-out infinite}.monitor-trace-state i.unavailable{background:var(--danger)}@keyframes trace-pulse{50%{opacity:.35}}.monitor-trace-selector{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border);color:var(--fg-soft);font-size:11px}.monitor-trace-selector select{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.monitor-evidence-tabs{display:flex;gap:2px;padding:7px 10px;border-bottom:1px solid var(--border);background:#fbfbfc}.monitor-evidence-tabs button{border:0;background:transparent;color:var(--fg-soft);padding:6px 9px}.monitor-evidence-tabs button.active{background:#fff;color:var(--fg);box-shadow:inset 0 0 0 1px var(--border)}.monitor-evidence-tabs span{margin-left:4px;color:#90909a;font-size:10px}.monitor-trace-empty{padding:64px 20px;text-align:center}.monitor-trace-empty strong{font-size:14px}.monitor-trace-empty p{color:var(--fg-soft);font-size:12px}.trace-toolbar{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border)}.trace-toolbar input{width:230px;height:30px}.trace-filters{display:flex;flex-wrap:wrap;gap:3px}.trace-filters button{border:0;background:transparent;padding:5px 7px;color:var(--fg-soft);text-transform:capitalize}.trace-filters button.active{color:var(--primary);background:#eef2ff}.trace-filters button span{margin-left:4px;font-size:9px;opacity:.7}.trace-list{list-style:none;margin:0;padding:0}.trace-list>li{border-bottom:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:62px}.trace-row{width:100%;display:grid;grid-template-columns:66px minmax(0,1fr) 76px 76px 8px;align-items:center;gap:10px;padding:9px 13px 9px calc(13px + min(var(--trace-depth, 0),8)*13px);border:0;border-radius:0;text-align:left;background:#fff}.trace-row:hover{background:#f8f9fb}.trace-category{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.trace-category-agent{background:#eef2ff;color:#4f63c7}.trace-category-llm{background:#f1edff;color:#7356c8}.trace-category-tool{background:#e9f7ff;color:#14759e}.trace-category-browser{background:#e9f9ef;color:#117d48}.trace-category-infra{background:#f0f1f3;color:#606773}.trace-category-error{background:#ffeded;color:#c82e3c}.trace-category-system{background:#f5f5f6;color:#727782}.trace-row-main{min-width:0}.trace-row-title{display:flex;align-items:center;gap:8px;min-width:0}.trace-row-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.trace-row-title em{flex-shrink:0;color:var(--fg-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-style:normal}.trace-row-summary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:var(--fg-soft);font-size:10px}.trace-row-usage,.trace-row-time{color:var(--fg-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;text-align:right}.trace-row-time small{display:block;margin-top:2px;color:#9b9ba4}.trace-status{width:7px;height:7px;border-radius:50%;background:#9ca3af}.trace-status-ok{background:var(--success)}.trace-status-error{background:var(--danger)}.trace-status-running{background:var(--warning);animation:trace-pulse 1.2s infinite}.trace-inspector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border-top:1px solid var(--border)}.trace-inspector>div,.trace-inspector>details{min-width:0;padding:12px;background:#fafbfc}.trace-inspector h4{margin:0 0 7px;color:var(--fg-soft);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.trace-inspector pre,.trace-inspector details pre{max-height:260px;overflow:auto;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.55}.trace-inspector details{grid-column:1 / -1}.trace-inspector summary{cursor:pointer;color:var(--fg-soft);font-size:10px}.trace-inspector details pre{margin-top:8px}.monitor-usage-ledger{padding:0}.monitor-usage-summary{padding:10px 13px;border-bottom:1px solid var(--border);color:var(--fg-soft);font-size:11px}.monitor-usage-ledger table{min-width:950px}.monitor-screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:14px;background:#fbfbfc}.monitor-screenshot-grid figure{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#fff}.monitor-screenshot-grid img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;background:var(--bg-soft)}.monitor-screenshot-grid figcaption{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:8px 10px;font-size:10px}.monitor-screenshot-grid figcaption span{font-weight:600}.monitor-screenshot-grid figcaption time{color:var(--fg-soft)}.monitor-screenshot-grid figcaption a{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-screenshot-missing{display:grid;place-items:center;aspect-ratio:16 / 10;color:var(--fg-soft);background:var(--bg-soft)}.replay-page{max-width:1480px;margin:0 auto}.replay-header p,.replay-section-heading p{margin:4px 0 0;color:var(--fg-soft);font-size:12px;line-height:1.5}.replay-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.replay-section-heading h3{margin:0}.replay-launcher{padding:18px}.replay-source-field{display:grid;gap:6px;margin-top:16px;color:var(--fg-soft);font-size:11px}.replay-source-field input{width:100%;max-width:720px;color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.replay-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:14px}.replay-targets>label{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--border);border-radius:7px;cursor:pointer;background:#fff}.replay-targets>label:hover{border-color:#aebbdc}.replay-targets>label.selected{border-color:var(--primary);background:#f7f9ff;box-shadow:inset 0 0 0 1px var(--primary)}.replay-targets input{margin-top:2px}.replay-targets span{min-width:0}.replay-targets strong,.replay-targets small{display:block}.replay-targets strong{font-size:12px}.replay-targets small{margin-top:3px;color:var(--fg-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.replay-attempts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:15px}.replay-attempts article{padding:13px;border:1px solid var(--border);border-radius:7px;background:#fbfbfc}.replay-attempts article>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.replay-attempts article>p{margin:4px 0 11px;color:var(--fg-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.replay-attempts dl{display:grid;grid-template-columns:1fr 1fr;margin:0 0 10px;gap:8px 14px}.replay-attempts dl div{min-width:0}.replay-attempts dt{color:var(--fg-soft);font-size:9px;text-transform:uppercase}.replay-attempts dd{margin:2px 0 0;font-size:12px;font-weight:600}.replay-attempt-pending{min-height:58px;color:var(--fg-soft);font-size:11px}.replay-comparison{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.replay-deltas{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0;border:1px solid var(--border);border-radius:7px;overflow:hidden}.replay-deltas>div{min-width:0;padding:10px 12px;border-right:1px solid var(--border)}.replay-deltas>div:last-child{border-right:0}.replay-deltas span{display:block;color:var(--fg-soft);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.replay-deltas strong{display:block;margin-top:3px;font-size:14px;font-variant-numeric:tabular-nums}.replay-diff-table{min-width:820px}.replay-diff-table tr.changed{background:#fff8ec}.replay-history tbody tr{cursor:pointer}.replay-history td:nth-child(2){max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1280px){.monitor-secondary-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.shell{grid-template-columns:178px 1fr}.main{padding:18px 16px 32px}.monitor-header{flex-direction:column}.monitor-header-actions{width:100%;flex-wrap:wrap}.monitor-user-header{align-items:flex-start;flex-direction:column}.monitor-user-header .monitor-range{max-width:100%;overflow-x:auto}.monitor-kpis,.monitor-user-kpis{grid-template-columns:repeat(2,1fr)}.monitor-user-kpis>div{border-bottom:1px solid var(--border)}.monitor-user-kpis>div:nth-child(2n){border-right:0}.monitor-user-kpis>div:last-child{grid-column:1 / -1;border-bottom:0}.monitor-kpi:nth-child(n){border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.monitor-kpi:nth-child(2n){border-right:0}.monitor-kpi:nth-last-child(-n+2){border-bottom:0}.monitor-breakdowns{grid-template-columns:1fr}.monitor-filterbar{grid-template-columns:1fr 120px auto}.monitor-more-filters>div{position:fixed;top:150px;right:16px;left:194px;width:auto}.monitor-secondary-stats,.monitor-detail-metrics{grid-template-columns:repeat(2,1fr)}.monitor-detail-metrics>div{border-bottom:1px solid var(--border)}.monitor-detail-metrics>div:nth-child(2n){border-right:0}.monitor-detail-metrics>div:last-child{grid-column:1 / -1;border-bottom:0}.trace-row{grid-template-columns:58px minmax(0,1fr) 64px 7px}.trace-row-usage{display:none}.trace-inspector{grid-template-columns:1fr}.trace-inspector>details{grid-column:auto}.replay-deltas{grid-template-columns:repeat(2,1fr)}.replay-deltas>div:nth-child(2n){border-right:0}.replay-deltas>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (max-width: 640px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);padding:12px 14px;gap:7px}.sidebar h1{margin:0}.sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.sidebar nav .tab{padding:7px 6px;text-align:center}.sidebar-more{grid-column:1 / -1;margin-top:2px}.sidebar-more summary{text-align:center}.sidebar-more>div{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav>div:last-child{grid-column:1 / -1;margin-top:2px!important}.main{padding:14px 12px 28px}.user-strip{margin-bottom:14px}.monitor-title-row{align-items:flex-start}.monitor-range{width:100%}.monitor-range button{flex:1}.monitor-query-heading{align-items:flex-start;flex-direction:column;gap:4px}.monitor-filterbar{grid-template-columns:minmax(0,1fr) auto}.monitor-search{grid-column:1 / -1}.monitor-more-filters>div{top:210px;right:12px;left:12px}.monitor-table{min-width:940px}.monitor-detail-header{flex-direction:column}.monitor-detail-metrics{grid-template-columns:1fr}.monitor-detail-metrics>div{border-right:0}.monitor-detail-metrics>div:last-child{grid-column:auto}.monitor-trace-header{align-items:flex-start;flex-direction:column}.trace-toolbar{align-items:stretch;flex-direction:column}.trace-toolbar input{width:100%}.replay-section-heading{flex-direction:column}.replay-section-heading button{width:100%}.replay-deltas{grid-template-columns:1fr}.replay-deltas>div{border-right:0;border-bottom:1px solid var(--border)}.replay-deltas>div:last-child{border-bottom:0}}.sf-field{margin-bottom:16px}.sf-field:last-child{margin-bottom:0}.sf-field-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-soft);margin-bottom:6px}.sf-prose{font-size:13px;line-height:1.55;white-space:pre-wrap}.sf-meta-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:13px;align-items:baseline}.sf-meta-grid .k{color:var(--fg-soft)}.sf-meta-grid .v{font-family:ui-monospace,SF Mono,Menlo,monospace;word-break:break-all}.sf-chips{display:flex;flex-wrap:wrap;gap:6px}.sf-chip{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.sf-hint{font-size:13px;line-height:1.55;white-space:pre-wrap;background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:10px 12px}.sf-hint+.sf-hint{margin-top:8px}.sf-tool{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--bg-card)}.sf-tool+.sf-tool{margin-top:8px}.sf-tool-head{display:flex;align-items:center;gap:8px}.sf-tool-name{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:600;font-size:13px}.sf-tool-desc{font-size:12px;line-height:1.5;margin:6px 0 0}.sf-tool-entry{font-size:11px;color:var(--fg-soft);margin-top:4px;font-family:ui-monospace,SF Mono,Menlo,monospace}.sf-code-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.sf-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:12px;margin:0;max-height:420px;overflow:auto;-moz-tab-size:2;tab-size:2}.sf-inline-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:0 4px}.sf-section{padding-top:18px;margin-top:18px;border-top:1px solid var(--border)}.sf-section:first-of-type{padding-top:0;margin-top:0;border-top:none}.sf-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-soft);margin:0 0 14px;display:flex;align-items:center;gap:8px}.sf-section-title .sf-section-meta{font-weight:400;text-transform:none;letter-spacing:0;font-size:11px}.sf-md-h{font-weight:700;margin:0 0 6px}.sf-md-p{margin:0 0 4px}.sf-md-p:last-child{margin-bottom:0}.stages{display:flex;flex-direction:column;gap:4px;margin-top:6px}.stage{display:flex;align-items:center;gap:10px;padding:4px 0;font-family:ui-monospace,SF Mono,monospace;font-size:12px}.stage-icon{width:16px;display:inline-block;text-align:center}.stage-running .stage-icon{color:var(--warning)}.stage-done .stage-icon{color:var(--success)}.stage-failed .stage-icon{color:var(--danger)}.topology{display:flex;flex-direction:column;gap:16px;padding:4px 0}.topology-tier{display:flex;flex-wrap:wrap;gap:12px}.topology-tier-frontend .topology-node{min-width:240px}.topology-tier-app .topology-node{min-width:280px}.topology-tier-infra .topology-node{min-width:168px}.topology-tier-frontend:before{content:"frontends (browsers, observed externally)";display:block;width:100%;font-size:11px;color:var(--fg-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:-4px;padding-left:2px}.topology-tier-app:before{content:"app services (this repo's processes)";display:block;width:100%;font-size:11px;color:var(--fg-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:-4px;padding-top:6px;border-top:1px dashed var(--border);padding-left:2px}.topology-tier-infra:before{content:"middleware (external services)";display:block;width:100%;font-size:11px;color:var(--fg-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:-4px;padding-top:6px;border-top:1px dashed var(--border);padding-left:2px}.topology-node{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;flex:1 1 240px}.topology-node.status-error{border-color:var(--danger)}.topology-node.status-skipped{opacity:.78}.topology-node-app{background:var(--bg-soft);flex:1 1 360px}.topology-node-frontend{background:var(--bg-card);flex:1 1 280px}.topology-node-description{font-size:11px;line-height:1.45;margin-top:2px}.topology-node-head{display:flex;align-items:center;gap:8px}.topology-node-name{font-weight:600;font-size:13px;font-family:ui-monospace,SF Mono,Menlo,monospace;flex:1}.topology-node-role{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--primary);color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.topology-node-role-frontend{background:var(--bg-soft);color:var(--fg-soft);border:1px solid var(--border)}.topology-node-meta{font-size:12px}.topology-node-detail{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topology-deps{margin-top:6px;padding-top:8px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:6px}.topology-deps-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.topology-deps-chips{display:flex;flex-wrap:wrap;gap:6px}.topology-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);font-size:11px}.topology-chip.is-optional{border-style:dashed;opacity:.85}.topology-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--fg-soft)}.topology-chip.status-ok .topology-chip-dot{background:var(--success)}.topology-chip.status-error .topology-chip-dot{background:var(--danger)}.topology-chip.status-error{border-color:var(--danger);color:var(--danger)}.topology-chip.status-skipped{opacity:.6}.topology-chip-name{font-weight:600;font-family:ui-monospace,SF Mono,Menlo,monospace}.topology-chip-latency{color:var(--fg-soft);font-size:10px}.topology-chip-tag{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--bg-soft);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.04em}.topology-handoff{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 12px;background:var(--bg-soft);border:1px dashed var(--border);border-radius:8px;font-size:12px}.topology-handoff-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-soft);margin-right:4px}.topology-handoff-arrow{color:var(--fg-soft);font-family:ui-monospace,SF Mono,Menlo,monospace}.topology-handoff-note{flex-basis:100%;font-size:11px;margin-top:2px;margin-left:2px}.topology-process{margin-top:6px;padding-top:8px;border-top:1px dashed var(--border);display:grid;grid-template-columns:60px 1fr;column-gap:8px;row-gap:2px;font-size:11px}.topology-process-label{color:var(--fg-soft);text-transform:uppercase;letter-spacing:.04em;font-size:10px;align-self:center}.topology-process-value{font-family:ui-monospace,SF Mono,Menlo,monospace;word-break:break-all;line-height:1.35}.topology-process-value.muted-value{color:var(--fg-soft)}