body { font-family: system-ui, sans-serif; max-width: 900px; margin: 2rem auto; padding: 0 1rem; }
header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }
form { display: flex; flex-direction: column; gap: 0.75rem; max-width: 320px; }
form.inline-form { flex-direction: row; flex-wrap: wrap; max-width: none; align-items: center; margin-bottom: 2rem; }
section { margin-bottom: 2.5rem; }
.shared-tag { color: #888; font-size: 0.85em; }
label { display: flex; flex-direction: column; gap: 0.25rem; }
.error { color: #b00020; }
.success { color: #146c2e; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 0.5rem; border-bottom: 1px solid #ddd; }
.account-row { padding: 0.5rem 0 0.5rem 1rem; display: flex; justify-content: space-between; }
.account-type { color: #666; font-size: 0.85em; }
.dashboard-actions { display: flex; gap: 0.75rem; margin-bottom: 1.5rem; }
.item-group { border: 1px solid #ddd; border-radius: 6px; margin-bottom: 1rem; padding: 0.75rem 1rem; }
.item-group-header { display: flex; align-items: center; gap: 1rem; }
.sync-status { color: #666; font-size: 0.85em; margin-left: auto; }