diff --git a/templates/index.html b/templates/index.html
index e1c13b6..3ac969f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -14,8 +14,8 @@
             color: #DFD0B8;
         }
         .table-container { width: 100%; overflow-x: auto; max-height: 70vh; }
-        table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #393E46; color: #DFD0B8; }
-        th, td { border: 1px solid #393E46; padding: 0.5em; text-align: center; }
+        table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 700px; margin-bottom: 1em; background: #393E46; color: #DFD0B8; border-radius: 18px; overflow: hidden; }
+        th, td { border: 1px solid #393E46; padding: 0.5em; text-align: center; border-radius: 12px; }
         th { background: #393E46; color: #DFD0B8; position: sticky; top: 0; z-index: 2; }
         .clickable { cursor: pointer; background: #222831; transition: background 0.15s, box-shadow 0.15s; }
         .clickable:hover {
@@ -41,11 +41,14 @@
             color: #222831;
             border: none;
             padding: 0.7em 1.5em;
-            border-radius: 4px;
+            border-radius: 18px;
             font-weight: bold;
             font-size: 1em;
             transition: background 0.2s;
         }
+        button, a#reports-btn {
+            border-radius: 18px !important;
+        }
         #add-date:hover {
             background: #7c765c;
         }
diff --git a/templates/reports.html b/templates/reports.html
index 6d60350..4a4a5f4 100644
--- a/templates/reports.html
+++ b/templates/reports.html
@@ -16,7 +16,7 @@
         .chart-container.large-chart {
             background: #393E46;
             padding: 1.5em 2em;
-            border-radius: 8px;
+            border-radius: 22px;
             margin-bottom: 1em;
             min-width: 400px;
             max-width: 520px;
@@ -29,7 +29,7 @@
             /* Remove forced width: 100% to preserve aspect ratio */
         }
         h2 { color: #948979; font-size: 1.1em; margin-bottom: 0.5em; }
-        a, button { color: #222831; background: #948979; border: none; padding: 0.7em 1.5em; border-radius: 4px; font-weight: bold; font-size: 1em; transition: background 0.2s; cursor: pointer; text-decoration: none; }
+        a, button { color: #222831; background: #948979; border: none; padding: 0.7em 1.5em; border-radius: 18px; font-weight: bold; font-size: 1em; transition: background 0.2s; cursor: pointer; text-decoration: none; }
         a:hover, button:hover { background: #7c765c; }
         @media (max-width: 900px) {
             .charts-flex { flex-direction: column; align-items: stretch; }