:root{--bg:#f4f6f8;--card:#ffffff;--border:#e1e6ec;--text:#18202a;--muted:#6b7480;--accent:#1b6b4f;--accent-text:#ffffff}@media (prefers-color-scheme:dark){:root{--bg:#12161b;--card:#181f27;--border:#2a333e;--text:#f4f6f8;--muted:#9aa6b2;--accent:#2f9c74}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.container{max-width:880px;margin:0 auto;padding:24px 16px 64px}header.site{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}header.site h1{margin:0;font-size:24px}nav.site a{text-decoration:none;color:var(--muted);font-weight:600;margin-left:16px}nav.site a:hover{color:var(--text)}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px;margin-top:16px}.card-link{display:block;text-decoration:none}.card-link:hover{border-color:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.button-row{display:flex;gap:10px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--border);color:var(--muted)}.pill.online{background:#d1f0df;color:#14613f}.pill.offline{background:#f0d6d6;color:#842020}.pill.pending{background:#fde9c8;color:#855200}.pill.complete{background:#d1f0df;color:#14613f}.pill.failed{background:#f0d6d6;color:#842020}dl.info{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 16px;gap:6px 16px;margin:12px 0 0;font-size:14px}dl.info dt{color:var(--muted);font-weight:600}dl.info dd{margin:0;word-break:break-all}button{border:0;border-radius:8px;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:700;padding:12px 18px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button.secondary{background:#2c3a4b}button.danger{background:#8a3030}label{display:block;margin:14px 0 6px;font-weight:600;font-size:14px}input[type=email],input[type=password],input[type=text]{width:100%;box-sizing:border-box;min-height:42px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}code{padding:2px 6px;border-radius:4px;font-size:13px}code,pre{background:var(--border)}pre{padding:12px;overflow-x:auto}img.preview,pre{border-radius:8px}img.preview{max-width:100%;border:1px solid var(--border);margin-top:12px}.error{color:#c0392b;font-weight:600}