
:root{--ink:#1f2328;--muted:#656d76;--line:#d0d7de;--bg:#f6f8fa;--accent:#0b6e4f;--warn:#9a6700;--bad:#cf222e;--ok:#1a7f37}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
header{background:#fff;border-bottom:1px solid var(--line)}
.bar,main{max-width:780px;margin:0 auto;padding-left:16px;padding-right:16px}
.bar{display:flex;align-items:center;justify-content:space-between;height:52px}
.brand{font-weight:600}.brand span{color:var(--muted);font-weight:400;margin-left:6px}
.who{color:var(--muted);display:flex;gap:10px;align-items:center}
main{padding-top:24px;padding-bottom:48px}
section{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;margin-bottom:16px}
h1{font-size:18px;margin:0 0 6px}h2{font-size:15px;margin:0 0 4px}
.help{color:var(--muted);margin:0 0 14px}
.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer}
.btn:hover{filter:brightness(.95)}
.chip{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:4px 10px;font:inherit;font-size:13px;cursor:pointer}
.chip:hover{background:var(--bg)}
.linkbtn{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0;text-decoration:underline}
.presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.fields{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px}
.or{color:var(--muted);padding-bottom:8px}
label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
input{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
input[type=email]{width:100%}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:12px;color:var(--muted);font-weight:600}
tr:last-child td{border-bottom:0}
.muted{color:var(--muted)}.nowrap{white-space:nowrap}
.sub{color:var(--muted);font-size:12px;margin-top:2px;word-break:break-word}
.st::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:var(--muted)}
.st.running::before{background:var(--warn)}.st.done::before{background:var(--ok)}.st.failed::before{background:var(--bad)}
.note{padding:10px 12px;border-radius:6px;margin-bottom:16px;border:1px solid}
.note.ok{background:#dafbe1;border-color:#aceebb}.note.err{background:#ffebe9;border-color:#ffcecb}
.narrow{max-width:420px;margin:56px auto}
form.add{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.grow{flex:1;min-width:220px}
label.check{display:flex;gap:6px;align-items:center;color:var(--ink);font-size:14px;margin:0 0 8px}
td form{margin:0}form.inline{display:inline}
.field{margin-bottom:12px}.field input{width:100%}
.links{margin-top:14px;font-size:13px}.links a{color:var(--muted)}
@media (max-width:600px){.hide-sm{display:none}}
