:root { color-scheme: dark; font: 14px system-ui, sans-serif; background: #10131a; color: #f3f6fb; }
body { margin: 16px; }
h1 { color: #ff5476; font-size: 1.4rem; }
.actions { margin: 14px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
button, input { font: inherit; }
button { padding: 6px 9px; }
input[type=search] { width: 8em; }
table { width: 100%; border-collapse: collapse; font-size: .85rem; }
th, td { padding: 6px 3px; border-bottom: 1px solid #394455; text-align: left; }
main { max-width: 52rem; margin: 2rem auto; }
form { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.table { overflow-x: auto; }