.collective-page { display: grid; gap: 16px; }
.collective-create { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; align-items: end; padding: 14px; border: 1px solid var(--theme-border, #d5e0e6); border-radius: 8px; }
.collective-create h2, .collective-invoice h2 { grid-column: 1 / -1; margin: 0; font-size: 16px; }
.collective-create label { display: grid; gap: 6px; font-size: 12px; font-weight: 700; }
.collective-create input, .collective-create select { width: 100%; border: 1px solid #cdd9de; border-radius: 5px; padding: 10px; background: #fff; color: #173041; }
html[data-theme="dark"] .collective-create input, html[data-theme="dark"] .collective-create select { background: #102036; color: #edf6ff; border-color: #2a4560; }
.collective-invoice { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.collective-error { color: #d92b2b; }
html[data-theme="dark"] .collective-error { color: #ffb4b0; }