@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
body { font-family: 'Inter', sans-serif; background-color: #f1f5f9; }
#modal-overlay { transition: opacity 0.3s ease; }
.list-item { transition: all 0.2s ease; border-left-width: 4px; }
.list-item.selected { background-color: #eff6ff; border-left-color: #2563eb; }
.field-empty { border-color: #f59e0b !important; background-color: #fffbeb !important; }
@keyframes slideDown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.error-toast { animation: slideDown 0.3s ease-out forwards; }