:root{--bg: #f5f6f8;--panel: #ffffff;--text: #1d2330;--text-muted: #6b7385;--border: #e2e5ea;--hover: #f0f3f8;--accent: #3b6fd8;--accent-text: #ffffff;--bad: #d64545;--good: #2f9e57;--warn: #c98a12;--code-bg: #f3f4f7;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #12151b;--panel: #1a1e26;--text: #e3e6ec;--text-muted: #8c94a6;--border: #2b313c;--hover: #222833;--accent: #5b8ef0;--bad: #f06a6a;--good: #4cc27a;--warn: #e0a83a;--code-bg: #141820;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:20px;margin:0;font-weight:600}h3{font-size:14px;margin:0 0 8px;font-weight:600}h4{font-size:12px;margin:10px 0 4px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}code,.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.5px}button,.button,select,input{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:5px 10px}button,.button{cursor:pointer;display:inline-block}button:hover,.button:hover{background:var(--hover);text-decoration:none}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.link{border:none;background:none;color:var(--accent);padding:2px 6px}button.link.bad{color:var(--bad)}button:disabled{opacity:.5;cursor:default}input[type=checkbox]{padding:0}.chip{border-radius:999px;font-size:12px;padding:3px 10px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:20px;padding:8px 20px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-dot{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,#4e79a7,#f28e2b)}.topbar nav{display:flex;gap:2px;flex-wrap:wrap}.topbar nav a{padding:6px 10px;border-radius:6px;color:var(--text-muted)}.topbar nav a:hover{background:var(--hover);text-decoration:none}.topbar nav a.active{color:var(--text);background:var(--hover);font-weight:600}.topbar-controls{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.menu-toggle{display:none;font-size:18px;line-height:1;padding:6px 10px}@media (max-width: 760px){.topbar{gap:8px 12px;padding:8px 16px}.menu-toggle{display:block;margin-left:auto}.topbar nav{display:none;order:1;flex-basis:100%;flex-direction:column;padding:4px 0;border-top:1px solid var(--border)}.topbar nav.open{display:flex}.topbar nav a{padding:10px 12px}.topbar-controls{order:2;margin-left:0;flex-basis:100%}}main{padding:20px}.page{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.page.narrow{max-width:1000px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px;min-width:0}.panel.flush{padding:0;overflow:hidden}.pad{padding:14px}.muted{color:var(--text-muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.bad{color:var(--bad)}.good{color:var(--good)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:600px}.hint{color:var(--text-muted);font-size:12.5px;margin:0}.error,.notice{padding:10px 14px;border-radius:8px;display:flex;gap:10px;align-items:center}.error{background:color-mix(in srgb,var(--bad) 12%,var(--panel));color:var(--bad)}.notice{background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.empty{color:var(--text-muted);padding:24px;text-align:center}.badge{display:inline-block;font-size:11px;padding:1px 7px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);margin-left:6px;white-space:nowrap}.table td>.badge:first-child{margin-left:0}.badge.bad{color:var(--bad);border-color:var(--bad)}.badge.good{color:var(--good);border-color:var(--good)}.badge.warn{color:var(--warn);border-color:var(--warn)}.svc-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;flex:none}.svc-dot.big{width:13px;height:13px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--text-muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px}.tile.warn{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,var(--panel))}.tile.warn .tile-value,.tile.warn .tile-sub{color:var(--bad)}.tile-label{font-size:12px;color:var(--text-muted)}.tile-value{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.tile-sub{font-size:12px;color:var(--text-muted)}.retention{display:flex;flex-direction:column;gap:8px}.retention-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.retention-form label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-muted)}.retention-form input{width:120px}.retention-value{font-size:18px;font-weight:600}.usage{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.usage-head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.usage-head h4{margin:0}.usage-head .link{margin-left:auto}.chart-head{display:flex;align-items:flex-start;gap:8px}.chart-head h3{flex:1}.pin{border:none;background:none;padding:2px 4px;margin:-2px -4px 0 0;color:var(--text-muted);cursor:pointer;line-height:0}.pin:hover:not(:disabled){color:var(--text);background:var(--hover)}.pin.pinned{color:var(--accent);cursor:default}.grid-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:14px}.share{position:relative;min-width:90px}.share-bar{position:absolute;left:0;top:2px;bottom:2px;background:color-mix(in srgb,var(--accent) 22%,transparent);border-radius:3px}.share span{position:relative}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:6px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table tr.clickable{cursor:pointer}.table tr.clickable:hover,.table tr.selected{background:var(--hover)}.kv{border-collapse:collapse;width:100%}.kv td{padding:3px 8px 3px 0;vertical-align:top;word-break:break-all;border-bottom:1px solid var(--border)}.kv td:first-child{width:34%;word-break:normal}.dur{position:relative;display:flex;align-items:center;gap:8px;min-width:140px}.dur-bar{height:10px;border-radius:3px;background:var(--accent);min-width:2px;opacity:.75}.dur-bar.bad{background:var(--bad)}.dur-bar.good{background:var(--good)}.dur span{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.search-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.search-form label,.rule-form label,.login label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-muted)}.search-form label input:not([type=checkbox]){width:110px}.search-form label.grow{flex:1;min-width:220px}.search-form label.grow input{width:100%}label.check{flex-direction:row!important;align-items:center;gap:6px!important;color:var(--text)!important;font-size:13px!important;padding-bottom:6px}.rule-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.rule-form h3,.rule-form .wide{grid-column:1 / -1}.row-gap{display:flex;gap:8px}.event-row{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.event-row .badge{margin-left:0}.tabs{display:flex;gap:4px}.tabs button{border-radius:6px 6px 0 0;border-bottom:none}.tabs button.active{font-weight:600;background:var(--panel)}.code{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:10px 12px;overflow-x:auto;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-word;margin:8px 0}.code.small{font-size:11.5px}.waterfall{font-size:12.5px}.wf-row{display:grid;grid-template-columns:minmax(280px,40%) 1fr;border-bottom:1px solid var(--border);cursor:pointer;min-height:26px}.wf-row:hover,.wf-row.selected{background:var(--hover)}.wf-header{cursor:default;font-size:11.5px;color:var(--text-muted);background:var(--panel)}.wf-label{display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;padding:3px 8px 3px 6px;border-right:1px solid var(--border)}.wf-header .wf-label{padding-left:12px}.wf-toggle{border:none;background:none;padding:0;width:14px;flex:none;color:var(--text-muted);font-size:11px}.wf-svc{color:var(--text-muted)}.wf-name{font-weight:500}.wf-detail{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;margin-left:4px}.wf-row.err .wf-name{color:var(--bad)}.wf-track{position:relative;margin:0 70px 0 8px}.wf-tick{position:absolute;top:5px;transform:translate(-50%);white-space:nowrap}.wf-tick:first-child{transform:none}.wf-bar{position:absolute;top:7px;height:12px;border-radius:2px;min-width:2px;opacity:.85}.wf-dur{position:absolute;top:5px;font-size:11px;color:var(--text-muted);white-space:nowrap}.span-detail{padding:12px 16px 14px 24px;border-bottom:1px solid var(--border);background:var(--bg);cursor:default}.span-facts{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline}.span-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){.span-cols{grid-template-columns:1fr}.wf-row{grid-template-columns:55% 1fr}}.event{margin-bottom:8px}details summary{cursor:pointer;color:var(--text-muted);font-size:12px;margin-top:10px}.logs{font-size:12.5px}.log-line{display:flex;gap:10px;padding:4px 12px;border-bottom:1px solid var(--border);align-items:baseline}.log-line.clickable{cursor:pointer}.log-line.clickable:hover{background:var(--hover)}.log-body{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:12px}.log-body.open{white-space:pre-wrap;word-break:break-word}.log-attrs{display:block;margin-top:4px}.sev{font-size:10.5px;font-weight:700;width:44px;flex:none}.sev-error,.sev-fatal{color:var(--bad)}.sev-warn,.sev-warning{color:var(--warn)}.sev-info,.sev-information{color:var(--accent)}.sev-debug,.sev-trace{color:var(--text-muted)}.compare-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.big-num{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.login{min-height:100vh;display:grid;place-items:center}.login form{width:320px;display:flex;flex-direction:column;gap:12px}.login .brand{font-size:18px;margin-bottom:6px}.exclude{display:flex;flex-direction:column;gap:10px}.exclude-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.exclude-head h3{margin:0 auto 0 0}.exclude-head input[type=search]{width:220px;max-width:100%}.exclude-list{max-height:360px;overflow-y:auto;border:1px solid var(--border);border-radius:6px}.exclude-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid var(--border);cursor:pointer;min-width:0}.exclude-row:last-child{border-bottom:none}.exclude-row:hover{background:var(--hover)}.exclude-row .grow{flex:1;min-width:0;overflow-wrap:anywhere}button.selected{border-color:var(--accent);color:var(--accent)}.auth-card{width:380px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:12px}.auth-card.wide{width:520px}.auth-card .brand{font-size:18px;margin-bottom:2px}.auth-account{font-weight:400;margin-left:6px}.auth-title{margin:0;font-size:17px}.auth-form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-muted)}.field input{font-size:14px}.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;font-size:13px}textarea{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:inherit;width:100%;box-sizing:border-box}.totp{display:flex;flex-direction:column;gap:12px}.totp-steps{margin:0;padding-left:18px}.totp-qr{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.totp-qr img{border-radius:6px;background:#fff}.totp-qr-placeholder{width:200px;height:200px;border-radius:6px;background:var(--bg)}.totp-secret{font-size:13px;letter-spacing:1px;word-break:break-all}.recovery{display:flex;flex-direction:column;gap:10px}.recovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px;padding:10px 12px;border:1px dashed var(--border);border-radius:6px;font-size:13px}.danger{border-color:#d64545}.badge.bad{background:#d64545;color:#fff}.docs pre.code{white-space:pre;overflow-x:auto;font-size:12px;line-height:1.5}.onboarding ol{margin:8px 0 0;padding-left:20px}.onboarding li{margin:4px 0}.landing{max-width:1040px;margin:0 auto;padding:0 16px 40px}.landing-top{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px}.landing-top .brand{font-size:18px;text-decoration:none;color:inherit}.landing-top nav{display:flex;align-items:center;gap:18px}.landing-top nav a{color:inherit;text-decoration:none;font-size:14px}.hero{padding:56px 0 32px;max-width:720px}.hero h1{font-size:40px;margin:0 0 16px;line-height:1.1}.hero p{font-size:17px;line-height:1.5;color:var(--text-muted)}.button.big{padding:10px 18px;font-size:15px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:24px 0}.features h3{margin:0 0 6px}.features p{margin:0;font-size:14px;line-height:1.5}.how{padding:24px 0}.how ol{padding-left:22px;font-size:15px;line-height:1.6}.landing-foot{display:flex;gap:18px;padding-top:24px;border-top:1px solid var(--border)}.landing-foot a{color:inherit}@media (max-width: 640px){.hero h1{font-size:30px}.recovery-grid{grid-template-columns:1fr}}.docs .welcome{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));display:flex;flex-direction:column;gap:8px}.docs .welcome h3{margin:0;font-size:18px}.docs h4{margin:18px 0 6px}.docs .steps{margin:6px 0;padding-left:20px}.docs .steps li{margin:5px 0}.docs .service-name{display:flex;flex-direction:column;gap:4px;margin-top:10px;max-width:420px}.platform-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:4px 0 10px;flex-wrap:wrap}.platform-tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:none;padding:8px 14px;color:var(--text-muted)}.platform-tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.code-block{position:relative}.code-block .code{padding-right:64px}.code-block.has-lang .code{padding-right:120px}.code-copy{position:absolute;top:6px;right:6px;font-size:11.5px;padding:2px 8px}.code-lang{position:absolute;top:9px;right:64px;font-size:10.5px;color:var(--text-muted);pointer-events:none}.status-ok,.status-wait{display:flex;align-items:center;gap:10px}.status-ok{border-color:var(--good)}.status-dot{width:10px;height:10px;border-radius:50%;flex:none}.status-dot.ok{background:var(--good)}.status-dot.wait{background:var(--warn);animation:status-pulse 1.4s ease-in-out infinite}@keyframes status-pulse{50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.status-dot.wait{animation:none}}.sparkline{display:block}.table .clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.table td.statement{max-width:640px;min-width:260px}.table td.statement .mono{white-space:pre-wrap;word-break:break-word}.widget-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 16px;margin:4px 0 8px}.chart-empty{display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}select.inline-select{padding:1px 4px;font-size:12px;height:auto;width:auto}.docs .panel[id]{scroll-margin-top:120px}
