diff --git a/index.html b/index.html
index 33cc3fa..34a0e71 100644
--- a/index.html
+++ b/index.html
@@ -3,85 +3,118 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>جستجوی اسناد</title>
+    <title>جست‌وجوی اسناد شرکت سادن تل</title>
 
     <style>
+        * {
+            box-sizing: border-box;
+        }
+
+    
+
         body {
             font-family: Tahoma, Arial, sans-serif;
-            margin: 30px;
-            background: #ffffff;
-            color: #222;
+            background: #f3f5f8;
+            margin: 0;
+            padding: 40px 20px;
+            color: #263238;
         }
 
         .container {
-            max-width: 1100px;
+            max-width: 1200px;
             margin: auto;
+            background: white;
+            padding: 30px;
+            border-radius: 12px;
+            box-shadow: 0 3px 15px #00000012;
         }
 
         h2 {
             text-align: center;
-            margin-bottom: 25px;
+            margin-bottom: 10px;
         }
 
-        #searchInput {
+        .description {
+            text-align: center;
+            color: #777;
+            margin-bottom: 30px;
+        }
+
+        input {
             width: 100%;
-            padding: 12px;
-            margin-bottom: 20px;
-            box-sizing: border-box;
-            border: 1px solid #aaa;
-            border-radius: 5px;
+            padding: 15px;
+            border: 1px solid #ccc;
+            border-radius: 8px;
             font-size: 15px;
             outline: none;
+            direction: auto;
         }
 
-        #searchInput:focus {
-            border-color: #555;
+        input:focus {
+            border-color: #2684d9;
+        }
+
+        #status {
+            margin: 18px 0;
+            color: #777;
+            font-size: 14px;
+        }
+
+        .table-wrap {
+            overflow-x: auto;
+            border: 1px solid #e2e6ea;
+            border-radius: 8px;
         }
 
         table {
             width: 100%;
             border-collapse: collapse;
-            direction: rtl;
+            min-width: 600px;
         }
 
         th, td {
-            border: 1px solid #bbb;
-            padding: 10px;
-            text-align: center;
+            padding: 12px 14px;
+            border-bottom: 1px solid #e8ecef;
+            font-size: 14px;
+            text-align: right;
         }
 
         th {
-            background: #f2f2f2;
-            font-weight: bold;
+            background: #f5f7f9;
+            color: #37474f;
+            white-space: nowrap;
         }
 
-        td:nth-child(2) {
-            text-align: left;
-            direction: ltr;
+        td {
+            direction: auto;
+            unicode-bidi: plaintext;
         }
 
-        td:nth-child(3) {
-            direction: ltr;
+        tbody tr:last-child td {
+            border-bottom: 0;
         }
 
-        tr:nth-child(even) {
-            background: #fafafa;
+        tbody tr:hover {
+            background: #f8fbfd;
         }
 
-        #status {
-            margin-top: 15px;
-            color: #555;
-            font-size: 13px;
+        .empty {
+            text-align: center;
+            padding: 25px;
+            color: #888;
         }
 
         @media (max-width: 600px) {
+            .container {
+                padding: 20px;
+            }
+
             body {
-                margin: 12px;
+                padding: 20px 10px;
             }
 
             th, td {
-                padding: 7px 4px;
-                font-size: 12px;
+                padding: 10px;
             }
         }
     </style>
@@ -91,32 +124,25 @@
 
 <div class="container">
 
-    <h2>جستجوی اسناد</h2>
+    <h2>سامانه جست‌وجوی اسناد</h2>
+
+    <p class="description">جست‌وجو در تمام ستون‌های اسناد</p>
 
     <input
         type="text"
         id="searchInput"
-        placeholder="جستجو بر اساس عنوان سند یا شناسه داخلی سند..."
+        placeholder="عبارت، عنوان یا شناسه سند را وارد کنید..."
+        disabled
     >
 
-    <table>
-        <thead>
-            <tr>
-                <th>ردیف</th>
-                <th>عنوان سند</th>
-                <th>شناسه داخلی سند</th>
-            </tr>
-        </thead>
+    <div id="status">در حال بارگذاری اسناد...</div>
 
-        <tbody id="results">
-        </tbody>
-    </table>
-
-    <div id="status">در حال دریافت اطلاعات...</div>
+    <div id="results"></div>
 
 </div>
 
+
 <script src="./search.js"></script>
 
 </body>
-</html>
\ No newline at end of file
+</html>