diff --git a/src/Modules/Academic/FeeStructure.jsx b/src/Modules/Academic/FeeStructure.jsx
index f440fe1f0..117a16f22 100644
--- a/src/Modules/Academic/FeeStructure.jsx
+++ b/src/Modules/Academic/FeeStructure.jsx
@@ -18,9 +18,17 @@ import {
   TextInput,
 } from "@mantine/core";
 import { notifications } from "@mantine/notifications";
-import { Copy, Info, PencilSimple, Plus, Trash } from "@phosphor-icons/react";
+import {
+  Bank,
+  Copy,
+  Info,
+  PencilSimple,
+  Plus,
+  Trash,
+} from "@phosphor-icons/react";
 
 import {
+  demandLetterBankAccountsRoute,
   feeStructureDetailRoute,
   feeStructureReplicateRoute,
   feeStructureTemplateRoute,
@@ -99,6 +107,8 @@ export default function FeeStructure() {
   const [replicating, setReplicating] = useState(null);
   const [category, setCategory] = useState("UG");
   const [preview, setPreview] = useState(null);
+  const [bankDraft, setBankDraft] = useState(null);
+  const [bankSaving, setBankSaving] = useState(false);
 
   const load = useCallback(async () => {
     setLoading(true);
@@ -193,6 +203,42 @@ export default function FeeStructure() {
     }
   };
 
+  const openBankDetails = async () => {
+    try {
+      const { data } = await axios.get(
+        demandLetterBankAccountsRoute,
+        authConfig(),
+      );
+      setBankDraft(data);
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        title: "Could not load bank account details",
+        message: message(error, "Please try again."),
+      });
+    }
+  };
+
+  const saveBankDetails = async () => {
+    setBankSaving(true);
+    try {
+      await axios.put(demandLetterBankAccountsRoute, bankDraft, authConfig());
+      notifications.show({
+        color: "green",
+        message: "Bank account details saved.",
+      });
+      setBankDraft(null);
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        title: "Not saved",
+        message: message(error, "Please try again."),
+      });
+    } finally {
+      setBankSaving(false);
+    }
+  };
+
   const visible = useMemo(
     () => rows.filter((row) => row.programme_category === category),
     [rows, category],
@@ -212,12 +258,21 @@ export default function FeeStructure() {
             </Button>
           ))}
         </Group>
-        <Button
-          leftSection={<Plus size={16} />}
-          onClick={() => startNew(category)}
-        >
-          Add Fee Structure
-        </Button>
+        <Group gap="xs">
+          <Button
+            variant="default"
+            leftSection={<Bank size={16} />}
+            onClick={openBankDetails}
+          >
+            Bank Account Details
+          </Button>
+          <Button
+            leftSection={<Plus size={16} />}
+            onClick={() => startNew(category)}
+          >
+            Add Fee Structure
+          </Button>
+        </Group>
       </Group>
 
       <Paper withBorder radius="md" p={0}>
@@ -338,6 +393,59 @@ export default function FeeStructure() {
           onClose={() => setDraft(null)}
         />
       )}
+
+      {bankDraft && (
+        <Modal
+          opened
+          onClose={() => setBankDraft(null)}
+          title="Bank Account Details for the Demand Letter"
+          size="lg"
+          centered
+        >
+          <Stack gap="md">
+            <Text size="xs" c="dimmed">
+              One shared record -- printed on every Demand Letter, for every
+              programme and every academic year.
+            </Text>
+            <Group grow align="flex-start">
+              <BankAccountFields
+                heading="Academic Fee"
+                account={bankDraft.academic_fee_account ?? {}}
+                onChange={(field, value) =>
+                  setBankDraft((current) => ({
+                    ...current,
+                    academic_fee_account: {
+                      ...current.academic_fee_account,
+                      [field]: value,
+                    },
+                  }))
+                }
+              />
+              <BankAccountFields
+                heading="Mess Fee"
+                account={bankDraft.mess_fee_account ?? {}}
+                onChange={(field, value) =>
+                  setBankDraft((current) => ({
+                    ...current,
+                    mess_fee_account: {
+                      ...current.mess_fee_account,
+                      [field]: value,
+                    },
+                  }))
+                }
+              />
+            </Group>
+            <Group justify="flex-end">
+              <Button variant="default" onClick={() => setBankDraft(null)}>
+                Cancel
+              </Button>
+              <Button onClick={saveBankDetails} loading={bankSaving}>
+                Save
+              </Button>
+            </Group>
+          </Stack>
+        </Modal>
+      )}
     </Stack>
   );
 }
@@ -791,6 +899,55 @@ function AmountField({ value, semesters, allowPerSemester, onChange }) {
   );
 }
 
+function BankAccountFields({ heading, account, onChange }) {
+  return (
+    <Stack gap="xs">
+      <Text fw={600} size="sm">
+        {heading}
+      </Text>
+      <TextInput
+        label="Account Name"
+        value={account.name ?? ""}
+        onChange={(event) => onChange("name", event.currentTarget.value)}
+      />
+      <TextInput
+        label="Account Number"
+        value={account.number ?? ""}
+        onChange={(event) => onChange("number", event.currentTarget.value)}
+      />
+      <TextInput
+        label="IFSC"
+        value={account.ifsc ?? ""}
+        onChange={(event) => onChange("ifsc", event.currentTarget.value)}
+      />
+      <TextInput
+        label="Bank & Branch"
+        value={account.bank_branch ?? ""}
+        onChange={(event) => onChange("bank_branch", event.currentTarget.value)}
+      />
+      <TextInput
+        label="Account Type"
+        value={account.account_type ?? ""}
+        onChange={(event) =>
+          onChange("account_type", event.currentTarget.value)
+        }
+      />
+    </Stack>
+  );
+}
+
+BankAccountFields.propTypes = {
+  heading: PropTypes.string.isRequired,
+  account: PropTypes.shape({
+    name: PropTypes.string,
+    number: PropTypes.string,
+    ifsc: PropTypes.string,
+    bank_branch: PropTypes.string,
+    account_type: PropTypes.string,
+  }).isRequired,
+  onChange: PropTypes.func.isRequired,
+};
+
 function NotesEditor({ notes, onChange }) {
   return (
     <Paper withBorder radius="sm" p="sm">
diff --git a/src/Modules/Certificates/BonafideCertificate.module.css b/src/Modules/Certificates/BonafideCertificate.module.css
index 4e7c271b0..54b024e77 100644
--- a/src/Modules/Certificates/BonafideCertificate.module.css
+++ b/src/Modules/Certificates/BonafideCertificate.module.css
@@ -135,3 +135,80 @@
   font-size: 12.5pt;
   line-height: 16pt;
 }
+
+.certificateSmall {
+  font-size: 12pt;
+}
+
+.certificateSmall .heading {
+  font-size: 13.5pt;
+}
+
+.demandFeeTable {
+  width: auto;
+}
+
+.demandFeeTable td {
+  white-space: nowrap;
+}
+
+.bankTables {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 24px;
+  margin: 0.3rem 0 0;
+}
+
+.bankTableHeading {
+  margin: 0 0 4pt;
+  text-align: center;
+  font-weight: 700;
+}
+
+.bankTable {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.bankTable td {
+  border: 1px solid #000;
+  padding: 2.5pt 6pt;
+  font-size: 11pt;
+  line-height: 14pt;
+}
+
+.bankTable td:first-child {
+  font-weight: 700;
+  width: 30%;
+}
+
+.structureDetails {
+  display: grid;
+  grid-template-columns: auto auto auto 1fr;
+  column-gap: 10pt;
+  row-gap: 4pt;
+  margin: 0 0 8pt;
+}
+
+.structureDetailsSpan {
+  grid-column: 2 / span 3;
+}
+
+.structureTable {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.structureTable td,
+.structureTable th {
+  border: 1px solid #000;
+  padding: 2.5pt 6pt;
+  font-size: 12pt;
+  line-height: 15pt;
+  text-align: left;
+}
+
+.structureTable th {
+  white-space: nowrap;
+  font-weight: 700;
+}
diff --git a/src/Modules/Certificates/DemandLetter.jsx b/src/Modules/Certificates/DemandLetter.jsx
new file mode 100644
index 000000000..2e5e18c8b
--- /dev/null
+++ b/src/Modules/Certificates/DemandLetter.jsx
@@ -0,0 +1,500 @@
+import { useState } from "react";
+import axios from "axios";
+import { saveAs } from "file-saver";
+import {
+  Alert,
+  Badge,
+  Button,
+  Divider,
+  Grid,
+  Group,
+  Loader,
+  Paper,
+  Select,
+  Stack,
+  Text,
+  TextInput,
+  Title,
+} from "@mantine/core";
+import { DatePickerInput } from "@mantine/dates";
+import { notifications } from "@mantine/notifications";
+import {
+  ClockCounterClockwise,
+  DownloadSimple,
+  Eye,
+  Info,
+  MagnifyingGlass,
+  Warning,
+} from "@phosphor-icons/react";
+
+import {
+  demandLetterPdfRoute,
+  demandLetterStudentRoute,
+} from "../../routes/academicRoutes";
+import classes from "./BonafideCertificate.module.css";
+import GeneratedCertificatesModal from "./GeneratedCertificatesModal";
+
+const authConfig = () => ({
+  headers: {
+    Authorization: `Token ${localStorage.getItem("authToken")}`,
+  },
+});
+
+const responseMessage = async (error) => {
+  const payload = error?.response?.data;
+  if (payload instanceof Blob) {
+    try {
+      const parsed = JSON.parse(await payload.text());
+      return [parsed.error, ...(parsed.details ?? [])]
+        .filter(Boolean)
+        .join(" ");
+    } catch {
+      return "Certificate generation failed.";
+    }
+  }
+  return (
+    [payload?.error, ...(payload?.details ?? [])].filter(Boolean).join(" ") ||
+    payload?.message ||
+    payload?.detail ||
+    "Unable to complete the request."
+  );
+};
+
+const filenameFrom = (header, fallback) => {
+  const match = header?.match(/filename="?([^";]+)"?/i);
+  return match?.[1] || fallback;
+};
+
+function ordinalWithSuperscript(value) {
+  const match = /^(\d+)(st|nd|rd|th)$/.exec((value ?? "").trim());
+  if (!match) return value;
+  return (
+    <>
+      {match[1]}
+      <sup>{match[2]}</sup>
+    </>
+  );
+}
+
+const MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December",
+];
+
+const ordinal = (value) => {
+  const mod100 = value % 100;
+  if (mod100 >= 10 && mod100 <= 20) return `${value}th`;
+  const suffix = { 1: "st", 2: "nd", 3: "rd" }[value % 10] || "th";
+  return `${value}${suffix}`;
+};
+
+const toISODate = (date) => {
+  if (!date) return "";
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+
+const formatDueDate = (date) => {
+  if (!date) return "";
+  return `${MONTHS[date.getMonth()]} ${String(date.getDate()).padStart(2, "0")}, ${date.getFullYear()}`;
+};
+
+export default function DemandLetter() {
+  const [rollNumber, setRollNumber] = useState("");
+  const [selectedStudent, setSelectedStudent] = useState(null);
+  const [semesters, setSemesters] = useState([]);
+  const [selectedSemester, setSelectedSemester] = useState(null);
+  const [academicYearLabel, setAcademicYearLabel] = useState("");
+  const [demand, setDemand] = useState(null);
+  const [bank, setBank] = useState(null);
+  const [dueDate, setDueDate] = useState(null);
+  const [certificateMeta, setCertificateMeta] = useState(null);
+  const [preview, setPreview] = useState(null);
+  const [fetchingStudent, setFetchingStudent] = useState(false);
+  const [downloading, setDownloading] = useState(false);
+  const [historyOpened, setHistoryOpened] = useState(false);
+
+  const clearStudent = () => {
+    setSelectedStudent(null);
+    setSemesters([]);
+    setSelectedSemester(null);
+    setAcademicYearLabel("");
+    setDemand(null);
+    setBank(null);
+    setDueDate(null);
+    setCertificateMeta(null);
+    setPreview(null);
+  };
+
+  const fetchStudent = async (roll, semester) => {
+    if (!roll || fetchingStudent) return;
+    setFetchingStudent(true);
+    try {
+      const { data } = await axios.get(demandLetterStudentRoute, {
+        ...authConfig(),
+        params: { roll_number: roll, semester: semester || undefined },
+      });
+      setSelectedStudent(data.student || null);
+      setSemesters(
+        (data.semesters || []).map((item) => ({
+          value: String(item.value),
+          label: item.label,
+        })),
+      );
+      setSelectedSemester(data.selected_semester ?? null);
+      setAcademicYearLabel(data.academic_year_label || "");
+      setDemand(data.demand || null);
+      setBank(data.bank || null);
+      setCertificateMeta(data.certificate || null);
+      setPreview(null);
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        title: "Student unavailable",
+        message: await responseMessage(error),
+      });
+    } finally {
+      setFetchingStudent(false);
+    }
+  };
+
+  const searchStudent = () => {
+    const normalizedRollNumber = rollNumber.trim().toUpperCase();
+    if (!normalizedRollNumber) return;
+    clearStudent();
+    setRollNumber(normalizedRollNumber);
+    fetchStudent(normalizedRollNumber);
+  };
+
+  const changeSemester = (value) => {
+    const semester = Number(value);
+    setSelectedSemester(semester);
+    setPreview(null);
+    fetchStudent(rollNumber, semester);
+  };
+
+  const showPreview = () => {
+    if (!selectedStudent || !demand || !dueDate || !certificateMeta) return;
+    setPreview({
+      student: selectedStudent,
+      demand,
+      bank,
+      selectedSemester,
+      academicYearLabel,
+      dueDateDisplay: formatDueDate(dueDate),
+      meta: certificateMeta,
+    });
+  };
+
+  const download = async () => {
+    if (!selectedStudent || !demand || !dueDate || downloading) return;
+    setDownloading(true);
+    try {
+      const response = await axios.post(
+        demandLetterPdfRoute,
+        {
+          student_id: selectedStudent.student_id,
+          semester: selectedSemester,
+          due_date: toISODate(dueDate),
+        },
+        { ...authConfig(), responseType: "blob" },
+      );
+      const filename = filenameFrom(
+        response.headers["content-disposition"],
+        `${selectedStudent.roll_number}_Demand_Letter.pdf`,
+      );
+      saveAs(response.data, filename);
+      notifications.show({
+        color: "green",
+        title: "Certificate downloaded",
+        message: response.headers["x-certificate-reference"] || filename,
+      });
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        title: "Download failed",
+        message: await responseMessage(error),
+      });
+    } finally {
+      setDownloading(false);
+    }
+  };
+
+  const ready = Boolean(
+    selectedStudent?.is_ready && demand && dueDate && selectedSemester,
+  );
+
+  return (
+    <>
+      <Grid gutter="lg" className={classes.layout}>
+        <Grid.Col span={{ base: 12, xl: 4 }}>
+          <Paper withBorder p="lg" radius="md" className={classes.controls}>
+            <Stack gap="md">
+              <div>
+                <Title order={3}>Generate demand letter</Title>
+                <Text c="dimmed" size="sm" mt={4}>
+                  Enter a roll number to fetch the student details.
+                </Text>
+              </div>
+              <Divider />
+              <TextInput
+                label="Roll number"
+                placeholder="Enter roll number"
+                value={rollNumber}
+                onChange={(event) => {
+                  setRollNumber(event.currentTarget.value.toUpperCase());
+                  clearStudent();
+                }}
+                onKeyDown={(event) => {
+                  if (event.key === "Enter") {
+                    event.preventDefault();
+                    searchStudent();
+                  }
+                }}
+                rightSection={
+                  fetchingStudent ? <Loader size={16} /> : undefined
+                }
+              />
+              <Button
+                variant="light"
+                leftSection={<MagnifyingGlass size={18} />}
+                onClick={searchStudent}
+                disabled={!rollNumber.trim()}
+                loading={fetchingStudent}
+                fullWidth
+              >
+                Fetch student details
+              </Button>
+              {selectedStudent && (
+                <Paper withBorder p="md" radius="sm">
+                  <Group justify="space-between" mb="xs">
+                    <Text fw={600}>{selectedStudent.name}</Text>
+                    <Badge color={selectedStudent.is_ready ? "green" : "red"}>
+                      {selectedStudent.is_ready ? "Ready" : "Incomplete"}
+                    </Badge>
+                  </Group>
+                  <Text size="sm">Roll No.: {selectedStudent.roll_number}</Text>
+                  <Text size="sm">
+                    {selectedStudent.programme} in {selectedStudent.discipline}
+                  </Text>
+                  <Text size="sm">
+                    {selectedStudent.year_ordinal} Year,{" "}
+                    {selectedStudent.semester_ordinal} Semester
+                  </Text>
+                </Paper>
+              )}
+
+              {selectedStudent && !selectedStudent.is_ready && (
+                <Alert
+                  color="red"
+                  icon={<Warning size={18} />}
+                  title="Cannot issue this certificate"
+                >
+                  {selectedStudent.validation_errors.join(" ")}
+                </Alert>
+              )}
+
+              {semesters.length > 0 && (
+                <Select
+                  label="Fee demand for semester"
+                  description={
+                    academicYearLabel
+                      ? `Academic Year: ${academicYearLabel}`
+                      : undefined
+                  }
+                  data={semesters}
+                  value={selectedSemester ? String(selectedSemester) : null}
+                  onChange={changeSemester}
+                  searchable
+                />
+              )}
+
+              {selectedStudent?.is_ready && (
+                <DatePickerInput
+                  label="Fee submission due date"
+                  placeholder="Select date"
+                  value={dueDate}
+                  onChange={(value) => {
+                    setDueDate(value);
+                    setPreview(null);
+                  }}
+                  valueFormat="DD MMM YYYY"
+                />
+              )}
+
+              <Group grow>
+                <Button
+                  variant="default"
+                  leftSection={<Eye size={18} />}
+                  onClick={showPreview}
+                  disabled={!ready}
+                >
+                  Preview
+                </Button>
+                <Button
+                  leftSection={<DownloadSimple size={18} />}
+                  onClick={download}
+                  disabled={!ready}
+                  loading={downloading}
+                >
+                  Download
+                </Button>
+              </Group>
+              <Button
+                variant="light"
+                leftSection={<ClockCounterClockwise size={18} />}
+                onClick={() => setHistoryOpened(true)}
+                fullWidth
+              >
+                Already Generated
+              </Button>
+            </Stack>
+          </Paper>
+        </Grid.Col>
+
+        <Grid.Col span={{ base: 12, xl: 8 }}>
+          {preview ? (
+            <div className={classes.previewViewport}>
+              <article
+                className={`${classes.certificate} ${classes.certificateSmall}`}
+              >
+                <header className={classes.certificateHeader}>
+                  <div>
+                    <div>{preview.meta.signatory_name}</div>
+                    <div>{preview.meta.signatory_title}</div>
+                  </div>
+                  <div className={classes.reference}>
+                    <div>{preview.meta.reference_preview}</div>
+                    <div>Date: {preview.meta.issued_on}</div>
+                  </div>
+                </header>
+                <h2 className={classes.heading}>
+                  TO WHOM SO EVER IT MAY CONCERN
+                </h2>
+                <p className={classes.body}>
+                  This is certify that{" "}
+                  <strong>
+                    {preview.student.salutation} {preview.student.name}
+                  </strong>{" "}
+                  (Roll No. {preview.student.roll_number}){" "}
+                  {preview.student.relation}{" "}
+                  <strong>MR. {preview.student.father_name}</strong> is a
+                  bonafide student of{" "}
+                  <strong>{preview.student.year_ordinal} year</strong> (
+                  {preview.student.semester_ordinal} Semester) of{" "}
+                  <strong>{preview.student.programme}</strong> Programme in{" "}
+                  <strong>{preview.student.discipline_with_acronym}</strong> at{" "}
+                  {preview.meta.institute_name}. The Date of fees submission as
+                  detailed below for Semester{" "}
+                  <strong>
+                    {ordinalWithSuperscript(ordinal(preview.selectedSemester))}
+                  </strong>
+                  , <strong>{preview.academicYearLabel}</strong> is on or before{" "}
+                  <strong>{preview.dueDateDisplay}</strong>.
+                </p>
+                <table
+                  className={`${classes.feeTable} ${classes.demandFeeTable}`}
+                >
+                  <tbody>
+                    <tr>
+                      <td>{preview.demand.programme_short}</td>
+                      <td>Category</td>
+                      <td>Fee</td>
+                      <td>Amount</td>
+                    </tr>
+                    <tr>
+                      <td rowSpan={2}>{preview.demand.batch_year}</td>
+                      <td rowSpan={2}>{preview.demand.category_label}</td>
+                      <td>Academic Fee</td>
+                      <td>{preview.demand.academic_fee_display}/-</td>
+                    </tr>
+                    <tr>
+                      <td>Mess Fee</td>
+                      <td>{preview.demand.mess_fee_display}/-</td>
+                    </tr>
+                    <tr>
+                      <td colSpan={3} style={{ textAlign: "right" }}>
+                        Total Rs. =
+                      </td>
+                      <td>{preview.demand.total_display}/-</td>
+                    </tr>
+                  </tbody>
+                </table>
+                <p className={classes.body}>
+                  The above mentioned fee is to be paid through online mode
+                  only, Institute bank details are as follows:
+                </p>
+                <p className={classes.bankTableHeading}>
+                  <u>Bank A/c Details for Transferring Fee</u>
+                </p>
+                <div className={classes.bankTables}>
+                  {["academic", "mess"].map((key) => (
+                    <div key={key}>
+                      <p className={classes.bankTableHeading}>
+                        {key === "academic" ? "Academic Fee" : "Mess Fee"}
+                      </p>
+                      <table className={classes.bankTable}>
+                        <tbody>
+                          <tr>
+                            <td>Account Name</td>
+                            <td>{preview.bank[key].name}</td>
+                          </tr>
+                          <tr>
+                            <td>Account Number</td>
+                            <td>{preview.bank[key].number}</td>
+                          </tr>
+                          <tr>
+                            <td>IFSC</td>
+                            <td>{preview.bank[key].ifsc}</td>
+                          </tr>
+                          <tr>
+                            <td>Bank &amp; Branch</td>
+                            <td>{preview.bank[key].bank_branch}</td>
+                          </tr>
+                          <tr>
+                            <td>Account Type</td>
+                            <td>{preview.bank[key].account_type}</td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
+                  ))}
+                </div>
+                <div className={classes.signature}>
+                  ({preview.meta.signatory_name})
+                </div>
+              </article>
+            </div>
+          ) : (
+            <Alert
+              color="blue"
+              icon={<Info size={18} />}
+              title="Certificate preview"
+            >
+              Enter a roll number, fetch the student, pick the semester being
+              demanded and a due date, and choose Preview. The certificate can
+              then be printed or downloaded as PDF.
+            </Alert>
+          )}
+        </Grid.Col>
+      </Grid>
+      <GeneratedCertificatesModal
+        opened={historyOpened}
+        onClose={() => setHistoryOpened(false)}
+        variant="demand"
+      />
+    </>
+  );
+}
diff --git a/src/Modules/Certificates/FeeStructureCertificate.jsx b/src/Modules/Certificates/FeeStructureCertificate.jsx
new file mode 100644
index 000000000..541876e8e
--- /dev/null
+++ b/src/Modules/Certificates/FeeStructureCertificate.jsx
@@ -0,0 +1,395 @@
+import { useState } from "react";
+import axios from "axios";
+import { saveAs } from "file-saver";
+import {
+  Alert,
+  Badge,
+  Button,
+  Divider,
+  Grid,
+  Group,
+  Loader,
+  Paper,
+  Stack,
+  Text,
+  TextInput,
+  Title,
+} from "@mantine/core";
+import { notifications } from "@mantine/notifications";
+import {
+  ClockCounterClockwise,
+  DownloadSimple,
+  Eye,
+  Info,
+  MagnifyingGlass,
+  Warning,
+} from "@phosphor-icons/react";
+
+import {
+  feeStructureCertificatePdfRoute,
+  feeStructureCertificateStudentRoute,
+} from "../../routes/academicRoutes";
+import classes from "./BonafideCertificate.module.css";
+import GeneratedCertificatesModal from "./GeneratedCertificatesModal";
+
+const authConfig = () => ({
+  headers: {
+    Authorization: `Token ${localStorage.getItem("authToken")}`,
+  },
+});
+
+const responseMessage = async (error) => {
+  const payload = error?.response?.data;
+  if (payload instanceof Blob) {
+    try {
+      const parsed = JSON.parse(await payload.text());
+      return [parsed.error, ...(parsed.details ?? [])]
+        .filter(Boolean)
+        .join(" ");
+    } catch {
+      return "Certificate generation failed.";
+    }
+  }
+  return (
+    [payload?.error, ...(payload?.details ?? [])].filter(Boolean).join(" ") ||
+    payload?.message ||
+    payload?.detail ||
+    "Unable to complete the request."
+  );
+};
+
+const filenameFrom = (header, fallback) => {
+  const match = header?.match(/filename="?([^";]+)"?/i);
+  return match?.[1] || fallback;
+};
+
+const indianCurrency = (value) => {
+  const [whole, fraction] = Number(value).toFixed(2).split(".");
+  const head = whole.slice(0, -3);
+  const tail = whole.slice(-3);
+  const grouped = head
+    ? `${head.replace(/\B(?=(\d{2})+(?!\d))/g, ",")},${tail}`
+    : tail;
+  return `${grouped}.${fraction}`;
+};
+
+const columnTotal = (rows, key) =>
+  rows.reduce((sum, row) => sum + Number(row[key] || 0), 0);
+
+export default function FeeStructureCertificate() {
+  const [rollNumber, setRollNumber] = useState("");
+  const [selectedStudent, setSelectedStudent] = useState(null);
+  const [structure, setStructure] = useState(null);
+  const [certificateMeta, setCertificateMeta] = useState(null);
+  const [preview, setPreview] = useState(null);
+  const [fetchingStudent, setFetchingStudent] = useState(false);
+  const [downloading, setDownloading] = useState(false);
+  const [historyOpened, setHistoryOpened] = useState(false);
+
+  const clearStudent = () => {
+    setSelectedStudent(null);
+    setStructure(null);
+    setCertificateMeta(null);
+    setPreview(null);
+  };
+
+  const fetchStudent = async () => {
+    const normalizedRollNumber = rollNumber.trim().toUpperCase();
+    if (!normalizedRollNumber || fetchingStudent) return;
+
+    clearStudent();
+    setRollNumber(normalizedRollNumber);
+    setFetchingStudent(true);
+    try {
+      const { data } = await axios.get(feeStructureCertificateStudentRoute, {
+        ...authConfig(),
+        params: { roll_number: normalizedRollNumber },
+      });
+      setSelectedStudent(data.student || null);
+      setStructure(data.structure || null);
+      setCertificateMeta(data.certificate || null);
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        title: "Student unavailable",
+        message: await responseMessage(error),
+      });
+    } finally {
+      setFetchingStudent(false);
+    }
+  };
+
+  const showPreview = () => {
+    if (!selectedStudent || !structure?.rows?.length || !certificateMeta)
+      return;
+    setPreview({
+      student: selectedStudent,
+      structure,
+      meta: certificateMeta,
+    });
+  };
+
+  const download = async () => {
+    if (!selectedStudent || downloading) return;
+    setDownloading(true);
+    try {
+      const response = await axios.post(
+        feeStructureCertificatePdfRoute,
+        { student_id: selectedStudent.student_id },
+        { ...authConfig(), responseType: "blob" },
+      );
+      const filename = filenameFrom(
+        response.headers["content-disposition"],
+        `${selectedStudent.roll_number}_Fee_Structure_Certificate.pdf`,
+      );
+      saveAs(response.data, filename);
+      notifications.show({
+        color: "green",
+        title: "Certificate downloaded",
+        message: response.headers["x-certificate-reference"] || filename,
+      });
+    } catch (error) {
+      notifications.show({
+        color: "red",
+        title: "Download failed",
+        message: await responseMessage(error),
+      });
+    } finally {
+      setDownloading(false);
+    }
+  };
+
+  const ready = Boolean(selectedStudent?.is_ready && structure?.rows?.length);
+
+  return (
+    <>
+      <Grid gutter="lg" className={classes.layout}>
+        <Grid.Col span={{ base: 12, xl: 4 }}>
+          <Paper withBorder p="lg" radius="md" className={classes.controls}>
+            <Stack gap="md">
+              <div>
+                <Title order={3}>Generate fee structure certificate</Title>
+                <Text c="dimmed" size="sm" mt={4}>
+                  Enter a roll number to fetch the student details.
+                </Text>
+              </div>
+              <Divider />
+              <TextInput
+                label="Roll number"
+                placeholder="Enter roll number"
+                value={rollNumber}
+                onChange={(event) => {
+                  setRollNumber(event.currentTarget.value.toUpperCase());
+                  clearStudent();
+                }}
+                onKeyDown={(event) => {
+                  if (event.key === "Enter") {
+                    event.preventDefault();
+                    fetchStudent();
+                  }
+                }}
+                rightSection={
+                  fetchingStudent ? <Loader size={16} /> : undefined
+                }
+              />
+              <Button
+                variant="light"
+                leftSection={<MagnifyingGlass size={18} />}
+                onClick={fetchStudent}
+                disabled={!rollNumber.trim()}
+                loading={fetchingStudent}
+                fullWidth
+              >
+                Fetch student details
+              </Button>
+              {selectedStudent && (
+                <Paper withBorder p="md" radius="sm">
+                  <Group justify="space-between" mb="xs">
+                    <Text fw={600}>{selectedStudent.name}</Text>
+                    <Badge color={selectedStudent.is_ready ? "green" : "red"}>
+                      {selectedStudent.is_ready ? "Ready" : "Incomplete"}
+                    </Badge>
+                  </Group>
+                  <Text size="sm">Roll No.: {selectedStudent.roll_number}</Text>
+                  <Text size="sm">
+                    {selectedStudent.programme} in {selectedStudent.discipline}
+                  </Text>
+                  <Text size="sm">
+                    {selectedStudent.year_ordinal} Year,{" "}
+                    {selectedStudent.semester_ordinal} Semester
+                  </Text>
+                  {structure?.academic_year_label && (
+                    <Text size="sm">
+                      Financial Year: {structure.academic_year_label}
+                    </Text>
+                  )}
+                </Paper>
+              )}
+
+              {selectedStudent && !selectedStudent.is_ready && (
+                <Alert
+                  color="red"
+                  icon={<Warning size={18} />}
+                  title="Cannot issue this certificate"
+                >
+                  {selectedStudent.validation_errors.join(" ")}
+                </Alert>
+              )}
+
+              <Group grow>
+                <Button
+                  variant="default"
+                  leftSection={<Eye size={18} />}
+                  onClick={showPreview}
+                  disabled={!ready}
+                >
+                  Preview
+                </Button>
+                <Button
+                  leftSection={<DownloadSimple size={18} />}
+                  onClick={download}
+                  disabled={!ready}
+                  loading={downloading}
+                >
+                  Download
+                </Button>
+              </Group>
+              <Button
+                variant="light"
+                leftSection={<ClockCounterClockwise size={18} />}
+                onClick={() => setHistoryOpened(true)}
+                fullWidth
+              >
+                Already Generated
+              </Button>
+            </Stack>
+          </Paper>
+        </Grid.Col>
+
+        <Grid.Col span={{ base: 12, xl: 8 }}>
+          {preview ? (
+            <div className={classes.previewViewport}>
+              <article
+                className={`${classes.certificate} ${classes.certificateSmall}`}
+              >
+                <header className={classes.certificateHeader}>
+                  <div>
+                    <div>{preview.meta.signatory_name}</div>
+                    <div>{preview.meta.signatory_title}</div>
+                  </div>
+                  <div className={classes.reference}>
+                    <div>{preview.meta.reference_preview}</div>
+                    <div>Date: {preview.meta.issued_on}</div>
+                  </div>
+                </header>
+                <div
+                  className={classes.structureDetails}
+                  style={{ marginTop: "20pt" }}
+                >
+                  <strong>Name:</strong>
+                  <span className={classes.structureDetailsSpan}>
+                    {preview.student.name}
+                  </span>
+                  <strong>Father&apos;s Name:</strong>
+                  <span className={classes.structureDetailsSpan}>
+                    Mr. {preview.student.father_name}
+                  </span>
+                  <strong>Roll No:</strong>
+                  <span>{preview.student.roll_number}</span>
+                  <strong>Branch:</strong>
+                  <span>{preview.student.discipline}</span>
+                  <strong>Semester:</strong>
+                  <span>{preview.student.semester_ordinal}</span>
+                  <strong>Programme:</strong>
+                  <span>{preview.student.programme_short}</span>
+                  <strong>Financial Year:</strong>
+                  <span className={classes.structureDetailsSpan}>
+                    {preview.structure.academic_year_label}
+                  </span>
+                </div>
+                <p
+                  className={classes.body}
+                  style={{ fontWeight: 700, textDecoration: "underline" }}
+                >
+                  Details Break-up:
+                </p>
+                <table className={classes.structureTable}>
+                  <colgroup>
+                    <col style={{ width: "9%" }} />
+                    <col style={{ width: "37%" }} />
+                    <col style={{ width: "16%" }} />
+                    <col style={{ width: "20%" }} />
+                    <col style={{ width: "18%" }} />
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th>S.No.</th>
+                      <th>Fee Head(s)</th>
+                      <th>Semester-I</th>
+                      <th>Semester-II</th>
+                      <th>Total</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {preview.structure.rows.map((row, index) => (
+                      <tr key={`${row.label}-${index}`}>
+                        <td>{index + 1}</td>
+                        <td>{row.label}</td>
+                        <td>{indianCurrency(row.sem1)}</td>
+                        <td>{indianCurrency(row.sem2)}</td>
+                        <td>{indianCurrency(row.total)}</td>
+                      </tr>
+                    ))}
+                    <tr>
+                      <td colSpan={2}>
+                        <strong>Total (Rs)</strong>
+                      </td>
+                      <td>
+                        <strong>
+                          {indianCurrency(
+                            columnTotal(preview.structure.rows, "sem1"),
+                          )}
+                        </strong>
+                      </td>
+                      <td>
+                        <strong>
+                          {indianCurrency(
+                            columnTotal(preview.structure.rows, "sem2"),
+                          )}
+                        </strong>
+                      </td>
+                      <td>
+                        <strong>
+                          {indianCurrency(
+                            columnTotal(preview.structure.rows, "total"),
+                          )}
+                        </strong>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+                <div className={classes.signature}>
+                  ({preview.meta.signatory_name})
+                </div>
+              </article>
+            </div>
+          ) : (
+            <Alert
+              color="blue"
+              icon={<Info size={18} />}
+              title="Certificate preview"
+            >
+              Enter a roll number, fetch the student, and choose Preview. The
+              certificate can then be printed or downloaded as PDF.
+            </Alert>
+          )}
+        </Grid.Col>
+      </Grid>
+      <GeneratedCertificatesModal
+        opened={historyOpened}
+        onClose={() => setHistoryOpened(false)}
+        variant="feeStructure"
+      />
+    </>
+  );
+}
diff --git a/src/Modules/Certificates/GeneratedCertificatesModal.jsx b/src/Modules/Certificates/GeneratedCertificatesModal.jsx
index 62559fcce..66a9c0556 100644
--- a/src/Modules/Certificates/GeneratedCertificatesModal.jsx
+++ b/src/Modules/Certificates/GeneratedCertificatesModal.jsx
@@ -22,8 +22,12 @@ import PropTypes from "prop-types";
 import {
   bonafideCertificatePdfRoute,
   bonafideCertificatesRoute,
+  demandLetterHistoryPdfRoute,
+  demandLettersRoute,
   feeCertificateHistoryPdfRoute,
   feeCertificatesRoute,
+  feeStructureCertificateHistoryPdfRoute,
+  feeStructureCertificatesRoute,
 } from "../../routes/academicRoutes";
 import classes from "./GeneratedCertificatesModal.module.css";
 
@@ -55,12 +59,25 @@ const filenameFrom = (header, fallback) => {
   return match?.[1] || fallback;
 };
 
-export default function GeneratedCertificatesModal({ opened, onClose, variant }) {
-  const isFee = variant === "fee";
-  const listRoute = isFee ? feeCertificatesRoute : bonafideCertificatesRoute;
-  const pdfRoute = isFee
-    ? feeCertificateHistoryPdfRoute
-    : bonafideCertificatePdfRoute;
+const ROUTES_BY_VARIANT = {
+  bonafide: {
+    list: bonafideCertificatesRoute,
+    pdf: bonafideCertificatePdfRoute,
+  },
+  fee: { list: feeCertificatesRoute, pdf: feeCertificateHistoryPdfRoute },
+  demand: { list: demandLettersRoute, pdf: demandLetterHistoryPdfRoute },
+  feeStructure: {
+    list: feeStructureCertificatesRoute,
+    pdf: feeStructureCertificateHistoryPdfRoute,
+  },
+};
+
+export default function GeneratedCertificatesModal({
+  opened,
+  onClose,
+  variant,
+}) {
+  const { list: listRoute, pdf: pdfRoute } = ROUTES_BY_VARIANT[variant];
   const [search, setSearch] = useState("");
   const [debouncedSearch] = useDebouncedValue(search.trim(), 300);
   const [page, setPage] = useState(1);
@@ -122,10 +139,10 @@ export default function GeneratedCertificatesModal({ opened, onClose, variant })
   const previewCertificate = async (certificate) => {
     setPreviewingId(certificate.id);
     try {
-      const response = await axios.get(
-        pdfRoute(certificate.id),
-        { ...authConfig(), responseType: "blob" },
-      );
+      const response = await axios.get(pdfRoute(certificate.id), {
+        ...authConfig(),
+        responseType: "blob",
+      });
       setPdfPreview({
         url: URL.createObjectURL(response.data),
         title: `${certificate.roll_number} — ${certificate.purpose}`,
@@ -144,14 +161,11 @@ export default function GeneratedCertificatesModal({ opened, onClose, variant })
   const downloadCertificate = async (certificate) => {
     setDownloadingId(certificate.id);
     try {
-      const response = await axios.get(
-        pdfRoute(certificate.id),
-        {
-          ...authConfig(),
-          params: { download: 1 },
-          responseType: "blob",
-        },
-      );
+      const response = await axios.get(pdfRoute(certificate.id), {
+        ...authConfig(),
+        params: { download: 1 },
+        responseType: "blob",
+      });
       saveAs(
         response.data,
         filenameFrom(
@@ -311,7 +325,7 @@ export default function GeneratedCertificatesModal({ opened, onClose, variant })
 GeneratedCertificatesModal.propTypes = {
   opened: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
-  variant: PropTypes.oneOf(["bonafide", "fee"]),
+  variant: PropTypes.oneOf(["bonafide", "fee", "demand", "feeStructure"]),
 };
 
 GeneratedCertificatesModal.defaultProps = {
diff --git a/src/Modules/Certificates/index.jsx b/src/Modules/Certificates/index.jsx
index 28530141f..6771bd8c5 100644
--- a/src/Modules/Certificates/index.jsx
+++ b/src/Modules/Certificates/index.jsx
@@ -8,6 +8,8 @@ import { CERTIFICATES_BASE, CERTIFICATE_PAGES } from "./pages";
 const COMPONENTS = {
   bonafideCertificate: lazy(() => import("./BonafideCertificate")),
   feeCertificate: lazy(() => import("./FeeCertificate")),
+  demandLetter: lazy(() => import("./DemandLetter")),
+  feeStructureCertificate: lazy(() => import("./FeeStructureCertificate")),
 };
 
 export default function Certificates() {
diff --git a/src/Modules/Certificates/pages.js b/src/Modules/Certificates/pages.js
index 2399127db..3e5e44c1d 100644
--- a/src/Modules/Certificates/pages.js
+++ b/src/Modules/Certificates/pages.js
@@ -19,4 +19,22 @@ export const CERTIFICATE_PAGES = [
     roles: ["acadadmin"],
     desktopOnly: true,
   },
+  {
+    key: "demandLetter",
+    slug: "demand-letter",
+    title: "Demand Letter",
+    icon: "ReceiptX",
+    group: "Certificates",
+    roles: ["acadadmin"],
+    desktopOnly: true,
+  },
+  {
+    key: "feeStructureCertificate",
+    slug: "fee-structure-certificate",
+    title: "Fee Structure Certificate",
+    icon: "Table",
+    group: "Certificates",
+    roles: ["acadadmin"],
+    desktopOnly: true,
+  },
 ];
diff --git a/src/routes/academicRoutes/index.jsx b/src/routes/academicRoutes/index.jsx
index 34915148d..e56a20d89 100644
--- a/src/routes/academicRoutes/index.jsx
+++ b/src/routes/academicRoutes/index.jsx
@@ -46,12 +46,25 @@ export const feeCertificatesRoute = `${host}/academic-procedures/api/acad/fee-ce
 export const feeCertificateHistoryPdfRoute = (certificateId) =>
   `${feeCertificatesRoute}${certificateId}/pdf/`;
 
+export const demandLetterStudentRoute = `${host}/academic-procedures/api/acad/demand-letter/student/`;
+export const demandLetterPdfRoute = `${host}/academic-procedures/api/acad/demand-letter/pdf/`;
+export const demandLettersRoute = `${host}/academic-procedures/api/acad/demand-letter/certificates/`;
+export const demandLetterHistoryPdfRoute = (certificateId) =>
+  `${demandLettersRoute}${certificateId}/pdf/`;
+
+export const feeStructureCertificateStudentRoute = `${host}/academic-procedures/api/acad/fee-structure-certificate/student/`;
+export const feeStructureCertificatePdfRoute = `${host}/academic-procedures/api/acad/fee-structure-certificate/pdf/`;
+export const feeStructureCertificatesRoute = `${host}/academic-procedures/api/acad/fee-structure-certificate/certificates/`;
+export const feeStructureCertificateHistoryPdfRoute = (certificateId) =>
+  `${feeStructureCertificatesRoute}${certificateId}/pdf/`;
+
 export const feeStructuresRoute = `${host}/academic-procedures/api/acad/fee-structures/`;
 export const feeStructureTemplateRoute = `${feeStructuresRoute}template/`;
 export const feeStructureDetailRoute = (structureId) =>
   `${feeStructuresRoute}${structureId}/`;
 export const feeStructureReplicateRoute = (structureId) =>
   `${feeStructuresRoute}${structureId}/replicate/`;
+export const demandLetterBankAccountsRoute = `${host}/academic-procedures/api/acad/demand-letter-bank-accounts/`;
 export const checkAllocationRoute = `${host}/aims/api/check-allocation`;
 export const startAllocationRoute = `${host}/aims/api/start-allocation`;
 export const addCourseToSlotsRoute = `${host}/aims/api/add-course-to-slots`;