:root { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
body { margin: 0; background: #f6f7f9; color: #111; }
header { position: sticky; top: 0; background: white; border-bottom: 1px solid #e5e7eb; padding: 12px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
h1 { font-size: 16px; margin: 0; }
main { padding: 14px; max-width: 820px; margin: 0 auto; }
.card { background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; margin-bottom: 12px; }
.row { display:flex; gap:10px; flex-wrap:wrap; }
.btn { border: 1px solid #d1d5db; background: white; padding: 10px 12px; border-radius: 10px; cursor:pointer; }
.btn.primary { background: #0ea5e9; border-color:#0ea5e9; color:white; }
.btn.danger { background: #ef4444; border-color:#ef4444; color:white; }
.muted { color:#6b7280; font-size: 13px; }
.badge { display:inline-flex; align-items:center; justify-content:center; min-width: 22px; height: 22px; padding: 0 8px; border-radius: 999px; background:#ef4444; color:white; font-size: 12px; font-weight: 700; }
.input { width: 100%; padding: 10px 12px; border-radius: 10px; border:1px solid #d1d5db; }
label { display:block; font-size: 12px; color:#374151; margin-bottom:6px; }
table { width:100%; border-collapse: collapse; }
td,th { border-bottom:1px solid #e5e7eb; padding: 8px; text-align:left; font-size: 13px; }
a { color:#0ea5e9; text-decoration:none; }
a:hover { text-decoration:underline; }