diff --git a/addons/mcs_simple_payroll/reports/salary_revision_letter.xml b/addons/mcs_simple_payroll/reports/salary_revision_letter.xml
index 68d973f..1e5ff0e 100644
--- a/addons/mcs_simple_payroll/reports/salary_revision_letter.xml
+++ b/addons/mcs_simple_payroll/reports/salary_revision_letter.xml
@@ -16,33 +16,68 @@
         <t t-call="web.html_container">
             <t t-foreach="docs" t-as="o">
                 <t t-call="web.basic_layout">
-                    <div class="page" style="font-size: 13px;">
-                        <div style="border-bottom: 1px solid #222; padding-bottom: 8px; margin-bottom: 24px;">
-                            <h3 style="margin: 0;">
-                                <span t-field="o.company_id.name"/>
-                            </h3>
-                            <div>
-                                <span t-field="o.company_id.email"/>
+                    <div class="page" style="font-family: Arial, sans-serif; font-size: 13px; color: #1f2933;">
+                        <div style="height: 8px; background: #111827; margin: -16px -16px 24px -16px;"></div>
+
+                        <div style="display: table; width: 100%; margin-bottom: 24px;">
+                            <div style="display: table-cell; width: 72px; vertical-align: middle;">
+                                <img
+                                    t-if="o.company_id.logo"
+                                    t-att-src="'/web/image/res.company/%s/logo' % o.company_id.id"
+                                    style="max-width: 58px; max-height: 58px;"
+                                />
+                            </div>
+                            <div style="display: table-cell; vertical-align: middle;">
+                                <div style="font-size: 20px; font-weight: 700; color: #111827;">
+                                    <span t-field="o.company_id.name"/>
+                                </div>
+                                <div style="font-size: 12px; color: #4b5563; margin-top: 3px;">
+                                    <span t-field="o.company_id.email"/>
+                                    <t t-if="o.company_id.website">
+                                        <span> | </span>
+                                        <span t-field="o.company_id.website"/>
+                                    </t>
+                                </div>
+                            </div>
+                            <div style="display: table-cell; width: 170px; vertical-align: middle; text-align: right;">
+                                <div style="display: inline-block; border: 1px solid #d1d5db; border-radius: 4px; padding: 8px 12px;">
+                                    <div style="font-size: 10px; color: #6b7280; text-transform: uppercase;">Internal Letter</div>
+                                    <div style="font-size: 12px; font-weight: 700; color: #111827;">Salary Revision</div>
+                                </div>
                             </div>
                         </div>
 
-                        <h2>Salary Revision Letter</h2>
-                        <p>
-                            <strong>Date:</strong>
-                            <span t-field="o.mcs_salary_revision_sent_date"/>
-                        </p>
-                        <p>
-                            <strong>Employee:</strong>
-                            <span t-field="o.employee_id.name"/>
-                        </p>
-                        <p>
-                            <strong>Designation:</strong>
-                            <span t-field="o.employee_id.job_title"/>
-                        </p>
-                        <p>
-                            <strong>Company:</strong>
-                            <span t-field="o.company_id.name"/>
-                        </p>
+                        <div style="border-left: 4px solid #2563eb; padding-left: 14px; margin-bottom: 22px;">
+                            <h2 style="font-size: 24px; line-height: 1.2; margin: 0 0 4px 0; color: #111827;">
+                                Salary Revision Letter
+                            </h2>
+                            <div style="font-size: 12px; color: #6b7280;">
+                                Effective compensation update for internal records
+                            </div>
+                        </div>
+
+                        <table style="width: 100%; border-collapse: collapse; margin-bottom: 24px; background: #f8fafc; border: 1px solid #e5e7eb;">
+                            <tr>
+                                <td style="padding: 10px 12px; width: 25%; color: #6b7280; font-size: 11px; text-transform: uppercase;">Date</td>
+                                <td style="padding: 10px 12px; width: 25%; font-weight: 700;">
+                                    <span t-field="o.mcs_salary_revision_sent_date"/>
+                                </td>
+                                <td style="padding: 10px 12px; width: 25%; color: #6b7280; font-size: 11px; text-transform: uppercase;">Effective From</td>
+                                <td style="padding: 10px 12px; width: 25%; font-weight: 700;">
+                                    <span t-field="o.date_start"/>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td style="padding: 10px 12px; color: #6b7280; font-size: 11px; text-transform: uppercase;">Employee</td>
+                                <td style="padding: 10px 12px; font-weight: 700;">
+                                    <span t-field="o.employee_id.name"/>
+                                </td>
+                                <td style="padding: 10px 12px; color: #6b7280; font-size: 11px; text-transform: uppercase;">Designation</td>
+                                <td style="padding: 10px 12px; font-weight: 700;">
+                                    <span t-field="o.employee_id.job_title"/>
+                                </td>
+                            </tr>
+                        </table>
 
                         <p>Dear <span t-field="o.employee_id.name"/>,</p>
 
@@ -55,6 +90,18 @@
                             <strong><span t-field="o.date_start"/></strong>.
                         </p>
 
+                        <div style="margin: 24px 0; padding: 16px 18px; border: 1px solid #dbeafe; background: #eff6ff;">
+                            <div style="font-size: 11px; color: #2563eb; font-weight: 700; text-transform: uppercase; margin-bottom: 6px;">
+                                Revised Monthly Salary
+                            </div>
+                            <div style="font-size: 26px; font-weight: 700; color: #111827;">
+                                <span t-esc="o.wage" t-options='{"widget": "monetary", "display_currency": o.currency_id}'/>
+                            </div>
+                            <div style="font-size: 12px; color: #4b5563; margin-top: 4px;">
+                                Effective from <span t-field="o.date_start"/>
+                            </div>
+                        </div>
+
                         <p>
                             This salary will be processed through the MCS Simple Monthly Payroll structure.
                             No statutory tax, PF, ESI, or similar deductions are applied in this structure unless
@@ -71,18 +118,18 @@
 
                         <table class="table table-sm mt-5">
                             <tr>
-                                <td style="width: 50%; padding-top: 60px;">
+                                <td style="width: 50%; padding-top: 60px; border-top: 1px solid #d1d5db;">
                                     <strong>For <span t-field="o.company_id.name"/></strong><br/>
                                     Authorized Signatory
                                 </td>
-                                <td style="width: 50%; padding-top: 60px;">
+                                <td style="width: 50%; padding-top: 60px; border-top: 1px solid #d1d5db;">
                                     <strong>Employee Acceptance</strong><br/>
                                     <span t-field="o.employee_id.name"/>
                                 </td>
                             </tr>
                         </table>
 
-                        <div style="border-top: 1px solid #999; margin-top: 40px; padding-top: 8px; font-size: 11px; color: #555;">
+                        <div style="border-top: 1px solid #d1d5db; margin-top: 38px; padding-top: 10px; font-size: 11px; color: #4b5563; text-align: center;">
                             <span t-field="o.company_id.name"/>
                             <t t-if="o.company_id.email">
                                 <span> | </span>