@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";
:root{--bg:#0b1220;--bg-accent-1:#64d8c614;--bg-accent-2:#7cb7ff1a;--card:#0f1c2e;--muted:#9fb3c8;--text:#e6f2ff;--accent:#64d8c6;--accent-2:#7cb7ff;--border:#ffffff14;--table-stripe:#ffffff08;--input-bg:#ffffff0a;--shadow:0 20px 80px #00000059;--calendar-icon-filter:invert(1)}:root[data-theme=light]{--bg:#f7fafc;--bg-accent-1:#7cb7ff1f;--bg-accent-2:#64d8c61f;--card:#fff;--muted:#4a5c72;--text:#0b1b2c;--accent:#0f9b8e;--accent-2:#2e7dd7;--border:#00000014;--table-stripe:#00000008;--input-bg:#00000008;--shadow:0 20px 60px #0000001f;--calendar-icon-filter:none}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at 20% 20%,var(--bg-accent-1),transparent 32%),radial-gradient(circle at 80% 0%,var(--bg-accent-2),transparent 28%),var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Space Grotesk,Helvetica Neue,Avenir,sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 4rem;position:relative}.app-shell{--sidebar-width:280px;align-items:stretch;gap:1.25rem;min-height:100vh;padding:0 .5rem;display:flex}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);transform-origin:0;border-radius:16px;flex-direction:column;gap:1rem;height:100vh;max-height:100vh;padding:1.2rem 1rem 1.5rem;transition:transform .75s cubic-bezier(.25,.8,.25,1.15),opacity .75s,filter .75s,box-shadow .45s,padding .3s,flex-basis .45s,width .45s,border .3s;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-backdrop{display:none}.content-area{flex:auto;min-width:0}.sidebar-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sidebar-title{margin-top:.1rem;font-size:1.1rem;font-weight:600}.sidebar-section{flex-direction:column;gap:.6rem;display:flex}.sidebar-nav{flex-direction:column;gap:.45rem;display:flex}.sidebar .ghost-btn.pill{width:100%}.sidebar-nav .ghost-btn{justify-content:flex-start}.sidebar .theme-toggle{flex-direction:column;align-items:stretch}.sidebar .theme-toggle .ghost-btn{justify-content:flex-start}.sidebar .timezone-field{margin-top:0}.sidebar-footer .timezone-field{margin-bottom:1rem}.sidebar-footer{background:linear-gradient(180deg,transparent 0%,#0000000a 36%,var(--card)90%);border-top:1px solid var(--border);margin-top:auto;padding-top:.75rem;padding-bottom:2rem;position:sticky;bottom:0}.sidebar-toggle{font-weight:600}.sidebar-handle-row{z-index:2;justify-content:flex-end;gap:.6rem;margin:0;display:flex;position:absolute;top:1.25rem;right:1.25rem}.sidebar-handle-row .ghost-btn{box-shadow:var(--shadow)}.app-shell.sidebar-collapsed{--sidebar-width:0px}.app-shell.sidebar-collapsed .sidebar{opacity:0;filter:blur(10px)saturate(1.5)drop-shadow(0 18px 48px #0006);pointer-events:none;box-shadow:none;border:0;padding:0;transform:translate(-180%)rotate(-14deg)scale(.9)}.hero{margin-bottom:1.5rem;padding-top:.5rem}h1{letter-spacing:-.02em;margin:.35rem 0;font-size:2.6rem}.top-bar{justify-content:space-between;align-items:flex-start;margin-bottom:2.2rem;display:flex}.top-left{align-items:flex-start;display:flex}.top-controls{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.8rem;font-weight:600}.lede{color:var(--muted);max-width:860px;line-height:1.6}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.filters{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:.75rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field.inline{min-width:220px}.timezone-field{min-width:220px;margin-top:-.8rem}.input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:160px;padding:8px 10px}.input::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter,invert(1))}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.select{min-width:180px}.delay-inputs{align-items:center;gap:.4rem;display:flex}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.75rem}.label-spaced{margin-top:.35rem}.subtle{color:var(--muted)}.count{color:var(--accent);margin-top:.25rem;font-size:2rem;font-weight:600;line-height:1.1}.table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}.runs-table{table-layout:fixed;width:100%}.col-run-id{width:260px}.col-service{min-width:90px}.col-delay{width:88px}.col-started{width:250px}.col-duration{width:110px}.col-public-ip{min-width:160px}.runs-table th,.runs-table td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}th{color:var(--muted);background:#ffffff05;font-weight:600;position:sticky;top:0}tbody tr:nth-child(odd){background:var(--table-stripe)}tbody tr:hover{background:#64d8c614}.clickable-row{cursor:pointer}.clickable-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.caret{vertical-align:middle;width:1.1rem;height:1.1rem;color:var(--muted);justify-content:center;align-items:center;margin-right:.35rem;transition:color .15s;display:inline-flex}.clickable-row:hover .caret{color:var(--accent)}.details-row>td{background:#ffffff08;min-width:0;padding:14px}.details-content{width:100%;min-width:0;max-width:100%;overflow-x:auto}.accordion>*{max-width:100%}.accordion{flex-direction:column;gap:.75rem;min-width:0;display:flex}.subtable-toggle{justify-content:space-between;align-items:center;gap:1rem;margin-top:.35rem;display:flex}.spinner{color:var(--muted);align-items:center;gap:.55rem;display:inline-flex}.spinner-circle{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.muted-text{color:var(--muted)}.subtable-wrap{padding-bottom:.5rem;overflow-x:auto}.subtable{border-collapse:collapse;width:100%;min-width:560px}.subtable th,.subtable td{border-bottom:1px solid var(--border);padding:8px 10px}.subtable .sticky-col{z-index:2;background:var(--card);position:sticky;left:0;box-shadow:6px 0 14px #00000040}.subtable th.sticky-col{z-index:3}.id-cell{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.subtable th{color:var(--muted);background:#ffffff05;font-weight:600}.subtable tr:nth-child(odd){background:#ffffff08}.chart-card{border:1px solid var(--border);background:#ffffff05;border-radius:12px;width:100%;min-width:0;max-width:100%;padding:1rem;overflow-x:auto}.chart-layout{flex-direction:column;gap:.75rem;display:flex}.chart-main{flex:auto;min-width:320px}.chart-tooltip.youtube{min-width:220px}.chart-tooltips{flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-top:.5rem;display:flex}.chart-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.chart{width:100%;min-width:360px;max-width:100%;display:block}.chart-grid line{stroke:var(--border);stroke-width:1px;opacity:.35}.chart-axis line{stroke:var(--border);stroke-width:1px}.chart-label{fill:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:600}.chart-label-right{text-anchor:end}.chart-tick{fill:var(--muted);text-anchor:middle;font-size:.7rem}.chart-points circle{transition:r .1s,fill .1s,stroke .1s}.chart-tooltip{border:1px solid var(--border);background:var(--card);border-radius:10px;flex-direction:column;gap:.35rem;margin-top:.5rem;padding:.75rem .85rem;display:inline-flex}.chart-tooltip-title{font-weight:600}.chart-tooltip-row{justify-content:space-between;gap:1rem;font-size:.93rem;display:flex}.ghost-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:8px 12px;transition:border-color .15s,color .15s,background .15s}.ghost-btn:hover:not(:disabled),.ghost-btn:focus-visible{border-color:var(--accent);color:var(--accent)}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.ghost-btn.small{padding:6px 10px;font-size:.9rem}.pagination{justify-content:space-between;align-items:center;padding:1rem 1.5rem 1.25rem;display:flex}.theme-toggle{gap:.4rem;display:inline-flex}.ghost-btn.pill{border-radius:999px;align-items:center;gap:.35rem;padding:8px 10px;display:inline-flex}.ghost-btn.pill.active{border-color:var(--accent);color:var(--text);background:#64d8c61f}.theme-label{text-transform:capitalize;font-size:.95rem}.theme-icon{stroke:currentColor;width:18px;height:18px}.mono{font-family:SFMono-Regular,Roboto Mono,Courier New,monospace;font-size:.93rem}.callout{color:#ffd7e2;background:#2b1111;border:1px solid #f3a8a8;border-radius:12px;margin:1.5rem 0;padding:1rem 1.25rem}.callout-error{border-color:#f06262}.nav-links{align-items:center;gap:.35rem;display:inline-flex}.controls{margin-bottom:1rem}.controls-header{align-items:flex-start}.filters-wide{justify-content:flex-end;width:100%}.synced-layout{grid-template-columns:minmax(320px,380px) 1fr;align-items:flex-start;gap:1rem;display:grid}.group-list-body{flex-direction:column;gap:.75rem;max-height:640px;padding:.5rem 1rem 1rem;display:flex;overflow-y:auto}.groups-pagination{border-top:1px solid var(--border);padding:.85rem 1rem 1rem}.group-row{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff05;border-radius:12px;padding:.75rem .85rem;transition:border-color .15s,background .15s,box-shadow .15s}.group-row:hover{border-color:var(--accent)}.group-row.active{border-color:var(--accent);background:#64d8c614;box-shadow:0 10px 40px #00000040}.group-row-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.group-time{color:var(--text);font-size:1.05rem;font-weight:600}.chip-row{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.chip{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.9rem;display:inline-flex}.chip.muted{color:var(--accent-2);border-color:var(--accent-2);background:#7cb7ff1f}.chart-panel{min-height:420px}.chart-legend{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.legend-entry{align-items:center;gap:.35rem;display:inline-flex}.legend-dot{border:1px solid var(--border);border-radius:50%;width:12px;height:12px;display:inline-block}.empty-state{padding:1.2rem}.runs-inline{flex-wrap:wrap;gap:.8rem;padding:.85rem 1rem 1.1rem;display:flex}.run-card{border:1px solid var(--border);background:#ffffff05;border-radius:10px;flex:240px;min-width:200px;padding:.75rem}.service-filters{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding:0 1.5rem 1.2rem;display:flex}.run-filters{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding:0 1.5rem 1.2rem;display:flex}.run-filters .services-label{margin-top:.35rem}.run-filters .filters{justify-content:flex-start;margin-top:.6rem}.time-range-controls{justify-content:flex-start}.service-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.35rem .75rem;display:grid}.service-checkbox{align-items:center;gap:.45rem;font-size:.95rem;display:inline-flex}.service-checkbox input{accent-color:var(--accent)}.run-title{align-items:center;gap:.4rem;font-weight:600;display:flex}.synced-chart .chart{min-width:520px}.group-list-meta{text-align:right;color:var(--muted);font-size:.95rem}.sidebar[data-anim]{animation-fill-mode:forwards}.sidebar[data-animate=true][data-anim=flare][data-state=closed]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-close-flare}.sidebar[data-animate=true][data-anim=flare][data-state=open]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-open-flare}.sidebar[data-animate=true][data-anim=fold][data-state=closed]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-close-fold}.sidebar[data-animate=true][data-anim=fold][data-state=open]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-open-fold}.sidebar[data-animate=true][data-anim=swoop][data-state=closed]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-close-swoop}.sidebar[data-animate=true][data-anim=swoop][data-state=open]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-open-swoop}.sidebar[data-animate=true][data-anim=tilt][data-state=closed]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-close-tilt}.sidebar[data-animate=true][data-anim=tilt][data-state=open]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-open-tilt}.sidebar[data-animate=true][data-anim=spiral][data-state=closed]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-close-spiral}.sidebar[data-animate=true][data-anim=spiral][data-state=open]{animation:1.1s cubic-bezier(.2,.9,.2,1.15) forwards sidebar-open-spiral}@keyframes sidebar-close-flare{0%{opacity:1;filter:none;transform:translate(0)rotate(0)scale(1)}35%{filter:drop-shadow(0 18px 48px #00000059)saturate(1.2);transform:translate(10%)rotate(8deg)scale(1.08)}70%{filter:blur(3px)saturate(1.4);transform:translate(-80%)rotate(-14deg)scale(.92)}to{opacity:0;filter:blur(12px)saturate(1.6);transform:translate(-190%)rotate(-22deg)scale(.86)}}@keyframes sidebar-open-flare{0%{opacity:0;filter:blur(12px)saturate(1.6);transform:translate(-190%)rotate(-22deg)scale(.86)}30%{opacity:.7;filter:blur(4px)saturate(1.3);transform:translate(-60%)rotate(-10deg)scale(.94)}70%{opacity:1;filter:drop-shadow(0 12px 36px #0000004d)saturate(1.1);transform:translate(6%)rotate(4deg)scale(1.06)}to{opacity:1;filter:none;transform:translate(0)rotate(0)scale(1)}}@keyframes sidebar-close-fold{0%{opacity:1;transform:translate(0)rotateY(0)scale(1)}50%{opacity:.7;transform:translate(-30%)rotateY(45deg)scale(.95)}to{opacity:0;filter:blur(8px);transform:translate(-180%)rotateY(90deg)scale(.85)}}@keyframes sidebar-open-fold{0%{opacity:0;filter:blur(8px);transform:translate(-180%)rotateY(90deg)scale(.85)}50%{opacity:.7;transform:translate(-30%)rotateY(35deg)scale(.95)}to{opacity:1;filter:none;transform:translate(0)rotateY(0)scale(1)}}@keyframes sidebar-close-swoop{0%{opacity:1;transform:translate(0)translateY(0)rotate(0)scale(1)}40%{opacity:.85;transform:translate(10%)translateY(-6%)rotate(8deg)scale(1.04)}to{opacity:0;filter:blur(10px)saturate(1.4);transform:translate(-200%)translateY(-14%)rotate(-16deg)scale(.9)}}@keyframes sidebar-open-swoop{0%{opacity:0;filter:blur(10px)saturate(1.4);transform:translate(-200%)translateY(-14%)rotate(-16deg)scale(.9)}60%{opacity:1;filter:drop-shadow(0 10px 28px #0000004d);transform:translate(12%)translateY(6%)rotate(6deg)scale(1.06)}to{opacity:1;filter:none;transform:translate(0)translateY(0)rotate(0)scale(1)}}@keyframes sidebar-close-tilt{0%{opacity:1;transform:translate(0)skewY(0)scale(1)}50%{opacity:.8;transform:translate(-30%)skewY(-6deg)scale(.96)}to{opacity:0;filter:blur(9px);transform:translate(-180%)skewY(-12deg)scale(.86)}}@keyframes sidebar-open-tilt{0%{opacity:0;filter:blur(9px);transform:translate(-180%)skewY(-12deg)scale(.86)}55%{opacity:.85;transform:translate(-18%)skewY(-6deg)scale(.96)}to{opacity:1;filter:none;transform:translate(0)skewY(0)scale(1)}}@keyframes sidebar-close-spiral{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}50%{opacity:.7;filter:blur(4px);transform:translate(-70%)rotate(-90deg)scale(.9)}to{opacity:0;filter:blur(12px)saturate(1.5);transform:translate(-200%)rotate(-180deg)scale(.82)}}@keyframes sidebar-open-spiral{0%{opacity:0;filter:blur(12px)saturate(1.5);transform:translate(-200%)rotate(-180deg)scale(.82)}60%{opacity:.9;filter:blur(3px);transform:translate(-40%)rotate(-50deg)scale(.94)}to{opacity:1;filter:none;transform:translate(0)rotate(0)scale(1)}}@media (max-width:900px){.app-shell{flex-direction:column;gap:0;padding:0 .75rem}.sidebar{z-index:20;border-radius:0;flex-basis:auto;width:auto;max-width:none;height:100vh;max-height:none;margin:0;padding:1.2rem 1.25rem 1.5rem;position:fixed;inset:0}.app-shell.sidebar-collapsed .sidebar{filter:blur(8px)saturate(1.35)drop-shadow(0 16px 40px #00000061);transform:translateY(-28px)translate(-60%)rotate(-14deg)scale(.9)}.sidebar-backdrop{opacity:0;pointer-events:none;z-index:15;background:#00000073;transition:opacity .2s;display:block;position:fixed;inset:0}.app-shell.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar-handle-row{background:linear-gradient(180deg,var(--bg)0%,transparent 75%);z-index:5;margin-bottom:.5rem;padding-top:1rem;position:sticky;top:0;left:auto;right:auto}.card-header{flex-direction:column;align-items:flex-start}.filters{justify-content:flex-start;width:100%}h1{font-size:2.1rem}.page{padding:2rem 1.25rem 3rem}.synced-layout{grid-template-columns:1fr}.group-list-body{max-height:none}.filters-wide{flex-wrap:wrap}}