:root { color-scheme: light; font-family: system-ui, sans-serif; color: #16211d; background: #f4f6f4; }
body { margin: 0; } .shell { max-width: 960px; margin: 0 auto; padding: 2rem 1rem; }
header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }
form, #catalog-panel { display: grid; gap: 1rem; } label { display: grid; gap: .35rem; max-width: 28rem; }
input, select, button { font: inherit; padding: .6rem; } button { cursor: pointer; width: fit-content; }
table { border-collapse: collapse; width: 100%; background: white; } th, td { border: 1px solid #d8dfda; padding: .55rem; text-align: left; }
#status { min-height: 1.5rem; color: #9c1b1b; }