:root{font-family:system-ui,sans-serif;color:#1c1c1e;background:#f5f5f7}main{max-width:640px;margin:2rem auto;padding:0 1rem;display:grid;gap:1rem}h1 small{font-size:.5em;color:#888;font-weight:400}section,form{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #0001}form{display:grid;gap:.6rem}h2{margin:0 0 .5rem;font-size:1rem;display:flex;justify-content:space-between}input{padding:.55rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}button{padding:.55rem .9rem;border:0;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;font-size:.9rem}button:disabled{opacity:.4;cursor:not-allowed}button.ghost{background:#e5e7eb;color:#222}.row,.actions{display:flex;gap:.5rem;flex-wrap:wrap}.status.in{background:#dcfce7}.status.out{background:#fee2e2}.banner{background:#fef9c3;padding:.7rem;border-radius:6px;margin:0}code{background:#eee;padding:1px 5px;border-radius:4px}.log{list-style:none;margin:0;padding:0;font:.8rem ui-monospace,monospace;display:grid;gap:.3rem}.log .ok{color:#15803d}.log .err{color:#b91c1c}.log .info{color:#444}a.btn{padding:.55rem .9rem;border-radius:6px;font-size:.9rem;text-decoration:none;display:inline-block}a.btn.ghost{background:#e5e7eb;color:#222}main.wide{max-width:960px}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid #eee;white-space:nowrap}.tablewrap{overflow-x:auto}.pill{padding:1px 7px;border-radius:99px;background:#e5e7eb;font-size:.75rem}.pill.yes{background:#dcfce7;color:#15803d}
