@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;650;700&display=swap";
:root{color:#202522;font-synthesis:none;text-rendering:optimizelegibility;--ink:#202522;--muted:#777c78;--line:#dedfda;--surface:#fafaf8;--accent:#466e61;--accent-dark:#315247;background:#f3f3f0;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{background:#f3f3f0;width:100%;min-height:100vh;display:flex}.sidebar{z-index:20;color:#dfe3df;background:#202522;border-right:1px solid #303632;flex-direction:column;flex:0 0 244px;width:244px;height:100vh;display:flex;position:sticky;top:0}.brand-row{border-bottom:1px solid #343a36;align-items:center;gap:10px;height:70px;padding:0 20px;display:flex}.brand-mark{place-items:center;width:25px;height:25px;display:grid;position:relative}.brand-mark span{border:1.5px solid #83a99b;border-radius:50%;width:21px;height:7px;position:absolute}.brand-mark span:first-child{top:3px}.brand-mark span:nth-child(2){top:8px}.brand-mark span:nth-child(3){top:13px}.brand-name{letter-spacing:.04em;color:#fff;font-size:16px;font-weight:700}.brand-tag{color:#8e9993;letter-spacing:.07em;border:1px solid #4b544f;border-radius:3px;margin-left:auto;padding:3px 5px;font:500 8px/1 DM Mono,monospace}.mobile-close{color:#b8bfba;background:0 0;border:0;margin-left:auto;display:none}.workspace-switcher{background:#272d29;border:1px solid #3c433f;border-radius:7px;align-items:center;gap:10px;height:54px;margin:16px 12px 8px;padding:8px 10px;display:flex}.workspace-switcher>div{flex:1;gap:2px;min-width:0;display:grid}.workspace-switcher strong{color:#f2f4f2;font-size:12px;font-weight:600}.workspace-switcher small{color:#818b85;font:400 9px DM Mono,monospace}.workspace-avatar{color:#eff9f5;background:#466e61;border:1px solid #5e887a;border-radius:5px;place-items:center;width:30px;height:30px;font:600 12px DM Mono,monospace;display:grid}.workspace-switcher svg{color:#879089}.nav-list{padding:3px 10px}.nav-label{color:#6e7872;letter-spacing:.12em;text-transform:uppercase;margin:0;padding:12px 10px 6px;font:500 9px DM Mono,monospace}.nav-label-secondary{margin-top:12px}.nav-list button{color:#9ba39e;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;width:100%;height:39px;padding:0 11px;font-size:12px;display:flex}.nav-list button:hover{color:#e5e8e5;background:#2a302c}.nav-list button.active{color:#f2f8f4;background:#35483f;box-shadow:inset 2px 0 #79a493}.nav-list button span{flex:1}.nav-list button small{color:#737d77;font:400 9px DM Mono,monospace}.nav-list button em{color:#fff;background:#9d5c4f;border-radius:50%;place-items:center;width:17px;height:17px;font:600 9px Inter;display:grid}.sidebar-footer{border-top:1px solid #343a36;margin-top:auto;padding:12px}.storage-usage{padding:3px 6px 14px}.storage-usage>div:first-child{color:#8d9791;justify-content:space-between;font-size:9px;display:flex}.storage-usage strong{color:#aeb6b1;font:500 8px DM Mono,monospace}.storage-track{background:#39413c;border-radius:3px;height:3px;margin-top:8px;overflow:hidden}.storage-track span{background:#6f9a89;width:61%;height:100%;display:block}.user-row{color:#d7dcd8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;width:100%;padding:8px 6px;display:flex}.user-row:hover{background:#2a302c}.user-avatar{background:#4c514e;border-radius:50%;place-items:center;width:29px;height:29px;font:500 9px DM Mono,monospace;display:grid}.user-row div{flex:1;gap:2px;display:grid}.user-row strong{font-size:10px}.user-row small{color:#7f8983;font-size:8px}.main-content{flex:1;min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf8eb;align-items:center;gap:18px;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:8px;min-width:160px;font-size:11px;display:flex}.breadcrumb span{color:#999d99}.breadcrumb svg{color:#b4b7b4}.breadcrumb strong{font-weight:600}.command-search{color:#8a8e8a;cursor:pointer;text-align:left;background:#f2f2ef;border:1px solid #d5d7d2;border-radius:6px;align-items:center;gap:9px;width:min(390px,40%);height:36px;margin:0 auto;padding:0 8px 0 12px;display:flex}.command-search>span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.command-search input{color:#464c48;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.command-search input::placeholder{color:#8a8e8a}.command-search kbd{color:#777c78;background:#fbfbf9;border:1px solid #d1d3ce;border-bottom-color:#bec1bb;border-radius:4px;justify-content:center;align-items:center;gap:3px;min-width:40px;height:21px;font:500 9px Inter;display:flex;box-shadow:0 1px #d5d6d1}.top-actions{align-items:center;gap:16px;display:flex}.demo-pill{color:#587066;letter-spacing:.06em;white-space:nowrap;background:#edf3ef;border:1px solid #d5ddd8;border-radius:999px;padding:5px 8px;font:600 8px/1 DM Mono,monospace}.locale-button,.site-button{color:#56615b;white-space:nowrap;border:0;align-items:center;gap:5px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.locale-button:hover,.site-button:hover{color:#315247}.icon-button{cursor:pointer;background:0 0;border:1px solid #dcddd9;border-radius:6px;place-items:center;width:34px;height:34px;display:grid;position:relative}.icon-button i{background:#b56554;border:1px solid #fafaf8;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:8px}.system-health{color:#53625c;white-space:nowrap;align-items:center;gap:7px;display:flex}.system-health span{background:#55916f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #55916f1a}.system-health strong{font-size:10px;font-weight:500}.system-health.is-error{color:#89554d}.system-health.is-error span{background:#b56554;box-shadow:0 0 0 3px #b565541a}.menu-button{background:0 0;border:0;padding:5px;display:none}.page{max-width:1480px;margin:0 auto;padding:32px 30px 50px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:.13em;align-items:center;gap:6px;display:flex;color:#668378!important;margin:0 0 9px!important;font:500 8px DM Mono,monospace!important}.eyebrow span{background:#4e8b72;border-radius:50%;width:5px;height:5px}.page-heading h1{letter-spacing:-.035em;margin:0 0 7px;font-size:28px;font-weight:650;line-height:1.15}.page-heading p{color:var(--muted);margin:0;font-size:11px}.heading-actions{gap:9px;display:flex}.select-wrap,.pause-button,.compact-select{color:#535955;background:#fafaf8;border:1px solid #d4d6d1;border-radius:5px;align-items:center;gap:7px;height:35px;padding:0 10px;display:flex}.select-wrap select,.compact-select select{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;outline:none;font-size:10px}.pause-button{color:#fff;cursor:pointer;background:#28302c;border-color:#28302c;padding:0 14px;font-size:10px}.pause-button:hover{background:#364039}.pause-button:disabled{cursor:wait;opacity:.75}.pause-button.paused{color:#355b4c;background:#e8eee9;border-color:#bdcfc5}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.api-error{color:#855148;background:#f8eeeb;border:1px solid #dfc3bd;border-radius:6px;align-items:center;gap:10px;min-height:54px;margin-bottom:18px;padding:10px 12px;display:flex}.api-error>div{flex:1;gap:3px;display:grid}.api-error strong{font-size:10px}.api-error span{font-size:8px}.api-error button{color:#855148;cursor:pointer;background:#fff9f7;border:1px solid #d5b2aa;border-radius:4px;padding:5px 9px;font-size:8px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:7px;box-shadow:0 1px 1px #1e262105}.metric-card{min-height:133px;padding:16px}.metric-top{align-items:center;gap:9px;display:flex}.metric-icon{border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.metric-label{color:#686d69;flex:1;font-size:10px;font-weight:500}.muted{color:#a8aba8}.metric-value{letter-spacing:-.04em;margin:14px 0 8px;font:500 24px/1 DM Mono,monospace;display:block}.metric-foot{align-items:center;gap:7px;display:flex}.metric-foot>span{align-items:center;font:500 9px DM Mono,monospace;display:flex}.metric-foot small{color:#929692;font-size:8px}.positive{color:#4e7f69}.negative{color:#a45e52}.primary-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:12px;margin-bottom:12px;display:grid}.secondary-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:12px;display:grid}.panel{min-width:0;overflow:hidden}.panel-header{justify-content:space-between;align-items:flex-start;gap:20px;min-height:65px;padding:16px 18px 12px;display:flex}.panel-header h2{margin:0 0 5px;font-size:12px;font-weight:650}.panel-header p{color:#929692;margin:0;font-size:8px}.text-button{color:#77817c;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:4px 0;font-size:8px;display:flex}.legend{align-items:center;gap:16px;display:flex}.legend span{color:#838884;align-items:center;gap:6px;font-size:8px;display:flex}.legend span i{background:#557c6e;border-radius:2px;width:6px;height:6px}.legend strong{font:500 15px DM Mono,monospace}.legend strong small{color:#9b9f9b;font:400 8px Inter}.chart-wrap{height:235px;padding:11px 18px 29px 48px;position:relative}.chart-grid{border-bottom:1px solid #d9dad6;height:100%;position:relative}.chart-grid>i{border-top:1px dashed #e1e2de;position:absolute;left:0;right:0}.chart-y-labels{color:#aaada9;flex-direction:column;justify-content:space-between;font:400 7px DM Mono,monospace;display:flex;position:absolute;top:10px;bottom:29px;left:16px}.bars{align-items:flex-end;gap:clamp(3px,.7vw,8px);padding:0 5px;display:flex;position:absolute;inset:0}.bars>span{opacity:.78;cursor:crosshair;background:#648879;border-radius:2px 2px 0 0;flex:1;min-width:3px;max-width:14px;transition:opacity .18s,transform .18s;position:relative}.bars>span.bar-empty{opacity:.7;background:#d9ddd9}.bars>span:hover{opacity:1;transform:scaleX(1.2)}.bars b{color:#fff;white-space:nowrap;background:#252b27;border-radius:3px;padding:4px 5px;font:500 7px DM Mono,monospace;display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.bars span:hover b{display:block}.chart-x-labels{color:#aaada9;justify-content:space-between;font:400 7px DM Mono,monospace;display:flex;position:absolute;bottom:10px;left:48px;right:18px}.runtime-content{align-items:center;gap:26px;min-height:235px;padding:5px 20px 19px;display:flex}.donut{background:conic-gradient(#467061 0 38%, #aa6948 38% 65%, #69779b 65% 82%, #7b6d93 82% 93%, #a1844c 93% 100%);border-radius:50%;flex:0 0 132px;width:132px;height:132px;padding:16px;box-shadow:inset 0 0 0 1px #0000000d}.donut>div{text-align:center;background:var(--surface);border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.donut strong{font:500 16px DM Mono,monospace}.donut span{color:#999d99;margin-top:3px;font-size:7px}.runtime-list{flex:1;gap:11px;display:grid}.runtime-list>div{grid-template-columns:8px 1fr auto 28px;align-items:center;gap:6px;font-size:8px;display:grid}.runtime-dot{border-radius:2px;width:6px;height:6px}.runtime-list strong{font:500 8px DM Mono,monospace}.runtime-list small{color:#9c9f9c;text-align:right;font:400 7px DM Mono,monospace}.runtime-empty{justify-content:center}.inline-empty{color:#858b87;gap:5px;display:grid}.inline-empty strong{color:#565c58;font-size:10px}.inline-empty span{font-size:8px}.panel-loading{color:#929692;place-items:center;min-height:220px;font-size:9px;display:grid}.ingest-header{border-bottom:1px solid #e2e3df;align-items:center}.ingest-header p{align-items:center;gap:6px;display:flex}.pulse{background:#4f916e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #4f916e1a}.pulse.paused{box-shadow:none;background:#a77955}.compact-select{height:28px;padding:0 7px}.compact-select select{font-size:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}th{color:#a0a49f;letter-spacing:.06em;text-align:left;background:#f5f5f2;border-bottom:1px solid #e1e2de;height:33px;padding:0 14px;font:500 7px DM Mono,monospace}td{color:#5f6561;white-space:nowrap;border-bottom:1px solid #e7e8e4;height:53px;padding:0 14px;font-size:8px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7f8f5}.clickable-row{cursor:pointer;outline:none}.clickable-row:hover,.clickable-row:focus-visible{background:#eef3ef}td:first-child{align-items:center;gap:8px;display:flex}td:first-child>div{gap:3px;display:grid}td:first-child strong{color:#3f4541;font:500 8px DM Mono,monospace}td:first-child small{color:#989c98;font-size:7px}.runtime-logo{border-radius:5px;place-items:center;width:27px;height:27px;display:grid}.mono{color:#57615c;font:500 8px DM Mono,monospace}.status-tag{border-radius:3px;align-items:center;gap:4px;padding:3px 6px;font-size:7px;display:inline-flex}.status-写入中{color:#3f765f;background:#e7f0eb}.status-已同步{color:#69716c;background:#edeeeb}.status-校验中{color:#8a6549;background:#f3ebe5}td:last-child button{color:#9da19d;cursor:pointer;background:0 0;border:0}.empty-state{color:#909590;text-align:center;place-items:center;gap:7px;padding:40px;font-size:10px;display:grid}.empty-state strong{color:#5f6561;font-size:10px}.empty-state span{font-size:8px}.integrity-panel{padding-bottom:12px}.integrity-score{background:#f1f5f2;border:1px solid #dfe5e0;border-radius:6px;align-items:center;gap:14px;margin:2px 18px 13px;padding:15px;display:flex}.score-ring{background:radial-gradient(circle at center, #f1f5f2 57%, transparent 59%), conic-gradient(#56816f 0 99.8%, #d8ddd9 99.8% 100%);border-radius:50%;flex:0 0 60px;justify-content:center;align-items:baseline;width:60px;height:60px;padding-top:20px;display:flex}.score-ring strong{color:#3b6253;font:500 13px DM Mono,monospace}.score-ring span{color:#668074;font-size:7px}.integrity-score>div:last-child>strong{font-size:10px}.integrity-score p{color:#87918b;margin:5px 0 0;font-size:7px;line-height:1.5}.integrity-list{padding:0 18px}.integrity-list>div{border-top:1px solid #e6e7e3;align-items:center;gap:9px;min-height:48px;display:flex}.check-dot{border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.check-dot.ok{color:#527864;background:#e9f0ec}.check-dot.warn{color:#9b704d;background:#f5ece3}.integrity-list p{flex:1;gap:3px;margin:0;display:grid}.integrity-list p strong{font-size:8px;font-weight:550}.integrity-list p small{color:#989c98;font-size:7px}.integrity-list em{color:#527864;font:500 7px Inter}.integrity-list em.warning{color:#9a6b47}.sidebar-backdrop{display:none}.sessions-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);align-items:start;gap:12px;display:grid}.events-panel{min-height:420px}.sequence-badge{color:#777d79;background:#eceeea;border-radius:3px;padding:4px 6px;font:500 7px DM Mono,monospace}.event-list{padding:0 17px 10px}.event-row{border-top:1px solid #e5e6e2;grid-template-columns:36px 7px 1fr auto;align-items:center;gap:9px;min-height:59px;display:grid}.event-seq{color:#9a9e9a;font:400 7px DM Mono,monospace}.event-row>div{gap:4px;min-width:0;display:grid}.event-row strong{text-overflow:ellipsis;color:#464c48;white-space:nowrap;font:500 8px DM Mono,monospace;overflow:hidden}.event-row small{text-overflow:ellipsis;color:#9a9e9a;white-space:nowrap;font:400 7px DM Mono,monospace;overflow:hidden}.event-row code{color:#767d78;font:400 7px DM Mono,monospace}.runtime-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.runtime-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:7px;align-items:center;gap:12px;min-height:82px;padding:14px;display:flex}.runtime-card:hover{background:#f7f8f5;border-color:#bdc7c1}.runtime-card-icon{border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.runtime-card>div{flex:1;gap:5px;min-width:0;display:grid}.runtime-card>div strong{font-size:10px}.runtime-card>div small{color:#909590;font-size:8px}.runtime-card>em{color:#3f4843;font:500 16px DM Mono,monospace}.runtime-card>svg{color:#a2a6a2}.runtime-detail-panel{max-width:680px}.storage-metrics{margin-bottom:12px}.storage-layout-panel{padding-bottom:22px}.storage-layout-panel .panel-header code{color:#69716c;font:500 10px DM Mono,monospace}.storage-layout{background:#f0f1ee;border:1px solid #d8dbd6;border-radius:6px;height:94px;margin:12px 20px 22px;display:flex;overflow:hidden}.storage-segment{flex-direction:column;justify-content:space-between;min-width:70px;padding:14px;transition:width .2s;display:flex}.storage-segment strong{letter-spacing:.07em;font:500 8px DM Mono,monospace}.storage-segment span{font:500 11px DM Mono,monospace}.header-segment{color:#725d44;background:#e9dfd1;border-right:1px solid #d4c6b5}.data-segment{color:#355a4c;background:repeating-linear-gradient(135deg,#dce9e2 0 8px,#e5eee9 8px 16px)}.storage-facts{border:1px solid #e0e2de;border-radius:6px;grid-template-columns:repeat(4,1fr);margin:0 20px;display:grid}.storage-facts>div{border-right:1px solid #e0e2de;align-content:center;gap:7px;min-height:64px;padding:13px;display:grid}.storage-facts>div:last-child{border-right:0}.storage-facts span{color:#949994;font-size:8px}.storage-facts strong{color:#515853;font:500 9px DM Mono,monospace}.integrity-view-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start;gap:12px;display:grid}.integrity-expanded .integrity-score{min-height:120px}.integrity-expanded .score-ring{flex-basis:78px;width:78px;height:78px;padding-top:28px}.health-pill{color:#47735f;text-transform:uppercase;background:#e7f0eb;border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font:500 7px DM Mono,monospace;display:inline-flex}.health-pill.recovery-required{color:#985d4f;background:#f4e8e4}.health-pill.recovered{color:#8a6849;background:#f3ece3}.report-panel{padding-bottom:14px}.report-panel dl{border-top:1px solid #e3e4e0;margin:0 18px}.report-panel dl>div{border-bottom:1px solid #e7e8e4;justify-content:space-between;align-items:center;gap:12px;min-height:45px;display:flex}.report-panel dt{color:#858b87;font:400 8px DM Mono,monospace}.report-panel dd{color:#424944;text-align:right;margin:0;font:500 8px DM Mono,monospace}.report-panel dd.danger{color:#9a574c}.recovery-notice{color:#8c6147;background:#f5ebe5;border-radius:5px;align-items:center;gap:8px;margin:14px 18px 2px;padding:10px;font-size:8px;display:flex}.back-button{color:#66706a;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 18px;padding:6px 0;font-size:9px;display:flex}.back-button:hover{color:#28302c}.detail-loading{color:#838a85;place-content:center;justify-items:center;gap:10px;min-height:420px;font-size:9px;display:grid}.session-detail-heading{align-items:center;gap:13px;margin-bottom:22px;display:flex}.session-detail-heading .runtime-logo.large{flex:0 0 44px;width:44px;height:44px}.session-detail-heading>div:nth-child(2){flex:1;min-width:0}.session-detail-heading p{color:#858b87;margin:0 0 5px;font-size:8px}.session-detail-heading h1{text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:20px;overflow:hidden}.session-detail-heading code{text-overflow:ellipsis;color:#949a95;white-space:nowrap;font:400 7px DM Mono,monospace;display:block;overflow:hidden}.detail-metrics{margin-bottom:12px}.detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,.6fr);align-items:start;gap:12px;display:grid}.timeline-panel{min-height:600px}.timeline-header{border-bottom:1px solid #e3e4e0;align-items:center}.timeline-filters{background:#eff0ed;border-radius:5px;gap:3px;padding:3px;display:flex}.timeline-filters button{color:#7e847f;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 7px;font-size:7px}.timeline-filters button.active{color:#3f4843;background:#fff;box-shadow:0 1px 2px #1e242014}.timeline-list{padding:8px 18px 24px}.timeline-item{grid-template-columns:28px 1fr;gap:10px;display:grid}.timeline-rail{flex-direction:column;align-items:center;display:flex}.timeline-rail span{color:#68746e;background:#edf0ed;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.timeline-item.tool-call .timeline-rail span,.timeline-item.tool-result .timeline-rail span{color:#8a684a;background:#f3ebe3}.timeline-item.reasoning .timeline-rail span{color:#687598;background:#ebeef4}.timeline-item.is-error .timeline-rail span{color:#9b574d;background:#f4e7e4}.timeline-rail i{background:#e2e4e0;flex:1;width:1px;min-height:16px}.timeline-item:last-child .timeline-rail i{background:0 0}.timeline-body{min-width:0;padding:3px 0 19px}.timeline-body header{justify-content:space-between;align-items:flex-start;gap:12px;min-height:24px;display:flex}.timeline-body header>div{align-items:center;gap:7px;min-width:0;display:flex}.timeline-body header strong{text-overflow:ellipsis;color:#3f4641;white-space:nowrap;font-size:9px;overflow:hidden}.timeline-body header span{color:#828883;text-transform:uppercase;background:#eff0ed;border-radius:3px;padding:2px 4px;font:500 6px DM Mono,monospace}.timeline-body header em{color:#a2574c;font:600 6px DM Mono,monospace}.timeline-body time{color:#a1a5a1;flex:none;font:400 6px DM Mono,monospace}.timeline-body pre{color:#4c544f;white-space:pre-wrap;word-break:break-word;background:#f5f6f3;border:1px solid #e0e2de;border-radius:5px;max-height:360px;margin:7px 0 0;padding:11px;font:400 8px/1.65 DM Mono,monospace;overflow:auto}.call-id{text-overflow:ellipsis;color:#9a9f9b;white-space:nowrap;margin-top:3px;font:400 6px DM Mono,monospace;display:block;overflow:hidden}.detail-aside{gap:12px;display:grid}.token-panel,.tools-panel{padding-bottom:10px}.token-panel dl{margin:0 17px}.token-panel dl>div{border-top:1px solid #e5e6e2;justify-content:space-between;align-items:center;min-height:39px;display:flex}.token-panel dt{color:#858b87;font-size:8px}.token-panel dd{margin:0;font:500 9px DM Mono,monospace}.token-panel dl>div.total{color:#355d4e}.tool-stat{border-top:1px solid #e5e6e2;grid-template-columns:25px 1fr auto auto;align-items:center;gap:8px;min-height:43px;margin:0 17px;display:grid}.tool-stat>span{color:#7b674e;background:#f2ebe3;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.tool-stat strong{text-overflow:ellipsis;white-space:nowrap;font:500 8px DM Mono,monospace;overflow:hidden}.tool-stat em{color:#4d5651;font:500 9px DM Mono,monospace}.tool-stat small{color:#a15e52;font-size:6px}.analytics-filter-bar{align-items:center;gap:10px;min-height:68px;margin-bottom:12px;padding:10px 14px;display:flex}.analytics-filter-bar>span{color:#59635e;white-space:nowrap;align-items:center;gap:6px;margin-right:4px;font-size:9px;font-weight:600;display:flex}.analytics-filter-bar label{background:#f6f6f3;border:1px solid #e0e2de;border-radius:5px;gap:2px;min-width:135px;height:45px;padding:6px 9px;display:grid}.analytics-filter-bar label small{color:#969b97;text-transform:uppercase;letter-spacing:.07em;font-size:6px}.analytics-filter-bar select{color:#444b47;cursor:pointer;background:0 0;border:0;outline:0;min-width:0;font-size:9px}.analytics-filter-bar>button{color:#6e746f;cursor:pointer;background:0 0;border:1px solid #d7d9d4;border-radius:4px;height:32px;margin-left:auto;padding:0 11px;font-size:8px}.analytics-filter-bar>button:disabled{opacity:.4;cursor:default}.analytics-grid{grid-template-columns:minmax(0,1.6fr) minmax(290px,.75fr);gap:12px;margin-bottom:12px;display:grid}.analytics-trend,.analytics-tools{min-height:290px}.analytics-trend>.panel-header>strong{color:#44695d;font:500 15px DM Mono,monospace}.trend-bars{border-top:1px solid #e3e4e0;align-items:stretch;gap:8px;height:218px;padding:18px 20px 14px;display:flex}.trend-bars>div{text-align:center;flex:1;grid-template-rows:1fr 18px;gap:5px;min-width:22px;display:grid}.trend-bars>div>span{background:repeating-linear-gradient(#0000 0 24%,#eceeeb 25%);border-bottom:1px solid #d9dcd7;justify-content:center;align-items:flex-end;min-height:0;display:flex}.trend-bars i{background:#688d7f;border-radius:3px 3px 0 0;width:min(30px,64%);min-height:3px;position:relative}.trend-bars i:hover{background:#466e61}.trend-bars i b{z-index:2;color:#fff;white-space:nowrap;background:#28302c;border-radius:3px;padding:4px 6px;font:500 7px DM Mono,monospace;display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.trend-bars i:hover b{display:block}.trend-bars small{color:#949995;white-space:nowrap;font:400 7px DM Mono,monospace}.trend-bars>.empty-state{grid-template-rows:none;display:flex}.rank-row{border-top:1px solid #e5e6e2;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:44px;margin:0 16px;display:grid}.rank-row>em{color:#a2a7a3;font:500 7px DM Mono,monospace}.rank-row>span{gap:2px;min-width:0;display:grid}.rank-row strong{text-overflow:ellipsis;white-space:nowrap;font:500 8px DM Mono,monospace;overflow:hidden}.rank-row small{color:#999e9a;font-size:7px}.rank-row>b{color:#4b554f;font:500 10px DM Mono,monospace}.analytics-breakdown-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.analytics-breakdown{min-height:250px}.aggregate-list{padding:0 17px 12px}.aggregate-row{border-top:1px solid #e5e6e2;grid-template-columns:minmax(90px,.8fr) minmax(100px,1fr) 70px 100px;align-items:center;gap:12px;min-height:58px;display:grid}.aggregate-name{gap:3px;min-width:0;display:grid}.aggregate-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.aggregate-name small,.aggregate-row>small{color:#939894;font-size:7px}.aggregate-row>strong{text-align:right;font:500 9px DM Mono,monospace}.aggregate-row>small{text-align:right}.aggregate-bar{background:#e7e9e5;border-radius:5px;height:5px;overflow:hidden}.aggregate-bar span{border-radius:inherit;background:#6d9284;height:100%;display:block}.analytics-sessions{margin-bottom:12px}@media (max-width:1120px){.primary-grid,.secondary-grid,.sessions-layout,.integrity-view-grid,.detail-layout,.analytics-grid,.analytics-breakdown-grid{grid-template-columns:1fr}.analytics-filter-bar{flex-wrap:wrap;align-items:stretch}.analytics-filter-bar label{flex:1}.runtime-content{justify-content:center}.runtime-list{max-width:300px}.system-health strong,.demo-pill,.site-button span{display:none}.runtime-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.sidebar{transition:transform .24s;position:fixed;left:0;transform:translate(-100%);box-shadow:12px 0 40px #0e14112e}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:19;background:#191f1c57;border:0;display:block;position:fixed;inset:0}.mobile-close,.menu-button{place-items:center;display:grid}.brand-tag{display:none}.topbar{padding:0 18px}.breadcrumb{min-width:auto}.breadcrumb span,.breadcrumb svg{display:none}.command-search{flex:1;width:auto}.page{padding:26px 18px 40px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-facts{grid-template-columns:repeat(2,1fr)}.storage-facts>div:nth-child(2){border-right:0}.storage-facts>div:nth-child(-n+2){border-bottom:1px solid #e0e2de}}@media (max-width:560px){.topbar{gap:9px}.breadcrumb{display:none}.command-search>span{max-width:130px}.command-search kbd,.system-health,.site-button{display:none}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.select-wrap,.pause-button{flex:1;justify-content:center}.metrics-grid,.runtime-card-grid{grid-template-columns:1fr}.metric-card{min-height:120px}.runtime-content{flex-direction:column;align-items:stretch}.analytics-filter-bar>span{width:100%}.analytics-filter-bar label{min-width:calc(50% - 5px)}.aggregate-row{grid-template-columns:1fr 70px}.aggregate-bar,.aggregate-row>small{display:none}.donut{align-self:center}.panel-header{gap:10px}.chart-wrap{padding-left:38px}.chart-x-labels{left:38px}.chart-y-labels{left:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}