:root{color:#e8edf2;font-synthesis:none;background:#091017;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:20rem;min-height:100vh;margin:0}body>div{grid-template-columns:15rem 1fr;min-height:100vh;display:grid}a{color:inherit}aside{background:#0c151e;border-right:1px solid #22303d;flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;font-size:1.5rem;font-weight:800;text-decoration:none}.brand span{color:#718293;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:500;display:block}nav{gap:.5rem;margin-top:3rem;display:grid}nav a{color:#9aabba;border-radius:.5rem;padding:.7rem .8rem;text-decoration:none}nav a:hover,nav a[aria-current]{color:#e8edf2;background:#172431}aside footer{color:#607181;margin-top:auto;font-size:.7rem}main{width:min(100%,76rem);padding:clamp(2rem,5vw,5rem)}.page-header{margin-bottom:2.5rem}.page-header p,.eyebrow{color:#55d6c8;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem;font-size:.72rem;font-weight:700}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.95}h2{margin-top:3rem;font-size:1rem}.metrics{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;display:grid}.metric{background:#0d1822;border:1px solid #253746;border-radius:.8rem;flex-direction:column;justify-content:space-between;min-height:9rem;padding:1.2rem;display:flex}.metric span{color:#8294a4;text-transform:uppercase;font-size:.75rem}.metric strong{font-size:3rem}.note,.status{color:#8294a4;margin-top:2rem}.status{border:1px dashed #314454;border-radius:.7rem;padding:2rem}.error{color:#ff938a}.table-wrap{border:1px solid #253746;border-radius:.8rem;overflow-x:auto}table{border-collapse:collapse;background:#0d1822;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #22303d;padding:1rem}th{color:#718293;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.state{color:#b8c6d1;text-transform:capitalize;background:#23323f;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;display:inline-block}.state-delivered{color:#73e3bc;background:#12382e}.state-dead_lettered,.state-terminal_http{color:#ff938a;background:#421f23}.state-retry_scheduled,.state-retryable_http{color:#ffd082;background:#44351e}.details{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.details div,.timeline li{background:#0d1822;border:1px solid #253746;border-radius:.7rem;padding:1.2rem}dt{color:#718293;text-transform:uppercase;font-size:.7rem}dd{overflow-wrap:anywhere;margin:.5rem 0 0}.timeline{gap:.8rem;max-width:48rem;padding:0;list-style:none;display:grid}.timeline li>div{justify-content:space-between;gap:1rem;display:flex}.timeline p{color:#8294a4;font-size:.8rem}pre{white-space:pre-wrap;background:#080d12;border-radius:.4rem;max-height:10rem;padding:.8rem;overflow:auto}button,input{min-height:2.8rem;font:inherit;border:1px solid #385063;border-radius:.5rem}button{color:#071511;cursor:pointer;background:#55d6c8;padding:0 1rem;font-weight:700}button:disabled{opacity:.6}.authorization{max-width:38rem;margin:8vh auto}.authorization p{color:#9aabba;line-height:1.6}.authorization form{gap:.7rem;margin-top:2rem;display:grid}.authorization input{color:#e8edf2;background:#0d1822;padding:0 .8rem}@media (width<=44rem){body>div{display:block}aside{width:100%;height:auto;padding:1rem;position:static}nav{margin-top:1rem;display:flex;overflow-x:auto}aside footer{display:none}main{padding:2rem 1rem}}.sandbox{grid-column:1/-1;margin:auto}.sandbox button{overflow-wrap:anywhere;max-width:100%;margin:.5rem}.sandbox li{overflow-wrap:anywhere;margin:.6rem 0}.sandbox select{margin:1rem;padding:.7rem}.sandbox-entry{padding:2rem}