:root{--bg:#f7f7f5;--card:#fff;--text:#1a1a1a;--muted:#6b6b6b;--line:#e4e4e0;--brand:#0f766e;--brand-ink:#fff;--warn-bg:#fff7e6;--warn:#8a5a00;--err-bg:#fdecec;--err:#a11d1d;--ok-bg:#e8f6ef;--ok:#17693f}@media (prefers-color-scheme:dark){:root{--bg:#121212;--card:#1b1b1b;--text:#ececec;--muted:#9a9a9a;--line:#2c2c2c;--brand:#2dd4bf;--brand-ink:#062a26;--warn-bg:#2b2210;--warn:#f3c46b;--err-bg:#2d1515;--err:#f19999;--ok-bg:#11271c;--ok:#7fd6a6}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--brand)}main{max-width:760px;margin:0 auto;padding:24px 16px 64px}nav{border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}nav .logo{color:var(--text);margin-right:auto;font-weight:700;text-decoration:none}nav a{text-decoration:none}h1{margin:8px 0 16px;font-size:24px}h2{margin:24px 0 8px;font-size:17px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:16px}.muted{color:var(--muted)}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:200px}label{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}input,select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:9px 10px}button,.btn{background:var(--brand);color:var(--brand-ink);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}button.secondary{color:var(--brand);border:1px solid var(--brand);background:0 0}button.danger{background:var(--err);color:#fff}button:disabled{opacity:.5;cursor:default}.alert{border-radius:8px;margin:8px 0;padding:10px 12px;font-size:14px}.alert.warning,.alert.info{background:var(--warn-bg);color:var(--warn)}.alert.blocker,.alert.error{background:var(--err-bg);color:var(--err)}.alert.ok{background:var(--ok-bg);color:var(--ok)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}.table-wrap{overflow-x:auto}.badge{background:var(--line);border-radius:99px;padding:2px 8px;font-size:12px}img.shot{border:1px solid var(--line);border-radius:8px;max-width:100%}
