:root { --bg:#fffaf0; --fg:#222; --muted:#6b6b6b; --accent:#c2a633; --card:#fff; --line:#eadfc4; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background:var(--bg); color:var(--fg); }
.testnet { background:#7a1f1f; color:#fff; text-align:center; padding:4px 8px; font-size:13px; }
header { display:flex; gap:16px; align-items:center; flex-wrap:wrap; padding:10px 20px; border-bottom:1px solid var(--line); background:var(--card); }
.logo { font-size:18px; } .logo span { color:var(--accent); } .logo .by { font-size:12px; font-weight:normal; opacity:.7; margin-left:4px; }
nav a { margin-right:12px; color:var(--fg); text-decoration:none; } nav a.active { border-bottom:2px solid var(--accent); }
#account { margin-left:auto; }
main { max-width:980px; margin:0 auto; padding:20px; }
footer { max-width:980px; margin:20px auto; padding:0 20px 30px; color:var(--muted); font-size:13px; }
.muted { color:var(--muted); } .warnText { color:#9a5b00; font-size:13px; }
.card, .job { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:14px; margin:10px 0; }
.card label { display:block; margin:10px 0; } .card input, .card select, .card textarea { width:100%; padding:7px; margin-top:3px; border:1px solid #d8ccb0; border-radius:6px; font:inherit; }
fieldset { border:1px solid var(--line); border-radius:8px; }
button { padding:6px 12px; border-radius:6px; border:1px solid #bba66a; background:#fff; cursor:pointer; font:inherit; }
button.primary { background:var(--accent); color:#fff; border-color:var(--accent); } button.warn { border-color:#b44; color:#b44; }
.filters label { margin-right:12px; } .actions { margin-top:8px; display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.pill { display:inline-block; padding:1px 8px; border-radius:10px; font-size:12px; background:#eee; }
.sOpen { background:#e3f2ff; } .sClaimed { background:#fff1c9; } .sSubmitted { background:#ffe7cf; } .sDisputed { background:#ffd6d6; } .sReleased { background:#d9f5dd; } .sRefunded { background:#e8e8e8; }
.hash { font-size:12px; color:var(--muted); }
table { width:100%; border-collapse:collapse; background:var(--card); } th, td { text-align:left; padding:6px 8px; border-bottom:1px solid var(--line); font-size:14px; }
.status { position:sticky; bottom:0; margin-top:16px; padding:8px 12px; border-radius:8px; } .status:empty { display:none; }
.status.ok { background:#e5f6e8; } .status.err { background:#fde2e2; } .status:not(.ok):not(.err) { background:#f3eedf; }
.credits:empty { display:none; } .credits { background:#e5f6e8; padding:8px 12px; border-radius:8px; }