:root { color-scheme: dark; font-family: system-ui, sans-serif; background:#10131a; color:#e8edf5; }
body { margin:0; } main { max-width:1050px; margin:0 auto; padding:32px 18px; } header { display:flex; align-items:center; justify-content:space-between; gap:16px; } h1 { margin:0; } p { color:#a9b4c4; } .card { background:#191f2a; border:1px solid #2c3544; border-radius:12px; padding:18px; margin:16px 0; } form, .toolbar, nav { display:flex; gap:10px; flex-wrap:wrap; } input { min-width:180px; flex:1; } input, button { box-sizing:border-box; border-radius:7px; border:1px solid #3a475d; background:#101722; color:inherit; padding:10px 12px; } button { background:#2372df; cursor:pointer; } button:hover { background:#3985ee; } nav button { background:#26354b; } table { width:100%; border-collapse:collapse; } th, td { padding:10px 4px; border-bottom:1px solid #2c3544; text-align:left; } td:last-child { text-align:right; } a { color:#83b6ff; } #progress, pre { white-space:pre-wrap; color:#b8d9ff; } @media(max-width:600px) { th:nth-child(3), td:nth-child(3) { display:none; } }

form label { display:flex; flex:1; min-width:170px; flex-direction:column; gap:5px; color:#a9b4c4; font-size:.88rem; }
.delete-button { background:#733041; }
.delete-button:hover { background:#944056; }
.delete-button:disabled { opacity:.55; cursor:wait; }