:root { color-scheme: dark; --bg:#10131a; --card:#1b2130; --line:#30394d; --text:#edf2ff; --muted:#aeb9d0; --accent:#8a72ff; --ok:#36c98f; --warn:#f5b642; --bad:#f06b78; }
* { box-sizing:border-box } body { margin:0; background:var(--bg); color:var(--text); font:16px/1.5 system-ui,sans-serif; }
nav { display:flex; gap:1rem; align-items:center; padding:1rem max(5vw,1rem); border-bottom:1px solid var(--line); background:#151a25; } nav a { color:var(--text); text-decoration:none; } nav .spacer { margin-left:auto }
main { max-width:1180px; margin:2rem auto; padding:0 1rem; } h1,h2,h3 { line-height:1.2 } .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1rem; } .card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:1.25rem; margin:1rem 0; }
label { display:block; margin:.8rem 0 .25rem; font-weight:600 } input,textarea,select { width:100%; padding:.65rem; border:1px solid var(--line); border-radius:7px; background:#101521; color:var(--text); font:inherit; } textarea { min-height:100px; resize:vertical }
button,.button { display:inline-block; cursor:pointer; border:0; border-radius:7px; padding:.65rem .9rem; margin:.45rem .3rem .1rem 0; color:white; background:var(--accent); font:inherit; text-decoration:none; } button.secondary,.button.secondary { background:#39445a } button.danger { background:#b53f50 } button.warning { background:#9c6b13 }
.flash { background:#312b55; border:1px solid var(--accent); padding:.8rem 1rem; border-radius:8px; } .muted { color:var(--muted) } .status { font-size:.85rem; border:1px solid var(--line); border-radius:99px; padding:.2rem .55rem; white-space:nowrap } .uploaded { color:var(--ok) } .failed { color:var(--bad) } .skipped { color:var(--warn) }
table { width:100%; border-collapse:collapse; } th,td { padding:.65rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top } th { color:var(--muted) } .table-wrap { overflow-x:auto } form.inline { display:inline } code { background:#0c1018; padding:.15rem .3rem; border-radius:4px } .checkbox { width:auto; margin-right:.5rem }