body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; background:#f7f7fa; color:#222; }
.nav { display:flex; gap:1rem; padding:12px 16px; background:#fff; border-bottom:1px solid #e5e7eb; }
.nav .spacer { flex:1 }
.container { max-width:900px; margin:24px auto; padding:0 16px; }
label { display:block; margin:.5rem 0; }
input, button { padding:.5rem .6rem; }
button { background:#2563eb; color:#fff; border:0; border-radius:6px; cursor:pointer; }
button:hover { opacity:.95; }
.alert { background:#fee2e2; color:#991b1b; padding:.6rem; border-radius:6px; margin:.6rem 0; }
.ok { background:#dcfce7; color:#166534; padding:.6rem; border-radius:6px; margin:.6rem 0; }
.card { background:#fff; padding:1rem; border-radius:10px; box-shadow:0 1px 2px rgba(0,0,0,.06); margin-bottom:1rem; }
.list li { display:flex; align-items:center; justify-content:space-between; padding:.5rem 0; border-bottom:1px solid #eee; }
.inline { display:inline }
progress { width:100%; height:14px; }