diff --git a/static/js/ao_calc.js b/static/js/ao_calc.js
new file mode 100644
index 0000000..e702fd9
--- /dev/null
+++ b/static/js/ao_calc.js
@@ -0,0 +1,93 @@
+document.addEventListener("DOMContentLoaded", function () {
+
+    // All fields that must trigger calculation
+    const fields = [
+        "gross_total_income", "disallowance_14a", "disallowance_37",
+        "deduction_80ia_business", "deduction_sec37_disallowance", "deduction_80g",
+        "net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
+        "surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
+        "interest_234c", "total_tax", "advance_tax", "tds", "tcs",
+        "tax_on_assessment", "refund"
+    ];
+
+    function getVal(id) {
+        return parseFloat(document.getElementsByName(id)[0].value) || 0;
+    }
+
+    function setVal(id, value) {
+        document.getElementsByName(id)[0].value = Number(value).toFixed(2);
+    }
+
+    function calculate() {
+
+        // 1️ Base Values
+        let gross_total_income = getVal("gross_total_income");
+        let disallowance_14a = getVal("disallowance_14a");
+        let disallowance_37 = getVal("disallowance_37");
+
+        // 2️ Deductions
+        let d80_business = getVal("deduction_80ia_business");
+        let deduction_sec37 = getVal("deduction_sec37_disallowance");
+        let deduction_80g = getVal("deduction_80g");
+
+        // 3️ Formula: TOTAL DEDUCTION
+        let total_deductions = d80_business + deduction_sec37;
+        // (deduction_80ia_business + deduction_sec37_disallowance)
+
+        // 4️ Net Taxable Income
+        let net_taxable_income =
+            (gross_total_income + disallowance_14a + disallowance_37)
+            - total_deductions
+            - deduction_80g;
+
+        setVal("net_taxable_income", net_taxable_income);
+
+        // 5️ Tax @ 30%
+        let tax_30_percent = net_taxable_income * 0.30;
+        setVal("tax_30_percent", tax_30_percent);
+
+        // 6️ Book Profit – Tax Payable
+        let tax_payable = getVal("tax_book_profit_18_5");
+        // (tax_payable = tax_book_profit_18_5)
+
+        // 7️ Surcharge
+        let surcharge_12 = tax_30_percent * 0.12;
+        setVal("surcharge_12", surcharge_12);
+
+        // 8️ Education Cess
+        let edu_cess_3 = (tax_30_percent + surcharge_12) * 0.03;
+        setVal("edu_cess_3", edu_cess_3);
+
+        // 9️ Total Tax Payable
+        let total_tax_payable = tax_30_percent + surcharge_12 + edu_cess_3;
+        setVal("total_tax_payable", total_tax_payable);
+
+        //  MAT Credit & Interest
+        let mat_credit = getVal("mat_credit");
+        let interest_234c = getVal("interest_234c");
+
+        // 1️1️ Total Tax
+        let total_tax = total_tax_payable + mat_credit + interest_234c;
+        setVal("total_tax", total_tax);
+
+        // 1️2️ Assessment side – Advance Tax, TDS, TCS
+        let advance_tax = getVal("advance_tax");
+        let tds = getVal("tds");
+        let tcs = getVal("tcs");
+
+        let tax_on_assessment = advance_tax + tds + tcs;
+        setVal("tax_on_assessment", tax_on_assessment);
+
+        // 1️3️ Refund / Payable
+        let refund = total_tax - tax_on_assessment;
+        setVal("refund", refund);
+    }
+
+    // Attach input listeners
+    fields.forEach(id => {
+        let input = document.getElementsByName(id)[0];
+        if (input) {
+            input.addEventListener("input", calculate);
+        }
+    });
+});
diff --git a/static/js/itr_calc.js b/static/js/itr_calc.js
new file mode 100644
index 0000000..ee601c5
--- /dev/null
+++ b/static/js/itr_calc.js
@@ -0,0 +1,83 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const fields = [
+        "gross_total_income", "disallowance_14a", "disallowance_37",
+        "deduction_80ia_business", "deduction_80ia_misc", "deduction_80ia_other",
+        "deduction_sec37_disallowance", "deduction_80g", "net_taxable_income",
+        "tax_30_percent", "tax_book_profit_18_5", "tax_payable", "surcharge_12",
+        "edu_cess_3", "total_tax_payable", "mat_credit", "interest_234c",
+        "total_tax", "advance_tax", "tds", "tcs", "tax_on_assessment", "refund"
+    ];
+
+    function getValue(id) {
+        return parseFloat(document.getElementsByName(id)[0].value) || 0;
+    }
+
+    function setValue(id, val) {
+        document.getElementsByName(id)[0].value = val.toFixed(2);
+    }
+
+    function calculate() {
+
+        let gross_total_income = getValue("gross_total_income");
+        let disallowance_14a = getValue("disallowance_14a");
+        let disallowance_37 = getValue("disallowance_37");
+
+        // FORMULAS
+        setValue("gross_total_income", disallowance_37 + gross_total_income);
+        setValue("disallowance_37", disallowance_14a + disallowance_37);
+
+        // Deductions
+        let d80_business = getValue("deduction_80ia_business");
+        let d80_misc = getValue("deduction_80ia_misc");
+        let d80_other = getValue("deduction_80ia_other");
+
+        let deduction_sec37 = d80_business + d80_misc + d80_other - 1.35;
+        setValue("deduction_sec37_disallowance", deduction_sec37);
+
+        let deduction_80g = getValue("deduction_80g");
+
+        // Net taxable income
+        let net_taxable_income = gross_total_income - deduction_sec37 - deduction_80g;
+        setValue("net_taxable_income", net_taxable_income);
+
+        // Tax calculations
+        setValue("tax_30_percent", net_taxable_income * 0.30);
+
+        let tax_book_profit = getValue("tax_book_profit_18_5");
+        setValue("tax_payable", tax_book_profit);
+
+        let surcharge = tax_book_profit * 0.12;
+        setValue("surcharge_12", surcharge);
+
+        let edu_cess = (tax_book_profit + surcharge) * 0.03;
+        setValue("edu_cess_3", edu_cess);
+
+        let total_tax_payable = tax_book_profit + surcharge + edu_cess;
+        setValue("total_tax_payable", total_tax_payable);
+
+        let mat_credit = getValue("mat_credit");
+        let interest_234c = getValue("interest_234c");
+
+        let total_tax = total_tax_payable + mat_credit + interest_234c;
+        setValue("total_tax", total_tax);
+
+        // Assessment
+        let adv_tax = getValue("advance_tax");
+        let tds = getValue("tds");
+        let tcs = getValue("tcs");
+
+        let tax_on_assessment = adv_tax + tds + tcs;
+        setValue("tax_on_assessment", tax_on_assessment);
+
+        let refund = total_tax - tax_on_assessment;
+        setValue("refund", refund);
+    }
+
+    // Attach event listeners
+    fields.forEach(id => {
+        const element = document.getElementsByName(id)[0];
+        if (element) {
+            element.addEventListener("input", calculate);
+        }
+    });
+});
diff --git a/templates/add_ao.html b/templates/add_ao.html
index af1e681..003e6fa 100644
--- a/templates/add_ao.html
+++ b/templates/add_ao.html
@@ -1,8 +1,11 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>AO Form Entry</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
+    <script src="/static/js/ao_calc.js"></script>
+
     <style>
         /* Reset and base styles */
         * {
@@ -76,6 +79,24 @@
             background-color: #0056b3;
         }
 
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
+
         @media (max-width: 600px) {
             .container {
                 padding: 20px;
@@ -95,22 +116,26 @@
         }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>AO Form Entry</h2>
         <form method="POST" onsubmit="return showSuccessMessage()">
             <label>Year:</label>
             <input type="number" name="year" required>
             {% for field in [
-                "gross_total_income", "disallowance_14a", "disallowance_37",
-                "deduction_80ia_business", "deduction_sec37_disallowance", "deduction_80g",
-                "net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
-                "surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
-                "interest_234c", "total_tax", "advance_tax", "tds", "tcs",
-                "tax_on_assessment", "refund"
+            "gross_total_income", "disallowance_14a", "disallowance_37",
+            "deduction_80ia_business", "deduction_sec37_disallowance", "deduction_80g",
+            "net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
+            "surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
+            "interest_234c", "total_tax", "advance_tax", "tds", "tcs",
+            "tax_on_assessment", "refund"
             ] %}
-                <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
-                <input type="number" name="{{ field }}" step="0.01" required>
+            <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
+            <input type="number" name="{{ field }}" step="0.01" required>
             {% endfor %}
             <button type="submit">Submit</button>
         </form>
@@ -124,4 +149,5 @@
         }
     </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/add_cit.html b/templates/add_cit.html
index 09af9b7..61d748a 100644
--- a/templates/add_cit.html
+++ b/templates/add_cit.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>CIT Form Entry</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -74,6 +75,24 @@
             background-color: #0056b3;
         }
 
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
+
         @media (max-width: 600px) {
             .container {
                 padding: 20px;
@@ -93,24 +112,28 @@
         }
     </style>
 </head>
+
 <body>
     <div class="container">
-        <h2>CIT Form Entry</h2>
-       <form method="POST">
-    <label>Year:</label>
-    <input type="number" name="year" required value="{{ record.year if record else '' }}">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
 
-    {% for field in [
-        "gross_total_income", "deduction_80ia_business", "deduction_sec37_disallowance",
-        "deduction_80g", "net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
-        "tax_payable", "surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
-        "interest_234c", "total_tax", "advance_tax", "tds", "tcs", "tax_on_assessment", "refund"
-    ] %}
-        <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
-        <input type="number" name="{{ field }}" step="0.01" required value="{{ record[field] if record else '' }}">
-    {% endfor %}
-    <button type="submit">{{ 'Update' if record else 'Submit' }}</button>
-</form>
+        <h2>CIT Form Entry</h2>
+        <form method="POST">
+            <label>Year:</label>
+            <input type="number" name="year" required value="{{ record.year if record else '' }}">
+
+            {% for field in [
+            "gross_total_income", "deduction_80ia_business", "deduction_sec37_disallowance",
+            "deduction_80g", "net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
+            "tax_payable", "surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
+            "interest_234c", "total_tax", "advance_tax", "tds", "tcs", "tax_on_assessment", "refund"
+            ] %}
+            <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
+            <input type="number" name="{{ field }}" step="0.01" required value="{{ record[field] if record else '' }}">
+            {% endfor %}
+            <button type="submit">{{ 'Update' if record else 'Submit' }}</button>
+        </form>
 
     </div>
 
@@ -121,4 +144,5 @@
         }
     </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/add_itat.html b/templates/add_itat.html
index 4d56bc0..568361a 100644
--- a/templates/add_itat.html
+++ b/templates/add_itat.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>ITAT Form Entry</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -74,6 +75,24 @@
             background-color: #0056b3;
         }
 
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
+
         @media (max-width: 600px) {
             .container {
                 padding: 20px;
@@ -93,8 +112,12 @@
         }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>ITAT Form Entry</h2>
         <form method="POST" onsubmit="return showSuccessMessage()">
             <label>Year:</label>
@@ -123,4 +146,5 @@
         }
     </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/add_itr.html b/templates/add_itr.html
index ec64556..168fcd2 100644
--- a/templates/add_itr.html
+++ b/templates/add_itr.html
@@ -4,6 +4,8 @@
 <head>
   <meta charset="UTF-8">
   <title>Add New Income Tax Return Record</title>
+  <script src="/static/js/itr_calc.js"></script>
+
   <style>
     body {
       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
@@ -89,6 +91,24 @@
       transform: translateY(-2px);
     }
 
+    /* Back button styling */
+    .back-btn {
+      display: inline-block;
+      margin-bottom: 20px;
+      padding: 10px 18px;
+      background: #6c757d;
+      color: white;
+      font-size: 15px;
+      font-weight: 600;
+      border-radius: 6px;
+      text-decoration: none;
+      transition: background 0.3s ease;
+    }
+
+    .back-btn:hover {
+      background: #5a6268;
+    }
+
     /* Responsive */
     @media (max-width: 768px) {
       form {
@@ -104,6 +124,10 @@
 
 <body>
   <div class="container">
+    <!-- Back to Dashboard Button -->
+    <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
+
     <h2>Add New Income Tax Return Record</h2>
     <form method="POST" action="{{ url_for('add_itr') }}">
       <div class="form-group">
diff --git a/templates/ao_form.html b/templates/ao_form.html
index af1e681..f471bae 100644
--- a/templates/ao_form.html
+++ b/templates/ao_form.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>AO Form Entry</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -76,6 +77,25 @@
             background-color: #0056b3;
         }
 
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
+
+
         @media (max-width: 600px) {
             .container {
                 padding: 20px;
@@ -95,22 +115,26 @@
         }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>AO Form Entry</h2>
         <form method="POST" onsubmit="return showSuccessMessage()">
             <label>Year:</label>
             <input type="number" name="year" required>
             {% for field in [
-                "gross_total_income", "disallowance_14a", "disallowance_37",
-                "deduction_80ia_business", "deduction_sec37_disallowance", "deduction_80g",
-                "net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
-                "surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
-                "interest_234c", "total_tax", "advance_tax", "tds", "tcs",
-                "tax_on_assessment", "refund"
+            "gross_total_income", "disallowance_14a", "disallowance_37",
+            "deduction_80ia_business", "deduction_sec37_disallowance", "deduction_80g",
+            "net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
+            "surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
+            "interest_234c", "total_tax", "advance_tax", "tds", "tcs",
+            "tax_on_assessment", "refund"
             ] %}
-                <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
-                <input type="number" name="{{ field }}" step="0.01" required>
+            <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
+            <input type="number" name="{{ field }}" step="0.01" required>
             {% endfor %}
             <button type="submit">Submit</button>
         </form>
@@ -124,4 +148,5 @@
         }
     </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/ao_reports.html b/templates/ao_reports.html
index 4447d7d..d7d3252 100644
--- a/templates/ao_reports.html
+++ b/templates/ao_reports.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>Download AO Reports</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -17,7 +18,7 @@
             padding: 30px;
             background-color: white;
             border-radius: 10px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
             text-align: center;
         }
 
@@ -51,10 +52,32 @@
         button:hover {
             background-color: #0056b3;
         }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Download AO Report</h2>
         <form method="GET" action="{{ url_for('ao_report') }}" target="_blank">
 
@@ -63,7 +86,7 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for y in years %}
-                    <option value="{{ y }}">{{ y }}</option>
+                <option value="{{ y }}">{{ y }}</option>
                 {% endfor %}
             </select>
             <br><br>
@@ -71,4 +94,5 @@
         </form>
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/cit_form.html b/templates/cit_form.html
index 17553a9..ba40745 100644
--- a/templates/cit_form.html
+++ b/templates/cit_form.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>CIT Form Entry</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -74,6 +75,24 @@
             background-color: #0056b3;
         }
 
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
+
         @media (max-width: 600px) {
             .container {
                 padding: 20px;
@@ -93,21 +112,25 @@
         }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>CIT Form Entry</h2>
         <form method="POST" onsubmit="return showSuccessMessage()">
             <label>Year:</label>
             <input type="number" name="year" required>
 
             {% for field in [
-                "gross_total_income", "deduction_80ia_business", "deduction_sec37_disallowance",
-                "deduction_80g", "net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
-                "tax_payable", "surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
-                "interest_234c", "total_tax", "advance_tax", "tds", "tcs", "tax_on_assessment", "refund"
+            "gross_total_income", "deduction_80ia_business", "deduction_sec37_disallowance",
+            "deduction_80g", "net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
+            "tax_payable", "surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
+            "interest_234c", "total_tax", "advance_tax", "tds", "tcs", "tax_on_assessment", "refund"
             ] %}
-                <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
-                <input type="number" name="{{ field }}" step="0.01" required>
+            <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
+            <input type="number" name="{{ field }}" step="0.01" required>
             {% endfor %}
             <button type="submit">Submit</button>
         </form>
@@ -120,4 +143,5 @@
         }
     </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/cit_reports.html b/templates/cit_reports.html
index 3047463..19d39db 100644
--- a/templates/cit_reports.html
+++ b/templates/cit_reports.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>Download CIT Reports</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -17,7 +18,7 @@
             padding: 30px;
             background-color: white;
             border-radius: 10px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
             text-align: center;
         }
 
@@ -51,10 +52,32 @@
         button:hover {
             background-color: #0056b3;
         }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Download CIT Report</h2>
         <form method="GET" action="{{ url_for('cit_report') }}" target="_blank">
 
@@ -63,7 +86,7 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for y in years %}
-                    <option value="{{ y }}">{{ y }}</option>
+                <option value="{{ y }}">{{ y }}</option>
                 {% endfor %}
             </select>
             <br><br>
@@ -71,4 +94,5 @@
         </form>
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/display_ao.html b/templates/display_ao.html
index 0797bec..dbc1982 100644
--- a/templates/display_ao.html
+++ b/templates/display_ao.html
@@ -1,78 +1,190 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8">
-    <title>AO Records</title>
-    <style>
-        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: #f8f9fa; padding: 20px; color: #333; }
-        .container { max-width: 95%; margin: auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
-        h2 { text-align: center; margin-bottom: 20px; }
-        .btn { padding: 8px 15px; border-radius: 5px; text-decoration: none; color: white; border: none; cursor: pointer; font-size: 14px; }
-        .btn-add { background-color: #28a745; display: inline-block; margin-bottom: 20px; }
-        .btn-update { background-color: #007bff; }
-        .btn-delete { background-color: #dc3545; }
-        .action-cell form { display: inline-block; margin-left: 5px; }
-        .table-wrapper { overflow-x: auto; }
-        table { width: 100%; border-collapse: collapse; margin-top: 20px; }
-        th, td { padding: 12px; border: 1px solid #dee2e6; text-align: right; white-space: nowrap; }
-        th { background-color: #343a40; color: white; text-align: center; }
-        tr:nth-child(even) { background-color: #f2f2f2; }
-        td:first-child, th:first-child { text-align: left; }
-        .alert { padding: 10px 15px; margin-bottom: 20px; border-radius: 5px; }
-        .alert-success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
-        .alert-danger { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
-    </style>
+  <meta charset="UTF-8">
+  <!-- Back to Dashboard Button -->
+  <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
+  <title>AO Records</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      background-color: #f8f9fa;
+      padding: 20px;
+      color: #333;
+    }
+
+    .container {
+      max-width: 95%;
+      margin: auto;
+      background: white;
+      padding: 30px;
+      border-radius: 8px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
+
+    h2 {
+      text-align: center;
+      margin-bottom: 20px;
+    }
+
+    .btn {
+      padding: 8px 15px;
+      border-radius: 5px;
+      text-decoration: none;
+      color: white;
+      border: none;
+      cursor: pointer;
+      font-size: 14px;
+    }
+
+    .btn-add {
+      background-color: #28a745;
+      display: inline-block;
+      margin-bottom: 20px;
+    }
+
+    .btn-update {
+      background-color: #007bff;
+    }
+
+    .btn-delete {
+      background-color: #dc3545;
+    }
+
+    .action-cell form {
+      display: inline-block;
+      margin-left: 5px;
+    }
+
+    .table-wrapper {
+      overflow-x: auto;
+    }
+
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin-top: 20px;
+    }
+
+    th,
+    td {
+      padding: 12px;
+      border: 1px solid #dee2e6;
+      text-align: right;
+      white-space: nowrap;
+    }
+
+    th {
+      background-color: #343a40;
+      color: white;
+      text-align: center;
+    }
+
+    tr:nth-child(even) {
+      background-color: #f2f2f2;
+    }
+
+    td:first-child,
+    th:first-child {
+      text-align: left;
+    }
+
+    .alert {
+      padding: 10px 15px;
+      margin-bottom: 20px;
+      border-radius: 5px;
+    }
+
+    .alert-success {
+      background-color: #d4edda;
+      color: #155724;
+      border: 1px solid #c3e6cb;
+    }
+
+    .alert-danger {
+      background-color: #f8d7da;
+      color: #721c24;
+      border: 1px solid #f5c6cb;
+    }
+
+    /* Back button styling */
+    .back-btn {
+      display: inline-block;
+      margin-bottom: 20px;
+      padding: 10px 18px;
+      background: #6c757d;
+      color: white;
+      font-size: 15px;
+      font-weight: 600;
+      border-radius: 6px;
+      text-decoration: none;
+      transition: background 0.3s ease;
+    }
+
+    .back-btn:hover {
+      background: #5a6268;
+    }
+  </style>
 </head>
+
 <body>
-    <div class="container">
-        <h2>Assessing Officer Records 👨‍💼</h2>
+  <div class="container">
+    <!-- Back to Dashboard Button -->
+    <!-- <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a> -->
 
-        <!-- Flash Messages -->
-        {% with messages = get_flashed_messages(with_categories=true) %}
-          {% if messages %}
-            {% for category, message in messages %}
-              <div class="alert alert-{{ category }}">{{ message }}</div>
-            {% endfor %}
-          {% endif %}
-        {% endwith %}
 
-        <a href="{{ url_for('add_ao') }}" class="btn btn-add">➕ Add AO Record</a>
+    <h2>Assessing Officer Records 👨‍💼</h2>
 
-        {% if ao_records %}
-            <div class="table-wrapper">
-                <table>
-                  <thead>
-                    <tr>
-                      <th>ID</th>
-                      <th>Year</th>
-                      <th>Gross Total Income</th>
-                      <th>Net Taxable Income</th>
-                      <th>Total Tax</th>
-                      <th>Actions</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {% for ao in ao_records %}
-                    <tr>
-                      <td>{{ ao.id }}</td>
-                      <td>{{ ao.year }}</td>
-                      <td>{{ ao.gross_total_income }}</td>
-                      <td>{{ ao.net_taxable_income }}</td>
-                      <td>{{ ao.total_tax }}</td>
-                      <td class="action-cell">
-                          <a href="{{ url_for('update_ao', id=ao.id) }}" class="btn btn-update">Edit</a>
-                          <form action="{{ url_for('delete_ao', id=ao.id) }}" method="POST" style="display:inline;">
-                              <button type="submit" class="btn btn-delete" onclick="return confirm('Are you sure you want to delete this AO?');">Delete</button>
-                          </form>
-                      </td>
-                    </tr>
-                    {% endfor %}
-                  </tbody>
-                </table>
-            </div>
-        {% else %}
-            <p style="text-align: center; margin-top: 20px;">No AO records found. Add one above!</p>
-        {% endif %}
+    <!-- Flash Messages -->
+    {% with messages = get_flashed_messages(with_categories=true) %}
+    {% if messages %}
+    {% for category, message in messages %}
+    <div class="alert alert-{{ category }}">{{ message }}</div>
+    {% endfor %}
+    {% endif %}
+    {% endwith %}
+
+    <a href="{{ url_for('add_ao') }}" class="btn btn-add">➕ Add AO Record</a>
+
+    {% if ao_records %}
+    <div class="table-wrapper">
+      <table>
+        <thead>
+          <tr>
+            <th>ID</th>
+            <th>Year</th>
+            <th>Gross Total Income</th>
+            <th>Net Taxable Income</th>
+            <th>Total Tax</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for ao in ao_records %}
+          <tr>
+            <td>{{ ao.id }}</td>
+            <td>{{ ao.year }}</td>
+            <td>{{ ao.gross_total_income }}</td>
+            <td>{{ ao.net_taxable_income }}</td>
+            <td>{{ ao.total_tax }}</td>
+            <td class="action-cell">
+              <a href="{{ url_for('update_ao', id=ao.id) }}" class="btn btn-update">Edit</a>
+              <form action="{{ url_for('delete_ao', id=ao.id) }}" method="POST" style="display:inline;">
+                <button type="submit" class="btn btn-delete"
+                  onclick="return confirm('Are you sure you want to delete this AO?');">Delete</button>
+              </form>
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
     </div>
+    {% else %}
+    <p style="text-align: center; margin-top: 20px;">No AO records found. Add one above!</p>
+    {% endif %}
+  </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/display_cit.html b/templates/display_cit.html
index 163fd1d..77aab11 100644
--- a/templates/display_cit.html
+++ b/templates/display_cit.html
@@ -1,66 +1,160 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <title>CIT Records</title>
     <style>
-        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: #f8f9fa; padding: 20px; color: #333; }
-        .container { max-width: 95%; margin: auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
-        h2 { text-align: center; margin-bottom: 20px; }
-        .btn { padding: 8px 15px; border-radius: 5px; text-decoration: none; color: white; border: none; cursor: pointer; font-size: 14px; }
-        .btn-add { background-color: #28a745; display: inline-block; margin-bottom: 20px; }
-        .btn-update { background-color: #007bff; }
-        .btn-delete { background-color: #dc3545; }
-        .action-cell form { display: inline-block; margin-left: 5px; }
-        .table-wrapper { overflow-x: auto; }
-        table { width: 100%; border-collapse: collapse; margin-top: 20px; }
-        th, td { padding: 12px; border: 1px solid #dee2e6; text-align: right; white-space: nowrap; }
-        th { background-color: #343a40; color: white; text-align: center; }
-        tr:nth-child(even) { background-color: #f2f2f2; }
-        td:first-child, th:first-child { text-align: left; }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+            background-color: #f8f9fa;
+            padding: 20px;
+            color: #333;
+        }
+
+        .container {
+            max-width: 95%;
+            margin: auto;
+            background: white;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        h2 {
+            text-align: center;
+            margin-bottom: 20px;
+        }
+
+        .btn {
+            padding: 8px 15px;
+            border-radius: 5px;
+            text-decoration: none;
+            color: white;
+            border: none;
+            cursor: pointer;
+            font-size: 14px;
+        }
+
+        .btn-add {
+            background-color: #28a745;
+            display: inline-block;
+            margin-bottom: 20px;
+        }
+
+        .btn-update {
+            background-color: #007bff;
+        }
+
+        .btn-delete {
+            background-color: #dc3545;
+        }
+
+        .action-cell form {
+            display: inline-block;
+            margin-left: 5px;
+        }
+
+        .table-wrapper {
+            overflow-x: auto;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        th,
+        td {
+            padding: 12px;
+            border: 1px solid #dee2e6;
+            text-align: right;
+            white-space: nowrap;
+        }
+
+        th {
+            background-color: #343a40;
+            color: white;
+            text-align: center;
+        }
+
+        tr:nth-child(even) {
+            background-color: #f2f2f2;
+        }
+
+        td:first-child,
+        th:first-child {
+            text-align: left;
+        }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
+
         <h2>CIT Records 🧾</h2>
         <a href="{{ url_for('add_cit') }}" class="btn btn-add">➕ Add New Record</a>
 
         {% if cit_records %}
-            <div class="table-wrapper">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Year</th>
-                            <th>Gross Total Income</th>
-                            <th>Net Taxable Income</th>
-                            <th>Total Tax Payable</th>
-                            <th>Refund</th>
-                            <th>Actions</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for record in cit_records %}
-                            <tr>
-                                <td>{{ record.year }}</td>
-                                <td>{{ "{:,.2f}".format(record.gross_total_income) }}</td>
-                                <td>{{ "{:,.2f}".format(record.net_taxable_income) }}</td>
-                                <td>{{ "{:,.2f}".format(record.total_tax_payable) }}</td>
-                                <td>{{ "{:,.2f}".format(record.refund) }}</td>
-                                <td class="action-cell">
-                                    <a href="{{ url_for('update_cit', id=record.id) }}" class="btn btn-update">Edit</a>
+        <div class="table-wrapper">
+            <table>
+                <thead>
+                    <tr>
+                        <th>Year</th>
+                        <th>Gross Total Income</th>
+                        <th>Net Taxable Income</th>
+                        <th>Total Tax Payable</th>
+                        <th>Refund</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for record in cit_records %}
+                    <tr>
+                        <td>{{ record.year }}</td>
+                        <td>{{ "{:,.2f}".format(record.gross_total_income) }}</td>
+                        <td>{{ "{:,.2f}".format(record.net_taxable_income) }}</td>
+                        <td>{{ "{:,.2f}".format(record.total_tax_payable) }}</td>
+                        <td>{{ "{:,.2f}".format(record.refund) }}</td>
+                        <td class="action-cell">
+                            <a href="{{ url_for('update_cit', id=record.id) }}" class="btn btn-update">Edit</a>
 
-                                    <form action="{{ url_for('delete_cit', id=record.id) }}" method="post" onsubmit="return confirm('Are you sure you want to delete this record?');">
-                                        <button type="submit" class="btn btn-delete">Delete</button>
-                                    </form>
-                                </td>
-                            </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
+                            <form action="{{ url_for('delete_cit', id=record.id) }}" method="post"
+                                onsubmit="return confirm('Are you sure you want to delete this record?');">
+                                <button type="submit" class="btn btn-delete">Delete</button>
+                            </form>
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
         {% else %}
-            <p style="text-align: center; margin-top: 20px;">No records found. Click the button above to add one!</p>
+        <p style="text-align: center; margin-top: 20px;">No records found. Click the button above to add one!</p>
         {% endif %}
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/display_itat.html b/templates/display_itat.html
index 7362f76..51f10e7 100644
--- a/templates/display_itat.html
+++ b/templates/display_itat.html
@@ -1,75 +1,169 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <title>ITAT Records</title>
     <style>
-        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: #f8f9fa; padding: 20px; color: #333; }
-        .container { max-width: 95%; margin: auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
-        h2 { text-align: center; margin-bottom: 20px; }
-        .btn { padding: 8px 15px; border-radius: 5px; text-decoration: none; color: white; border: none; cursor: pointer; font-size: 14px; }
-        .btn-add { background-color: #28a745; display: inline-block; margin-bottom: 20px; }
-        .btn-update { background-color: #007bff; }
-        .btn-delete { background-color: #dc3545; }
-        .action-cell form { display: inline-block; margin-left: 5px; }
-        .table-wrapper { overflow-x: auto; }
-        table { width: 100%; border-collapse: collapse; margin-top: 20px; }
-        th, td { padding: 12px; border: 1px solid #dee2e6; text-align: right; white-space: nowrap; }
-        th { background-color: #343a40; color: white; text-align: center; }
-        tr:nth-child(even) { background-color: #f2f2f2; }
-        td:first-child, th:first-child { text-align: left; }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+            background-color: #f8f9fa;
+            padding: 20px;
+            color: #333;
+        }
+
+        .container {
+            max-width: 95%;
+            margin: auto;
+            background: white;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        h2 {
+            text-align: center;
+            margin-bottom: 20px;
+        }
+
+        .btn {
+            padding: 8px 15px;
+            border-radius: 5px;
+            text-decoration: none;
+            color: white;
+            border: none;
+            cursor: pointer;
+            font-size: 14px;
+        }
+
+        .btn-add {
+            background-color: #28a745;
+            display: inline-block;
+            margin-bottom: 20px;
+        }
+
+        .btn-update {
+            background-color: #007bff;
+        }
+
+        .btn-delete {
+            background-color: #dc3545;
+        }
+
+        .action-cell form {
+            display: inline-block;
+            margin-left: 5px;
+        }
+
+        .table-wrapper {
+            overflow-x: auto;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        th,
+        td {
+            padding: 12px;
+            border: 1px solid #dee2e6;
+            text-align: right;
+            white-space: nowrap;
+        }
+
+        th {
+            background-color: #343a40;
+            color: white;
+            text-align: center;
+        }
+
+        tr:nth-child(even) {
+            background-color: #f2f2f2;
+        }
+
+        td:first-child,
+        th:first-child {
+            text-align: left;
+        }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
+
 <body>
     <div class="container">
+
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>ITAT Records 📄</h2>
         <a href="{{ url_for('add_itat') }}" class="btn btn-add">➕ Add New Record</a>
 
         {% with messages = get_flashed_messages(with_categories=true) %}
-            {% if messages %}
-                {% for category, message in messages %}
-                    <div class="alert alert-{{ category }}">{{ message }}</div>
-                {% endfor %}
-            {% endif %}
+        {% if messages %}
+        {% for category, message in messages %}
+        <div class="alert alert-{{ category }}">{{ message }}</div>
+        {% endfor %}
+        {% endif %}
         {% endwith %}
 
         {% if records %}
-            <div class="table-wrapper">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Year</th>
-                            <th>MAT Tax Credit</th>
-                            <th>Surcharge</th>
-                            <th>Cess</th>
-                            <th>Total Credit</th>
-                            <th>Actions</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for record in records %}
-                        <tr>
-                            <td>{{ record.year }}</td>
-                            <td>{{ "{:,.2f}".format(record.mat_tax_credit) }}</td>
-                            <td>{{ "{:,.2f}".format(record.surcharge) }}</td>
-                            <td>{{ "{:,.2f}".format(record.cess) }}</td>
-                            <td>{{ "{:,.2f}".format(record.total_credit) }}</td>
-                            <td class="action-cell">
-                               <a href="{{ url_for('update_itat', id=record.id) }}" class="btn btn-update">Edit</a>
+        <div class="table-wrapper">
+            <table>
+                <thead>
+                    <tr>
+                        <th>Year</th>
+                        <th>MAT Tax Credit</th>
+                        <th>Surcharge</th>
+                        <th>Cess</th>
+                        <th>Total Credit</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for record in records %}
+                    <tr>
+                        <td>{{ record.year }}</td>
+                        <td>{{ "{:,.2f}".format(record.mat_tax_credit) }}</td>
+                        <td>{{ "{:,.2f}".format(record.surcharge) }}</td>
+                        <td>{{ "{:,.2f}".format(record.cess) }}</td>
+                        <td>{{ "{:,.2f}".format(record.total_credit) }}</td>
+                        <td class="action-cell">
+                            <a href="{{ url_for('update_itat', id=record.id) }}" class="btn btn-update">Edit</a>
 
 
-                                <form action="{{ url_for('delete_itat', id=record.id) }}" method="post" onsubmit="return confirm('Are you sure you want to delete this record?');">
-                                    <button type="submit" class="btn btn-delete">Delete</button>
-                                </form>
-                            </td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
+                            <form action="{{ url_for('delete_itat', id=record.id) }}" method="post"
+                                onsubmit="return confirm('Are you sure you want to delete this record?');">
+                                <button type="submit" class="btn btn-delete">Delete</button>
+                            </form>
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
         {% else %}
-            <p style="text-align: center; margin-top: 20px;">No ITAT records found. Click the button above to add one!</p>
+        <p style="text-align: center; margin-top: 20px;">No ITAT records found. Click the button above to add one!</p>
         {% endif %}
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/display_itr.html b/templates/display_itr.html
index bd3d85f..6087ea8 100644
--- a/templates/display_itr.html
+++ b/templates/display_itr.html
@@ -1,66 +1,159 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <title>ITR Records</title>
     <style>
-        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: #f8f9fa; padding: 20px; color: #333; }
-        .container { max-width: 95%; margin: auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
-        h2 { text-align: center; margin-bottom: 20px; }
-        .btn { padding: 8px 15px; border-radius: 5px; text-decoration: none; color: white; border: none; cursor: pointer; font-size: 14px; }
-        .btn-add { background-color: #28a745; display: inline-block; margin-bottom: 20px; }
-        .btn-update { background-color: #007bff; }
-        .btn-delete { background-color: #dc3545; }
-        .action-cell form { display: inline-block; margin-left: 5px; }
-        .table-wrapper { overflow-x: auto; }
-        table { width: 100%; border-collapse: collapse; margin-top: 20px; }
-        th, td { padding: 12px; border: 1px solid #dee2e6; text-align: right; white-space: nowrap; }
-        th { background-color: #343a40; color: white; text-align: center; }
-        tr:nth-child(even) { background-color: #f2f2f2; }
-        td:first-child, th:first-child { text-align: left; }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+            background-color: #f8f9fa;
+            padding: 20px;
+            color: #333;
+        }
+
+        .container {
+            max-width: 95%;
+            margin: auto;
+            background: white;
+            padding: 30px;
+            border-radius: 8px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        h2 {
+            text-align: center;
+            margin-bottom: 20px;
+        }
+
+        .btn {
+            padding: 8px 15px;
+            border-radius: 5px;
+            text-decoration: none;
+            color: white;
+            border: none;
+            cursor: pointer;
+            font-size: 14px;
+        }
+
+        .btn-add {
+            background-color: #28a745;
+            display: inline-block;
+            margin-bottom: 20px;
+        }
+
+        .btn-update {
+            background-color: #007bff;
+        }
+
+        .btn-delete {
+            background-color: #dc3545;
+        }
+
+        .action-cell form {
+            display: inline-block;
+            margin-left: 5px;
+        }
+
+        .table-wrapper {
+            overflow-x: auto;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+
+        th,
+        td {
+            padding: 12px;
+            border: 1px solid #dee2e6;
+            text-align: right;
+            white-space: nowrap;
+        }
+
+        th {
+            background-color: #343a40;
+            color: white;
+            text-align: center;
+        }
+
+        tr:nth-child(even) {
+            background-color: #f2f2f2;
+        }
+
+        td:first-child,
+        th:first-child {
+            text-align: left;
+        }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Income Tax Return Records 🧾</h2>
         <a href="{{ url_for('add_itr') }}" class="btn btn-add">➕ Add New Record</a>
 
         {% if records %}
-            <div class="table-wrapper">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Year</th>
-                            <th>Gross Total Income</th>
-                            <th>Net Taxable Income</th>
-                            <th>Total Tax Payable</th>
-                            <th>Refund</th>
-                            <th>Actions</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for record in records %}
-                            <tr>
-                                <td>{{ record.year }}</td>
-                                <td>{{ "{:,.2f}".format(record.gross_total_income) }}</td>
-                                <td>{{ "{:,.2f}".format(record.net_taxable_income) }}</td>
-                                <td>{{ "{:,.2f}".format(record.total_tax_payable) }}</td>
-                                <td>{{ "{:,.2f}".format(record.refund) }}</td>
-                                <td class="action-cell">
-                                    <a href="{{ url_for('update_itr', id=record.id) }}" class="btn btn-update">Edit</a>
+        <div class="table-wrapper">
+            <table>
+                <thead>
+                    <tr>
+                        <th>Year</th>
+                        <th>Gross Total Income</th>
+                        <th>Net Taxable Income</th>
+                        <th>Total Tax Payable</th>
+                        <th>Refund</th>
+                        <th>Actions</th>    
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for record in records %}
+                    <tr>
+                        <td>{{ record.year }}</td>
+                        <td>{{ "{:,.2f}".format(record.gross_total_income) }}</td>
+                        <td>{{ "{:,.2f}".format(record.net_taxable_income) }}</td>
+                        <td>{{ "{:,.2f}".format(record.total_tax_payable) }}</td>
+                        <td>{{ "{:,.2f}".format(record.refund) }}</td>
+                        <td class="action-cell">
+                            <a href="{{ url_for('update_itr', id=record.id) }}" class="btn btn-update">Edit</a>
 
-                                    <form action="{{ url_for('delete_itr', id=record.id) }}" method="post" onsubmit="return confirm('Are you sure you want to delete this record?');">
-                                        <button type="submit" class="btn btn-delete">Delete</button>
-                                    </form>
-                                </td>
-                            </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
+                            <form action="{{ url_for('delete_itr', id=record.id) }}" method="post"
+                                onsubmit="return confirm('Are you sure you want to delete this record?');">
+                                <button type="submit" class="btn btn-delete">Delete</button>
+                            </form>
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
         {% else %}
-            <p style="text-align: center; margin-top: 20px;">No records found. Click the button above to add one!</p>
+        <p style="text-align: center; margin-top: 20px;">No records found. Click the button above to add one!</p>
         {% endif %}
     </div>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 8eb3a00..a1ce37a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <title>Dashboard | Income Tax Utilities</title>
@@ -10,12 +11,14 @@
             padding: 0;
             box-sizing: border-box;
         }
+
         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             background-color: #f4f7f6;
             color: #333;
             line-height: 1.6;
         }
+
         .container {
             max-width: 750px;
             margin: 50px auto;
@@ -24,6 +27,7 @@
             border-radius: 12px;
             box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
         }
+
         .header {
             text-align: center;
             margin-bottom: 40px;
@@ -31,9 +35,11 @@
             color: #2c3e50;
             font-weight: 600;
         }
+
         .section {
             margin-bottom: 35px;
         }
+
         .section h3 {
             font-size: 22px;
             color: #0056b3;
@@ -41,13 +47,16 @@
             padding-bottom: 10px;
             border-bottom: 2px solid #e9ecef;
         }
+
         ul {
             list-style: none;
             padding-left: 5px;
         }
+
         li {
             margin: 15px 0;
         }
+
         a {
             display: block;
             text-decoration: none;
@@ -59,26 +68,33 @@
             transition: all 0.3s ease;
             box-shadow: 0 4px 6px rgba(0, 123, 255, 0.1);
         }
+
         a:hover {
             background-color: #0056b3;
             transform: translateY(-2px) scale(1.01);
             box-shadow: 0 6px 12px rgba(0, 91, 179, 0.2);
         }
+
+
+
         /* Responsive */
         @media (max-width: 600px) {
             .container {
                 margin: 20px;
                 padding: 25px;
             }
+
             .header {
                 font-size: 26px;
             }
+
             a {
                 font-size: 16px;
             }
         }
     </style>
 </head>
+
 <body>
     <div class="container">
         <h2 class="header">Dashboard 🏛️</h2>
@@ -110,8 +126,8 @@
         <div class="section">
             <h3>ITAT (Income Tax Appellate Tribunal)</h3>
             <ul>
-                 <li><a href="{{ url_for('add_itat') }}">➕ Add New ITAT Record</a></li>
-                 <li><a href="{{ url_for('display_itat') }}">🧾 View & Manage ITAT Records</a></li>
+                <li><a href="{{ url_for('add_itat') }}">➕ Add New ITAT Record</a></li>
+                <li><a href="{{ url_for('display_itat') }}">🧾 View & Manage ITAT Records</a></li>
             </ul>
         </div>
 
@@ -126,4 +142,5 @@
         </div>
     </div>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/templates/itat_form.html b/templates/itat_form.html
index 4d56bc0..568361a 100644
--- a/templates/itat_form.html
+++ b/templates/itat_form.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>ITAT Form Entry</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -74,6 +75,24 @@
             background-color: #0056b3;
         }
 
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
+
         @media (max-width: 600px) {
             .container {
                 padding: 20px;
@@ -93,8 +112,12 @@
         }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>ITAT Form Entry</h2>
         <form method="POST" onsubmit="return showSuccessMessage()">
             <label>Year:</label>
@@ -123,4 +146,5 @@
         }
     </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/itat_reports.html b/templates/itat_reports.html
index 548b457..31c3f45 100644
--- a/templates/itat_reports.html
+++ b/templates/itat_reports.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>Download ITAT Reports</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -17,7 +18,7 @@
             padding: 30px;
             background-color: white;
             border-radius: 10px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
             text-align: center;
         }
 
@@ -51,10 +52,34 @@
         button:hover {
             background-color: #0056b3;
         }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
+
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
+
         <h2>Download ITAT Report</h2>
         <form method="GET" action="{{ url_for('itat_report') }}" target="_blank">
 
@@ -63,7 +88,7 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for y in years %}
-                    <option value="{{ y }}">{{ y }}</option>
+                <option value="{{ y }}">{{ y }}</option>
                 {% endfor %}
             </select>
             <br><br>
@@ -71,4 +96,5 @@
         </form>
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/itr_form.html b/templates/itr_form.html
index da75292..b6b25cd 100644
--- a/templates/itr_form.html
+++ b/templates/itr_form.html
@@ -149,6 +149,23 @@
 
         }
 
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
 
 
         @media (max-width: 600px) {
@@ -191,6 +208,10 @@
 <body>
 
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
+
 
         <h2>Income Tax Return Form</h2>
 
diff --git a/templates/itr_reports.html b/templates/itr_reports.html
index 321d3fe..07ad1d2 100644
--- a/templates/itr_reports.html
+++ b/templates/itr_reports.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>Download ITR Reports</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -17,7 +18,7 @@
             padding: 30px;
             background-color: white;
             border-radius: 10px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
             text-align: center;
         }
 
@@ -51,10 +52,33 @@
         button:hover {
             background-color: #0056b3;
         }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
+
 <body>
     <div class="container">
+
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Download ITR Report</h2>
         <form method="GET" action="{{ url_for('itr_report') }}" target="_blank">
 
@@ -63,7 +87,7 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for y in years %}
-                    <option value="{{ y }}">{{ y }}</option>
+                <option value="{{ y }}">{{ y }}</option>
                 {% endfor %}
             </select>
             <br><br>
@@ -71,4 +95,5 @@
         </form>
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/reports.html b/templates/reports.html
index 2e2fa8a..07a88cc 100644
--- a/templates/reports.html
+++ b/templates/reports.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>Reports Of Stages</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -17,7 +18,7 @@
             padding: 30px;
             background-color: white;
             border-radius: 10px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
         }
 
         h2 {
@@ -65,7 +66,9 @@
             margin-top: 20px;
         }
 
-        table, th, td {
+        table,
+        th,
+        td {
             border: 1px solid #ccc;
         }
 
@@ -108,23 +111,44 @@
         }
 
         ul li a:hover {
-            text-decorat
+            text-decoration: none;
+        }
+
+
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
         }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Reports</h2>
 
-    
-
-       <ul>
-    <li><a href="/itr_report" >→ View ITR Reports</a></li>
-    <li><a href="/ao_report" >→ View AO Reports</a></li>
-    <li><a href="/cit_report" >→ View CIT Reports</a></li>
-    <li><a href="/itat_report" >→ View ITAT Reports</a></li>
-      </ul>
+        <ul>
+            <li><a href="/itr_report">→ View ITR Reports</a></li>
+            <li><a href="/ao_report">→ View AO Reports</a></li>
+            <li><a href="/cit_report">→ View CIT Reports</a></li>
+            <li><a href="/itat_report">→ View ITAT Reports</a></li>
+        </ul>
 
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/stage_reports.html b/templates/stage_reports.html
index 34247f1..c743c4b 100644
--- a/templates/stage_reports.html
+++ b/templates/stage_reports.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>{{ stage }} Reports</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -61,7 +62,8 @@
             font-size: 15px;
         }
 
-        th, td {
+        th,
+        td {
             padding: 12px;
             border: 1px solid #ddd;
             text-align: left;
@@ -102,10 +104,32 @@
             font-size: 16px;
             margin-top: 20px;
         }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>{{ stage }} Reports</h2>
 
         <form method="GET">
@@ -114,33 +138,34 @@
             <select name="year" id="year" onchange="this.form.submit()">
                 <option value="">-- All Years --</option>
                 {% for y in years %}
-                    <option value="{{ y }}" {% if y == request.args.get('year') %}selected{% endif %}>{{ y }}</option>
+                <option value="{{ y }}" {% if y==request.args.get('year') %}selected{% endif %}>{{ y }}</option>
                 {% endfor %}
             </select>
         </form>
 
         {% if documents %}
-            <table>
-                <thead>
-                    <tr>
-                        <th>Year</th>
-                        <th>Action</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for doc in documents %}
-                    <tr>
-                        <td>{{ doc.year }}</td>
-                        <td>
-                            <a class="btn-download" href="{{ url_for('download_report', doc_id=doc.id) }}">Download</a>
-                        </td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
+        <table>
+            <thead>
+                <tr>
+                    <th>Year</th>
+                    <th>Action</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for doc in documents %}
+                <tr>
+                    <td>{{ doc.year }}</td>
+                    <td>
+                        <a class="btn-download" href="{{ url_for('download_report', doc_id=doc.id) }}">Download</a>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
         {% else %}
-            <p class="no-data">No reports found for this selection.</p>
+        <p class="no-data">No reports found for this selection.</p>
         {% endif %}
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/summary_reports.html b/templates/summary_reports.html
index 3067cec..901c4e0 100644
--- a/templates/summary_reports.html
+++ b/templates/summary_reports.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>Download Summary Report</title>
     <style>
@@ -58,14 +59,37 @@
             color: red;
             margin-top: 15px;
         }
+
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Download Year-wise Summary Report</h2>
 
         {% if message %}
-            <p class="message">{{ message }}</p>
+        <p class="message">{{ message }}</p>
         {% endif %}
 
         <form method="GET" action="{{ url_for('summary_report') }}">
@@ -73,11 +97,12 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for year in years %}
-                    <option value="{{ year }}">{{ year }}</option>
+                <option value="{{ year }}">{{ year }}</option>
                 {% endfor %}
             </select>
             <button type="submit">Download Summary Report</button>
         </form>
     </div>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/templates/update_ao.html b/templates/update_ao.html
index 180c7c3..5d03b6e 100644
--- a/templates/update_ao.html
+++ b/templates/update_ao.html
@@ -55,11 +55,31 @@
         button:hover {
             background-color: #0056b3;
         }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
 
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
         <h2>Update AO Record for Year {{ record.year }}</h2>
         <form method="POST" action="{{ url_for('update_ao', id=record.id) }}">
             {% for field in record.keys() if field != 'id' %}
diff --git a/templates/update_cit.html b/templates/update_cit.html
index 090cae8..e85632a 100644
--- a/templates/update_cit.html
+++ b/templates/update_cit.html
@@ -55,11 +55,32 @@
         button[type="submit"]:hover {
             background-color: #0056b3;
         }
+
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
     </style>
 </head>
 
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Update CIT Record for Year {{ record.year }}</h2>
         <form method="POST" action="{{ url_for('update_cit', id=record.id) }}">
             {% for field in record.keys() if field != 'id' %}
diff --git a/templates/update_itat.html b/templates/update_itat.html
index 68dc3ea..148b25e 100644
--- a/templates/update_itat.html
+++ b/templates/update_itat.html
@@ -1,11 +1,16 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>Update ITAT Record</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Update ITAT Record for Year {{ record.year }}</h2>
         <form method="POST" action="{{ url_for('update_itat', id=record.id) }}">
             <label>Year:</label>
@@ -27,4 +32,5 @@
         </form>
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/update_itr.html b/templates/update_itr.html
index 62a48de..b31087f 100644
--- a/templates/update_itr.html
+++ b/templates/update_itr.html
@@ -1,21 +1,44 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <title>Update ITR Record</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
-    <style> /* ... your form styles ... */ </style>
+    <style>
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
+    </style>
 </head>
+
 <body>
     <div class="container">
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
         <h2>Update ITR Record for Year {{ record.year }}</h2>
         <form method="POST" action="{{ url_for('update_itr', id=record.id) }}">
             {% for field in record.keys() if field != 'id' %}
-                <label>{{ field.replace("_", " ").title() }}:</label>
-                <input type="number" name="{{ field }}" step="any" value="{{ record[field] }}" required>
+            <label>{{ field.replace("_", " ").title() }}:</label>
+            <input type="number" name="{{ field }}" step="any" value="{{ record[field] }}" required>
             {% endfor %}
             <button type="submit">Update Record</button>
         </form>
     </div>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/templates/upload.html b/templates/upload.html
index c41eec7..a3cbb79 100644
--- a/templates/upload.html
+++ b/templates/upload.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
     <title>Upload Documents</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
@@ -79,6 +80,24 @@
             background-color: #0056b3;
         }
 
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
+
         @media (max-width: 600px) {
             .container {
                 padding: 20px;
@@ -88,7 +107,8 @@
                 font-size: 22px;
             }
 
-            input, select {
+            input,
+            select {
                 font-size: 15px;
             }
 
@@ -98,8 +118,13 @@
         }
     </style>
 </head>
+
 <body>
     <div class="container">
+
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Upload Income Tax Documents</h2>
         <form method="POST" enctype="multipart/form-data">
             <label for="year">Year:</label>
@@ -120,4 +145,5 @@
         </form>
     </div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/view_docs.html b/templates/view_docs.html
index cb926f0..aebdae5 100644
--- a/templates/view_docs.html
+++ b/templates/view_docs.html
@@ -98,6 +98,24 @@
             text-decoration: underline;
         }
 
+        /* Back button styling */
+        .back-btn {
+            display: inline-block;
+            margin-bottom: 20px;
+            padding: 10px 18px;
+            background: #6c757d;
+            color: white;
+            font-size: 15px;
+            font-weight: 600;
+            border-radius: 6px;
+            text-decoration: none;
+            transition: background 0.3s ease;
+        }
+
+        .back-btn:hover {
+            background: #5a6268;
+        }
+
         @media (max-width: 768px) {
             form {
                 flex-direction: column;
@@ -113,6 +131,10 @@
 
 <body>
     <div class="container">
+
+        <!-- Back to Dashboard Button -->
+        <a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
+
         <h2>Document Records</h2>
 
         <form method="GET">
diff --git a/templates/welcome.html b/templates/welcome.html
index b7e5b4f..759845b 100644
--- a/templates/welcome.html
+++ b/templates/welcome.html
@@ -1,6 +1,7 @@
 <!-- templates/welcome.html -->
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <title>Welcome - Laxmi Civil Engineering Pvt. Ltd</title>
@@ -44,12 +45,15 @@
         }
     </style>
 </head>
+
 <body>
-    <img src="https://tse1.mm.bing.net/th/id/OIP.fc5NZer25Y3YeS3Fd0PO9gAAAA?pid=Api&rs=1&c=1&qlt=95&w=92&h=92" class="logo" alt="Company Logo">
+    <img src="https://tse1.mm.bing.net/th/id/OIP.fc5NZer25Y3YeS3Fd0PO9gAAAA?pid=Api&rs=1&c=1&qlt=95&w=92&h=92"
+        class="logo" alt="Company Logo">
     <h1>Welcome to Laxmi Civil Engineering Pvt. Ltd</h1>
     <p>Income Tax Filing and Compliance</p>
     <a href="{{ url_for('index') }}" class="enter-btn">Go To Dashboard</a>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file