:root{--bg:#fafafa;--bg-hover:#f1f1f1;--text-primary:#1a1a1a;--text-muted:#8a8a8a;--border:#e4e4e4;--accent:#4a7dff;--accent-light:#4a7dff;--accent-bg:#4a7dff14;--ok:#2e9e5b;--ok-bg:#2e9e5b1a;--warn:#d99a2b;--warn-bg:#d99a2b1a;--err:#d64545;--err-bg:#d645451a;--muted-2:silver}[data-theme=dark]{--bg:#0f1115;--bg-hover:#191c22;--text-primary:#e8e8e8;--text-muted:#767c89;--border:#23272f;--accent:#6b93ff;--accent-light:#8fb0ff;--accent-bg:#6b93ff1f;--ok:#3fb46b;--ok-bg:#3fb46b1f;--warn:#e0a63c;--warn-bg:#e0a63c1f;--err:#e06060;--err-bg:#e060601f;--muted-2:#3a4048}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;word-break:break-word;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px}#root{max-width:900px;margin:0 auto;padding:0 .75rem 1.5rem}.app-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:.5rem 0 .25rem;display:flex;position:sticky;top:0}.app-header h1{margin:0;font-size:.82rem;font-weight:600;line-height:1.3}.app-header .sub{color:var(--text-muted);margin:.05rem 0 0;font-size:.68rem}.theme-toggle{border:1px solid var(--border);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;border-radius:.5rem;flex-shrink:0;padding:.375rem .625rem;font-size:.75rem;line-height:1}.tab-nav{border-bottom:1px solid var(--border);gap:.25rem;margin-top:.4rem;margin-bottom:.4rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.25rem .5rem .35rem;font-size:.75rem;transition:color .15s,border-color .15s}.tab-btn.active{border-bottom-color:var(--accent-light);color:var(--text-primary);font-weight:600}.stat-row{border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.stat{flex-direction:column;flex:30%;gap:.1rem;padding:.45rem .25rem;display:flex}.stat .num{font-size:1.05rem;font-weight:700;line-height:1.2}.stat .lbl{color:var(--text-muted);font-size:.65rem}.section{margin-bottom:.8rem}.section-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.3rem;padding:.25rem 0;font-size:.82rem;font-weight:600;display:flex}.section-head .arrow{color:var(--text-muted);flex-shrink:0;font-size:.6rem;transition:transform .15s;display:inline-block}.section-head .arrow.open{transform:rotate(90deg)}.section-head .count{color:var(--text-muted);font-size:.68rem;font-weight:500}.section-head .right{color:var(--text-muted);margin-left:auto;font-size:.68rem;font-weight:400}.list-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.4rem;padding:.35rem 0;font-size:.72rem;display:flex}.list-item:last-child{border-bottom:none}.list-item .main{flex:1;min-width:0}.row-title{font-size:.75rem;font-weight:600}.row-sub{color:var(--text-muted);margin-top:.1rem;font-size:.68rem}.row-sub .dim{opacity:.6}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem}.dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;margin-top:.22rem}.dot.ok{background:var(--ok)}.dot.fail{background:var(--err)}.dot.warn{background:var(--warn)}.dot.off{background:var(--muted-2)}.badge{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border-radius:.25rem;max-width:100%;padding:.1rem .35rem;font-size:.62rem;display:inline-block;overflow:hidden}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.fail{background:var(--err-bg);color:var(--err)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.off{background:var(--bg-hover);color:var(--text-muted)}.badge.mono{font-family:ui-monospace,Menlo,monospace}.bar-track{background:var(--bg-hover);border-radius:.15rem;height:.3rem;overflow:hidden}.bar-fill{border-radius:.15rem;height:100%}.bar-fill.ok{background:var(--ok)}.bar-fill.fail{background:var(--err)}.bar-fill.accent{background:var(--accent)}.dur-row{align-items:center;gap:.5rem;padding:.22rem 0;display:flex}.dur-row .lbl{width:8.5rem;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.68rem;overflow:hidden}.dur-row .track{background:var(--bg-hover);border-radius:.15rem;flex:1;height:.55rem;overflow:hidden}.dur-row .fill{background:var(--accent);height:100%}.dur-row .val{text-align:right;width:4.5rem;color:var(--text-muted);flex-shrink:0;font-family:ui-monospace,Menlo,monospace;font-size:.66rem}.hour-chart{align-items:flex-end;gap:2px;height:4.5rem;padding:.4rem 0 .2rem;display:flex}.hour-col{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex;position:relative}.hour-bar{background:var(--accent);opacity:.85;border-radius:1px 1px 0 0;min-height:1px}.hour-bar.hot{background:var(--err)}.hour-lbl{color:var(--text-muted);font-size:.5rem;display:none;position:absolute;top:-.05rem;right:0;transform:translateY(-100%)}.hour-col:hover .hour-lbl{display:block}.hour-axis{color:var(--text-muted);font-size:.55rem;display:flex}.hour-axis span{text-align:center;flex:1}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;padding:.4rem 0;display:grid}.cal-cell{aspect-ratio:1;background:var(--bg-hover);cursor:default;border-radius:2px;position:relative}.cal-cell.l1{background:var(--ok-bg)}.cal-cell.l2{background:#3fb46b59}.cal-cell.l3{background:#3fb46b99}.cal-cell.l4{background:var(--ok)}.cal-cell.fail{background:var(--err)}.cal-cell.today{outline:1px solid var(--accent);outline-offset:1px}.cal-cell .tip{background:var(--text-primary);color:var(--bg);white-space:nowrap;z-index:5;border-radius:.2rem;padding:.15rem .4rem;font-size:.6rem;display:none;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}.cal-cell:hover .tip{display:block}.cal-dow{color:var(--text-muted);grid-template-columns:repeat(7,1fr);gap:3px;font-size:.55rem;display:grid}.cal-dow span{text-align:center}.tl{padding:.3rem 0 .1rem}.tl-row{align-items:center;gap:.4rem;padding:.18rem 0;display:flex}.tl-name{width:9rem;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.66rem;overflow:hidden}.tl-track{background:var(--bg-hover);border-radius:.15rem;flex:1;height:.7rem;position:relative}.tl-mark{border-radius:2px;position:absolute;top:0;bottom:0}.tl-mark.ok{background:var(--accent);opacity:.9}.tl-mark.fail{background:var(--err)}.tl-scale{color:var(--text-muted);padding-top:.15rem;font-size:.5rem;display:flex}.tl-scale span{text-align:center;flex:1}.filters{flex-wrap:wrap;gap:.4rem;padding:.3rem 0 .4rem;display:flex}.chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:.25rem;padding:.15rem .5rem;font-size:.66rem}.chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-light);font-weight:600}select.chip{max-width:12rem;padding:.2rem .5rem}.meta-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.15rem 1rem;padding:.3rem 0 .5rem;display:grid}.meta-item{font-size:.66rem}.meta-item .k{color:var(--text-muted)}.meta-item .v{font-weight:500}.exec-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:.4rem;padding:.3rem 0;font-size:.7rem;display:flex}.exec-row:last-child{border-bottom:none}.exec-row .when{width:8.5rem;color:var(--text-muted);flex-shrink:0;font-family:ui-monospace,Menlo,monospace;font-size:.64rem}.exec-row .dur{text-align:right;width:4.2rem;color:var(--text-muted);flex-shrink:0;font-family:ui-monospace,Menlo,monospace;font-size:.64rem}.exec-err{color:var(--err);white-space:pre-wrap;word-break:break-all;margin-top:.15rem;font-size:.64rem}.empty{text-align:center;color:var(--text-muted);padding:1rem 0;font-size:.72rem}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:.8rem;padding:.8rem 0 .2rem;font-size:.62rem}a{color:inherit}