:root{font:16px/1.55 system-ui,sans-serif;color:#e7edf2;background:#101a22;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,560px);padding:42px;border:1px solid #34444d;border-radius:22px;background:#16242e}h1{font-size:34px;line-height:1.2;margin:10px 0 18px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#6dd4bb}p,footer{color:#adbeca}footer{font-size:12px;margin-top:40px;border-top:1px solid #34444d;padding-top:18px}label{display:block;margin-top:18px}input{display:block;width:100%;padding:13px;border:1px solid #50616a;border-radius:8px;margin-top:6px;background:#0e1b23;color:#fff;font:inherit}button,a.button{display:inline-block;font:inherit;font-weight:600;background:#87e0c8;color:#10241e;border:0;border-radius:8px;padding:12px 18px;margin:20px 10px 0 0;cursor:pointer;text-decoration:none}button.secondary{background:#30414e;color:#e7edf2}button:disabled{opacity:.5;cursor:wait}code{overflow-wrap:anywhere;color:#a3e2d1}#message{color:#ffc58e;white-space:pre-wrap}.detail{background:#0f1b23;padding:16px;border-radius:10px;overflow-wrap:anywhere}small{color:#aebdc6}@media(max-width:500px){main{padding:25px}h1{font-size:29px}}

html{scroll-behavior:smooth}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}button[hidden]{display:none}h2{font-size:23px;margin:0 0 8px}h3{font-size:18px;margin:0}body.dashboard{display:block;padding:32px}body.dashboard main{max-width:1180px;width:100%;margin:auto;background:transparent;border:0;padding:12px}body.dashboard h1{font-size:42px}.dashboard-nav{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.dashboard-nav a{color:#c7d6df;text-decoration:none;padding:9px 16px;border:1px solid #34444d;border-radius:30px}.dashboard-nav a:hover{background:#243b47}.panel{scroll-margin-top:24px;background:#16242e;border:1px solid #34444d;border-radius:18px;padding:28px;margin:20px 0}.muted{color:#adbeca;font-size:14px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.status-card{background:#0e1b23;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px}.status-card strong{font-size:25px}.status-card small{font-size:13px}.endpoint{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid #34444d;padding-top:20px}.endpoint button{margin:0}.empty{color:#adbeca;padding:12px 0}.empty-title{font-size:22px;margin-top:28px;color:#d2e1e9}.client-card{border-top:1px solid #34444d;padding:22px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.badge{border-radius:20px;padding:5px 12px;background:#1e443c;color:#98e3c9;font-size:12px}.warning{background:#493c22;color:#f2cd89}.warning-text{color:#f2cd89;font-size:13px}.client-id{display:block;font-size:12px;margin-top:10px}.event{display:grid;grid-template-columns:minmax(0,1fr) 100px 170px;gap:20px;padding:16px 0;border-top:1px solid #34444d;align-items:center}.event small{display:block;overflow-wrap:anywhere;font-size:12px;margin-top:4px}.event time{font-size:12px;color:#adbeca;text-align:right}#settings form{max-width:520px}summary{cursor:pointer;color:#9ee0cc;padding:12px 0}#message:empty{display:none}#message{position:sticky;bottom:16px;background:#2e3027;padding:14px;border-radius:10px;z-index:2}@media(max-width:700px){body.dashboard{padding:16px}body.dashboard h1{font-size:32px}.panel{padding:20px}.status-grid{grid-template-columns:1fr}.event{grid-template-columns:1fr auto;gap:10px}.event time{grid-column:1 / -1;text-align:left}.row{align-items:flex-start;flex-direction:column}.endpoint{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}