Fix layout errors in main templates and modernize login/registration screens

html/ore_.css

@@ -20,6 +20,9 @@ body {
     font-size: 14px;
     margin: 0;
     padding: 0;
+}
+
+body.modern-ui {
     min-height: 100vh;
     display: flex;
     justify-content: center;
@@ -73,6 +76,49 @@ body {
     justify-content: space-between;
 }
 
+/* Format tables inside cards */
+.card table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 15px 0;
+    color: var(--text-primary);
+    background-color: transparent !important;
+}
+
+.card tr {
+    background-color: transparent !important;
+    transition: background-color 0.2s ease;
+}
+
+.card tr:nth-child(even) {
+    background-color: rgba(255, 255, 255, 0.02) !important;
+}
+
+.card tr:hover {
+    background-color: rgba(255, 255, 255, 0.06) !important;
+}
+
+.card th, .card td {
+    padding: 12px 10px;
+    border-bottom: 1px solid var(--border-color);
+    text-align: center;
+    background-color: transparent !important;
+}
+
+.card th {
+    background-color: rgba(255, 255, 255, 0.05) !important;
+    font-weight: 600;
+    color: #ffffff;
+}
+
+/* Style legacy header row having bgcolor attribute or align center */
+.card tr[bgcolor="#ccccee"] td, .card tr[align="center"] td {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+    font-weight: 600;
+    color: #ffffff !important;
+}
+
+
 /* Legacy fonts overrides */
 tt, pre {
     font-family: 'Inter', system-ui, sans-serif;
@@ -125,6 +171,7 @@ select {
     height: auto;
     cursor: pointer;
     box-sizing: border-box;
+    margin-bottom: 10px;
 }
 
 input[type="text"], input[type="password"] {