diff --git a/original-style.css b/original-style.css
new file mode 100644
index 0000000..c63c8d0
--- /dev/null
+++ b/original-style.css
@@ -0,0 +1,571 @@
+/* CSS Variables for theming */
+:root {
+    --bg-color: #f4f4f9;
+    --text-color: #333;
+    --card-bg: white;
+    --border-color: #ddd;
+    --input-bg: white;
+    --input-border: #ddd;
+    --button-bg: #007bff;
+    --button-hover: #0056b3;
+    --header-bg: transparent;
+    --footer-border: #ddd;
+    --table-header-bg: #f8f9fa;
+    --table-hover: #f8f9fa;
+    --toggle-bg: #f8f9fa;
+    --toggle-border: #dee2e6;
+    --toggle-active-bg: #007bff;
+    --shadow: rgba(0,0,0,0.1);
+}
+
+/* Dark mode variables */
+[data-theme="dark"] {
+    --bg-color: #1a1a1a;
+    --text-color: #e0e0e0;
+    --card-bg: #2d2d2d;
+    --border-color: #404040;
+    --input-bg: #333;
+    --input-border: #555;
+    --button-bg: #4a90e2;
+    --button-hover: #357abd;
+    --header-bg: transparent;
+    --footer-border: #404040;
+    --table-header-bg: #3a3a3a;
+    --table-hover: #3a3a3a;
+    --toggle-bg: #404040;
+    --toggle-border: #555;
+    --toggle-active-bg: #4a90e2;
+    --shadow: rgba(0,0,0,0.3);
+}
+
+/* Auto system theme detection */
+@media (prefers-color-scheme: dark) {
+    :root[data-theme="auto"] {
+        --bg-color: #1a1a1a;
+        --text-color: #e0e0e0;
+        --card-bg: #2d2d2d;
+        --border-color: #404040;
+        --input-bg: #333;
+        --input-border: #555;
+        --button-bg: #4a90e2;
+        --button-hover: #357abd;
+        --header-bg: transparent;
+        --footer-border: #404040;
+        --table-header-bg: #3a3a3a;
+        --table-hover: #3a3a3a;
+        --toggle-bg: #404040;
+        --toggle-border: #555;
+        --toggle-active-bg: #4a90e2;
+        --shadow: rgba(0,0,0,0.3);
+    }
+}
+
+@media (prefers-color-scheme: light) {
+    :root[data-theme="auto"] {
+        --bg-color: #f4f4f9;
+        --text-color: #333;
+        --card-bg: white;
+        --border-color: #ddd;
+        --input-bg: white;
+        --input-border: #ddd;
+        --button-bg: #007bff;
+        --button-hover: #0056b3;
+        --header-bg: transparent;
+        --footer-border: #ddd;
+        --table-header-bg: #f8f9fa;
+        --table-hover: #f8f9fa;
+        --toggle-bg: #f8f9fa;
+        --toggle-border: #dee2e6;
+        --toggle-active-bg: #007bff;
+        --shadow: rgba(0,0,0,0.1);
+    }
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    margin: 0;
+    padding: 0;
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.container {
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 20px;
+}
+
+header {
+    text-align: center;
+    padding-bottom: 20px;
+}
+
+.map-section, .form-section {
+    margin-bottom: 20px;
+    padding: 15px;
+    background-color: var(--card-bg);
+    border-radius: 8px;
+    box-shadow: 0 2px 4px var(--shadow);
+    transition: background-color 0.3s ease;
+}
+
+.map-section {
+    height: auto;
+    min-height: 650px;
+    padding-bottom: 20px;
+}
+
+#map {
+    width: 100%;
+    height: 600px;
+    border-radius: 8px;
+    margin-bottom: 15px;
+}
+
+.form-group {
+    margin-bottom: 10px;
+}
+
+input[type="text"], textarea {
+    width: calc(100% - 20px);
+    padding: 8px;
+    margin-top: 5px;
+    border: 1px solid var(--input-border);
+    border-radius: 4px;
+    background-color: var(--input-bg);
+    color: var(--text-color);
+    transition: background-color 0.3s ease, border-color 0.3s ease;
+}
+
+.autocomplete-container {
+    position: relative;
+    width: 100%;
+}
+
+.autocomplete-list {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background: var(--card-bg);
+    border: 1px solid var(--border-color);
+    border-top: none;
+    border-radius: 0 0 4px 4px;
+    max-height: 200px;
+    overflow-y: auto;
+    z-index: 1000;
+    display: none;
+    box-shadow: 0 4px 6px var(--shadow);
+}
+
+.autocomplete-item {
+    padding: 10px;
+    cursor: pointer;
+    border-bottom: 1px solid #eee;
+}
+
+.autocomplete-item:hover,
+.autocomplete-item.selected {
+    background-color: var(--table-hover);
+}
+
+.autocomplete-item:last-child {
+    border-bottom: none;
+}
+
+.input-help {
+    color: #666;
+    font-size: 0.85em;
+    margin-top: 4px;
+    display: block;
+}
+
+button[type="submit"] {
+    background-color: var(--button-bg);
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    cursor: pointer;
+    border-radius: 4px;
+    transition: background-color 0.2s ease-in;
+}
+
+button[type="submit"]:hover {
+    background-color: var(--button-hover);
+}
+
+.message {
+    margin-top: 10px;
+    padding: 10px;
+    display: none;
+    border-radius: 4px;
+}
+
+.success {
+    background-color: #d4edda;
+    color: #155724;
+}
+
+.error {
+    background-color: #f8d7da;
+    color: #721c24;
+}
+
+/* Header layout for theme toggle */
+.header-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 20px;
+}
+
+.header-text {
+    flex: 1;
+}
+
+/* Theme toggle button */
+.theme-toggle {
+    background: var(--card-bg);
+    border: 2px solid var(--border-color);
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 4px var(--shadow);
+    flex-shrink: 0;
+}
+
+.theme-toggle:hover {
+    transform: scale(1.1);
+    box-shadow: 0 4px 8px var(--shadow);
+}
+
+.theme-icon {
+    font-size: 20px;
+    transition: transform 0.3s ease;
+}
+
+[data-theme="dark"] .theme-icon {
+    transform: rotate(180deg);
+}
+
+footer {
+    text-align: center;
+    padding: 30px 20px;
+    margin-top: 30px;
+    border-top: 1px solid var(--footer-border);
+    clear: both;
+    transition: border-color 0.3s ease;
+}
+
+.disclaimer {
+    font-size: 0.8em;
+    color: #777;
+}
+
+/* Reports header and toggle */
+.reports-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+}
+
+.view-toggle {
+    display: flex;
+    gap: 10px;
+}
+
+.toggle-btn {
+    background-color: var(--toggle-bg);
+    border: 2px solid var(--toggle-border);
+    color: var(--text-color);
+    padding: 8px 16px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: 500;
+    transition: all 0.2s ease;
+}
+
+.toggle-btn:hover {
+    opacity: 0.8;
+}
+
+.toggle-btn.active {
+    background-color: var(--toggle-active-bg);
+    border-color: var(--toggle-active-bg);
+    color: white;
+}
+
+.toggle-btn.active:hover {
+    opacity: 0.9;
+}
+
+/* View containers */
+.view-container {
+    width: 100%;
+}
+
+/* Table view styles */
+.table-container {
+    overflow-x: auto;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.reports-table {
+    width: 100%;
+    border-collapse: collapse;
+    background: var(--card-bg);
+    font-size: 14px;
+    transition: background-color 0.3s ease;
+}
+
+.reports-table th {
+    background-color: var(--table-header-bg);
+    color: var(--text-color);
+    font-weight: 600;
+    padding: 12px;
+    text-align: left;
+    border-bottom: 2px solid var(--border-color);
+    position: sticky;
+    top: 0;
+    z-index: 10;
+}
+
+.reports-table td {
+    padding: 12px;
+    border-bottom: 1px solid var(--border-color);
+    vertical-align: top;
+}
+
+.reports-table tr:hover {
+    background-color: var(--table-hover);
+}
+
+.reports-table tr:last-child td {
+    border-bottom: none;
+}
+
+.table-controls {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15px;
+}
+
+.table-info {
+    color: #666;
+    font-size: 14px;
+}
+
+/* Table cell specific styles */
+.location-cell {
+    font-weight: 500;
+    color: #495057;
+    max-width: 250px;
+}
+
+.details-cell {
+    color: #6c757d;
+    font-style: italic;
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.time-cell {
+    font-size: 12px;
+    color: #868e96;
+}
+
+.remaining-cell {
+    font-weight: 500;
+    font-size: 12px;
+}
+
+.remaining-cell.urgent {
+    color: #dc3545;
+    font-weight: 600;
+}
+
+.remaining-cell.warning {
+    color: #fd7e14;
+    font-weight: 600;
+}
+
+.remaining-cell.normal {
+    color: #28a745;
+}
+
+.loading {
+    text-align: center;
+    color: #6c757d;
+    font-style: italic;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .container {
+        padding: 10px;
+    }
+    
+    .header-content {
+        flex-direction: column;
+        align-items: center;
+        gap: 15px;
+    }
+    
+    .header-text {
+        text-align: center;
+    }
+    
+    .theme-toggle {
+        align-self: center;
+    }
+    
+    header h1 {
+        font-size: 1.5em;
+    }
+    
+    header p {
+        font-size: 0.9em;
+    }
+    
+    .map-section, .form-section {
+        padding: 10px;
+        margin-bottom: 15px;
+    }
+    
+    #map {
+        height: 400px;
+    }
+    
+    .form-group {
+        margin-bottom: 15px;
+    }
+    
+    input[type="text"], textarea {
+        font-size: 16px; /* Prevents zoom on iOS */
+        width: calc(100% - 16px);
+        padding: 12px 8px;
+    }
+    
+    button[type="submit"] {
+        width: 100%;
+        padding: 15px;
+        font-size: 16px;
+    }
+    
+    .reports-header {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 15px;
+        text-align: center;
+    }
+    
+    .reports-header h2 {
+        font-size: 1.3em;
+        margin-bottom: 0;
+    }
+    
+    .view-toggle {
+        justify-content: center;
+    }
+    
+    .toggle-btn {
+        flex: 1;
+        font-size: 14px;
+        padding: 12px 8px;
+    }
+    
+    .reports-table {
+        font-size: 12px;
+    }
+    
+    .reports-table th,
+    .reports-table td {
+        padding: 8px 4px;
+    }
+    
+    .location-cell {
+        max-width: 120px;
+        font-size: 11px;
+    }
+    
+    .details-cell {
+        max-width: 100px;
+        font-size: 11px;
+    }
+    
+    .time-cell {
+        font-size: 10px;
+    }
+    
+    .remaining-cell {
+        font-size: 10px;
+    }
+    
+    .autocomplete-list {
+        max-height: 150px;
+    }
+    
+    .input-help {
+        font-size: 0.8em;
+    }
+    
+    footer {
+        padding: 20px 10px;
+        font-size: 0.9em;
+    }
+}
+
+/* Extra small screens */
+@media (max-width: 480px) {
+    .container {
+        padding: 5px;
+    }
+    
+    header h1 {
+        font-size: 1.3em;
+    }
+    
+    .map-section, .form-section {
+        padding: 8px;
+    }
+    
+    #map {
+        height: 300px;
+    }
+    
+    .reports-table th {
+        font-size: 10px;
+        padding: 6px 2px;
+    }
+    
+    .reports-table td {
+        font-size: 10px;
+        padding: 6px 2px;
+    }
+    
+    .location-cell {
+        max-width: 100px;
+    }
+    
+    .details-cell {
+        max-width: 80px;
+    }
+    
+    .toggle-btn {
+        font-size: 12px;
+        padding: 10px 6px;
+    }
+}
diff --git a/package-lock.json b/package-lock.json
index 2648dab..d8eb820 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "icewatch",
+  "name": "great-lakes-ice-report",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "icewatch",
+      "name": "great-lakes-ice-report",
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
diff --git a/public/admin.html b/public/admin.html
index b993aa8..c5b7820 100644
--- a/public/admin.html
+++ b/public/admin.html
@@ -6,7 +6,7 @@
     <title>Great Lakes Ice Report Admin</title>
     <link rel="icon" type="image/svg+xml" href="https://iceymi.b-cdn.net/favicon.svg">
     <link rel="icon" type="image/x-icon" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnNub3dmbGFrZSB7IGZpbGw6ICMyMTk2RjM7IH0KICAgICAgLmNlbnRlciB7IGZpbGw6ICMxOTc2RDI7IH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIAogIDxnIGNsYXNzPSJzbm93Zmxha2UiPgogICAgPHJlY3QgeD0iMTUiIHk9IjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjI4IiAvPgogICAgPHJlY3QgeD0iMiIgeT0iMTUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyIiAvPgogICAgPHJlY3QgeD0iMTUiIHk9IjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjI4IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNiAxNikiIC8+CiAgICA8cmVjdCB4PSIxNSIgeT0iMiIgd2lkdGg9IjIiIGhlaWdodD0iMjgiIHRyYW5zZm9ybT0icm90YXRlKC00NSAxNiAxNikiIC8+CiAgICA8cG9seWdvbiBwb2ludHM9IjE2LDIgMTQsNiAxOCw2IiAvPgogICAgPHBvbHlnb24gcG9pbnRzPSIxNiwzMCAxNCwyNiAxOCwyNiIgLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMiwxNiA2LDE0IDYsMTgiIC8+CiAgICA8cG9seWdvbiBwb2ludHM9IjMwLDE2IDI2LDE0IDI2LDE4IiAvPgogICAgPHBvbHlnb24gcG9pbnRzPSI2LjMsNi4zIDguNiw0IDkuOSw3LjciIHRyYW5zZm9ybT0icm90YXRlKDQ1IDE2IDE2KSIgLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMjUuNywyNS43IDIzLjQsMjggMjIuMSwyNC4zIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNiAxNikiIC8+CiAgICA8cG9seWdvbiBwb2ludHM9IjYuMywyNS43IDguNiwyOCA5LjksMjQuMyIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDE2IDE2KSIgLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMjUuNyw2LjMgMjMuNCw0IDIyLjEsNy43IiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMTYgMTYpIiAvPgogIDwvZz4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIzIiBjbGFzcz0iY2VudGVyIiAvPgo8L3N2Zz4K">
-    <link rel="stylesheet" href="https://iceymi.b-cdn.net/style.css">
+    <link rel="stylesheet" href="style.css">
     <style>
         .admin-container {
             max-width: 1200px;
diff --git a/public/index.html b/public/index.html
index 6a0f713..874e73f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,7 +7,7 @@
     <link rel="icon" type="image/svg+xml" href="https://iceymi.b-cdn.net/favicon.svg">
     <link rel="icon" type="image/x-icon" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnNub3dmbGFrZSB7IGZpbGw6ICMyMTk2RjM7IH0KICAgICAgLmNlbnRlciB7IGZpbGw6ICMxOTc2RDI7IH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIAogIDxnIGNsYXNzPSJzbm93Zmxha2UiPgogICAgPHJlY3QgeD0iMTUiIHk9IjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjI4IiAvPgogICAgPHJlY3QgeD0iMiIgeT0iMTUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyIiAvPgogICAgPHJlY3QgeD0iMTUiIHk9IjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjI4IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNiAxNikiIC8+CiAgICA8cmVjdCB4PSIxNSIgeT0iMiIgd2lkdGg9IjIiIGhlaWdodD0iMjgiIHRyYW5zZm9ybT0icm90YXRlKC00NSAxNiAxNikiIC8+CiAgICA8cG9seWdvbiBwb2ludHM9IjE2LDIgMTQsNiAxOCw2IiAvPgogICAgPHBvbHlnb24gcG9pbnRzPSIxNiwzMCAxNCwyNiAxOCwyNiIgLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMiwxNiA2LDE0IDYsMTgiIC8+CiAgICA8cG9seWdvbiBwb2ludHM9IjMwLDE2IDI2LDE0IDI2LDE4IiAvPgogICAgPHBvbHlnb24gcG9pbnRzPSI2LjMsNi4zIDguNiw0IDkuOSw3LjciIHRyYW5zZm9ybT0icm90YXRlKDQ1IDE2IDE2KSIgLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMjUuNywyNS43IDIzLjQsMjggMjIuMSwyNC4zIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNiAxNikiIC8+CiAgICA8cG9seWdvbiBwb2ludHM9IjYuMywyNS43IDguNiwyOCA5LjksMjQuMyIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDE2IDE2KSIgLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMjUuNyw2LjMgMjMuNCw0IDIyLjEsNy43IiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMTYgMTYpIiAvPgogIDwvZz4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIzIiBjbGFzcz0iY2VudGVyIiAvPgo8L3N2Zz4K">
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
-    <link rel="stylesheet" href="https://iceymi.b-cdn.net/style.css">
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <div class="container">
@@ -108,6 +108,6 @@ placeholder="Enter address, intersection (e.g., Main St & Second St, City), or l
     </div>
 
     <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
-    <script src="https://iceymi.b-cdn.net/app-mapbox.js"></script>
+    <script src="app-mapbox.js"></script>
 </body>
 </html>
diff --git a/public/privacy.html b/public/privacy.html
index e52aa6d..02fded8 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -6,7 +6,7 @@
     <title>Privacy Policy - Great Lakes Ice Report</title>
     <link rel="icon" type="image/svg+xml" href="https://iceymi.b-cdn.net/favicon.svg">
     <link rel="icon" type="image/x-icon" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnNub3dmbGFrZSB7IGZpbGw6ICMyMTk2RjM7IH0KICAgICAgLmNlbnRlciB7IGZpbGw6ICMxOTc2RDI7IH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIAogIDxnIGNsYXNzPSJzbm93Zmxha2UiPgogICAgPHJlY3QgeD0iMTUiIHk9IjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjI4IiAvPgogICAgPHJlY3QgeD0iMiIgeT0iMTUiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyIiAvPgogICAgPHJlY3QgeD0iMTUiIHk9IjIiIHdpZHRoPSIyIiBoZWlnaHQ9IjI4IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNiAxNikiIC8+CiAgICA8cmVjdCB4PSIxNSIgeT0iMiIgd2lkdGg9IjIiIGhlaWdodD0iMjgiIHRyYW5zZm9ybT0icm90YXRlKC00NSAxNiAxNikiIC8+CiAgICA8cG9seWdvbiBwb2ludHM9IjE2LDIgMTQsNiAxOCw2IiAvPgogICAgPHBvbHlnb24gcG9pbnRzPSIxNiwzMCAxNCwyNiAxOCwyNiIgLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMiwxNiA2LDE0IDYsMTgiIC8+CiAgICA8cG9seWdvbiBwb2ludHM9IjMwLDE2IDI2LDE0IDI2LDE4IiAvPgogICAgPHBvbHlnb24gcG9pbnRzPSI2LjMsNi4zIDguNiw0IDkuOSw3LjciIHRyYW5zZm9ybT0icm90YXRlKDQ1IDE2IDE2KSIgLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMjUuNywyNS43IDIzLjQsMjggMjIuMSwyNC4zIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNiAxNikiIC8+CiAgICA8cG9seWdvbiBwb2ludHM9IjYuMywyNS43IDguNiwyOCA5LjksMjQuMyIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDE2IDE2KSIgLz4KICAgIDxwb2x5Z29uIHBvaW50cz0iMjUuNyw2LjMgMjMuNCw0IDIyLjEsNy43IiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMTYgMTYpIiAvPgogIDwvZz4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIzIiBjbGFzcz0iY2VudGVyIiAvPgo8L3N2Zz4K">
-    <link rel="stylesheet" href="https://iceymi.b-cdn.net/style.css">
+    <link rel="stylesheet" href="style.css">
     <style>
         .privacy-container {
             max-width: 800px;
diff --git a/public/style-backup.css b/public/style-backup.css
new file mode 100644
index 0000000..a694040
--- /dev/null
+++ b/public/style-backup.css
@@ -0,0 +1,370 @@
+:root {
+  --primary-color: #2563eb;
+  --secondary-color: #64748b;
+  --accent-color: #3b82f6;
+  --danger-color: #ef4444;
+  --warning-color: #f59e0b;
+  --success-color: #10b981;
+  --text-color: #1f2937;
+  --text-secondary: #6b7280;
+  --text-tertiary: #9ca3af;
+  --text-muted: #d1d5db;
+  --bg-color: #ffffff;
+  --bg-secondary: #f9fafb;
+  --bg-tertiary: #f3f4f6;
+  --bg-hover: #f1f5f9;
+  --border-color: #e5e7eb;
+  --border-secondary: #d1d5db;
+  --status-active: #10b981;
+  --status-warning: #f59e0b;
+  --status-danger: #ef4444;
+  --status-info: #3b82f6;
+}
+
+[data-theme=dark] {
+  --text-color: #f9fafb;
+  --text-secondary: #d1d5db;
+  --text-tertiary: #9ca3af;
+  --text-muted: #6b7280;
+  --bg-color: #111827;
+  --bg-secondary: #1f2937;
+  --bg-tertiary: #374151;
+  --bg-hover: #4b5563;
+  --border-color: #374151;
+  --border-secondary: #4b5563;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1.5rem;
+  background-color: var(--bg-color);
+  border-radius: 0.75rem;
+  overflow: hidden;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+@media (max-width: 768px) {
+  .table {
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+  .table th, .table td {
+    min-width: 120px;
+  }
+}
+.table th {
+  background-color: var(--bg-secondary);
+  color: var(--text-color);
+  font-weight: 600;
+  text-align: left;
+  padding: 1rem;
+  border-bottom: 2px solid var(--border-color);
+}
+.table th:first-child {
+  border-top-left-radius: 0.75rem;
+}
+.table th:last-child {
+  border-top-right-radius: 0.75rem;
+}
+.table td {
+  padding: 1rem;
+  border-bottom: 1px solid var(--border-color);
+  color: var(--text-color);
+  vertical-align: top;
+}
+.table td:first-child {
+  padding-left: 1.5rem;
+}
+.table td:last-child {
+  padding-right: 1.5rem;
+}
+.table tbody tr {
+  transition: background-color 0.2s ease;
+}
+.table tbody tr:hover {
+  background-color: var(--bg-hover);
+}
+.table tbody tr:last-child td {
+  border-bottom: none;
+}
+
+.reports-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1.5rem;
+  background-color: var(--bg-color);
+  border-radius: 0.75rem;
+  overflow: hidden;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+@media (max-width: 768px) {
+  .reports-table {
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+  .reports-table th, .reports-table td {
+    min-width: 120px;
+  }
+}
+.reports-table th {
+  background-color: var(--bg-secondary);
+  color: var(--text-color);
+  font-weight: 600;
+  text-align: left;
+  padding: 1rem;
+  border-bottom: 2px solid var(--border-color);
+}
+.reports-table th:first-child {
+  border-top-left-radius: 0.75rem;
+}
+.reports-table th:last-child {
+  border-top-right-radius: 0.75rem;
+}
+.reports-table td {
+  padding: 1rem;
+  border-bottom: 1px solid var(--border-color);
+  color: var(--text-color);
+  vertical-align: top;
+}
+.reports-table td:first-child {
+  padding-left: 1.5rem;
+}
+.reports-table td:last-child {
+  padding-right: 1.5rem;
+}
+.reports-table tbody tr {
+  transition: background-color 0.2s ease;
+}
+.reports-table tbody tr:hover {
+  background-color: var(--bg-hover);
+}
+.reports-table tbody tr:last-child td {
+  border-bottom: none;
+}
+.reports-table .location-cell {
+  color: var(--text-color);
+  font-size: 14px;
+  font-weight: 500;
+  max-width: 250px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.reports-table .details-cell {
+  color: var(--text-color);
+  font-size: 14px;
+  font-weight: 400;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-style: italic;
+}
+.reports-table .time-cell {
+  color: var(--text-color);
+  font-size: 12px;
+  font-weight: 400;
+}
+.reports-table .remaining-cell {
+  color: var(--text-color);
+  font-size: 12px;
+  font-weight: 500;
+}
+.reports-table .remaining-cell.urgent {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.5rem;
+  font-size: 12px;
+  font-weight: 500;
+  background-color: var(--danger-color);
+  color: white;
+  text-transform: uppercase;
+  letter-spacing: 0.025em;
+}
+.reports-table .remaining-cell.warning {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.5rem;
+  font-size: 12px;
+  font-weight: 500;
+  background-color: var(--warning-color);
+  color: white;
+  text-transform: uppercase;
+  letter-spacing: 0.025em;
+}
+.reports-table .remaining-cell.normal {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.5rem;
+  font-size: 12px;
+  font-weight: 500;
+  background-color: var(--success-color);
+  color: white;
+  text-transform: uppercase;
+  letter-spacing: 0.025em;
+}
+
+.admin-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1.5rem;
+  background-color: var(--bg-color);
+  border-radius: 0.75rem;
+  overflow: hidden;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+@media (max-width: 768px) {
+  .admin-table {
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+  .admin-table th, .admin-table td {
+    min-width: 120px;
+  }
+}
+.admin-table th {
+  background-color: var(--bg-secondary);
+  color: var(--text-color);
+  font-weight: 600;
+  text-align: left;
+  padding: 1rem;
+  border-bottom: 2px solid var(--border-color);
+}
+.admin-table th:first-child {
+  border-top-left-radius: 0.75rem;
+}
+.admin-table th:last-child {
+  border-top-right-radius: 0.75rem;
+}
+.admin-table td {
+  padding: 1rem;
+  border-bottom: 1px solid var(--border-color);
+  color: var(--text-color);
+  vertical-align: top;
+}
+.admin-table td:first-child {
+  padding-left: 1.5rem;
+}
+.admin-table td:last-child {
+  padding-right: 1.5rem;
+}
+.admin-table tbody tr {
+  transition: background-color 0.2s ease;
+}
+.admin-table tbody tr:hover {
+  background-color: var(--bg-hover);
+}
+.admin-table tbody tr:last-child td {
+  border-bottom: none;
+}
+
+.location-cell {
+  color: var(--text-color);
+  font-size: 14px;
+  font-weight: 500;
+  max-width: 250px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.details-cell {
+  color: var(--text-secondary);
+  font-size: 14px;
+  font-weight: 400;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-style: italic;
+}
+
+.time-cell {
+  color: var(--text-tertiary);
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.remaining-cell {
+  color: var(--text-color);
+  font-size: 12px;
+  font-weight: 500;
+}
+.remaining-cell.urgent {
+  color: var(--danger-color);
+  font-weight: 600;
+}
+.remaining-cell.warning {
+  color: var(--warning-color);
+  font-weight: 600;
+}
+
+@media (max-width: 640px) {
+  .reports-table .location-cell,
+  .admin-table .location-cell {
+    max-width: 150px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .reports-table .details-cell,
+  .admin-table .details-cell {
+    max-width: 120px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  background-color: var(--bg-color);
+  color: var(--text-color);
+  line-height: 1.6;
+}
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.5rem 1rem;
+  border: none;
+  border-radius: 0.5rem;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.btn.btn-primary {
+  background-color: var(--primary-color);
+  color: white;
+}
+.btn.btn-primary:hover {
+  background-color: rgb(18.5714285714, 76.1428571429, 202.4285714286);
+}
+.btn.btn-secondary {
+  background-color: var(--secondary-color);
+  color: white;
+}
+.btn.btn-secondary:hover {
+  background-color: rgb(78.6610878661, 91.2468619247, 109.3389121339);
+}
+.btn.btn-danger {
+  background-color: var(--danger-color);
+  color: white;
+}
+.btn.btn-danger:hover {
+  background-color: rgb(234.9802955665, 21.0197044335, 21.0197044335);
+}
+
+/*# sourceMappingURL=style.css.map */
diff --git a/public/style.css b/public/style.css
index 3179521..31513ad 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2,8 +2,6 @@
 :root {
     --bg-color: #f4f4f9;
     --text-color: #333;
-    --text-secondary: #666;
-    --text-tertiary: #999;
     --card-bg: white;
     --border-color: #ddd;
     --input-bg: white;
@@ -24,8 +22,6 @@
 [data-theme="dark"] {
     --bg-color: #1a1a1a;
     --text-color: #e0e0e0;
-    --text-secondary: #b0b0b0;
-    --text-tertiary: #909090;
     --card-bg: #2d2d2d;
     --border-color: #404040;
     --input-bg: #333;
@@ -47,8 +43,6 @@
     :root[data-theme="auto"] {
         --bg-color: #1a1a1a;
         --text-color: #e0e0e0;
-        --text-secondary: #b0b0b0;
-        --text-tertiary: #909090;
         --card-bg: #2d2d2d;
         --border-color: #404040;
         --input-bg: #333;
@@ -70,8 +64,6 @@
     :root[data-theme="auto"] {
         --bg-color: #f4f4f9;
         --text-color: #333;
-        --text-secondary: #666;
-        --text-tertiary: #999;
         --card-bg: white;
         --border-color: #ddd;
         --input-bg: white;
@@ -171,8 +163,7 @@ input[type="text"], textarea {
 .autocomplete-item {
     padding: 10px;
     cursor: pointer;
-    border-bottom: 1px solid var(--border-color);
-    color: var(--text-color);
+    border-bottom: 1px solid #eee;
 }
 
 .autocomplete-item:hover,
@@ -185,7 +176,7 @@ input[type="text"], textarea {
 }
 
 .input-help {
-    color: var(--text-tertiary);
+    color: #666;
     font-size: 0.85em;
     margin-top: 4px;
     display: block;
@@ -275,7 +266,7 @@ footer {
 
 .disclaimer {
     font-size: 0.8em;
-    color: var(--text-tertiary);
+    color: #777;
 }
 
 /* Reports header and toggle */
@@ -325,32 +316,34 @@ footer {
 /* Table view styles */
 .table-container {
     overflow-x: auto;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
 
 .reports-table {
     width: 100%;
     border-collapse: collapse;
     background: var(--card-bg);
-    color: var(--text-color);
-    border-radius: 8px;
-    overflow: hidden;
-    box-shadow: 0 2px 4px var(--shadow);
     font-size: 14px;
     transition: background-color 0.3s ease;
 }
 
-.reports-table th,
-.reports-table td {
-    padding: 12px;
-    text-align: left;
-    border-bottom: 1px solid var(--border-color);
-    color: var(--text-color);
-}
-
 .reports-table th {
     background-color: var(--table-header-bg);
     color: var(--text-color);
-    font-weight: bold;
+    font-weight: 600;
+    padding: 12px;
+    text-align: left;
+    border-bottom: 2px solid var(--border-color);
+    position: sticky;
+    top: 0;
+    z-index: 10;
+}
+
+.reports-table td {
+    padding: 12px;
+    border-bottom: 1px solid var(--border-color);
+    vertical-align: top;
 }
 
 .reports-table tr:hover {
@@ -369,19 +362,19 @@ footer {
 }
 
 .table-info {
-    color: var(--text-tertiary);
+    color: #666;
     font-size: 14px;
 }
 
 /* Table cell specific styles */
 .location-cell {
     font-weight: 500;
-    color: var(--text-color);
+    color: #495057;
     max-width: 250px;
 }
 
 .details-cell {
-    color: var(--text-secondary);
+    color: #6c757d;
     font-style: italic;
     max-width: 200px;
     overflow: hidden;
@@ -391,32 +384,55 @@ footer {
 
 .time-cell {
     font-size: 12px;
-    color: var(--text-tertiary);
+    color: #868e96;
 }
 
 .remaining-cell {
     font-weight: 500;
     font-size: 12px;
-    color: var(--text-color);
 }
 
 .remaining-cell.urgent {
-    color: #ff6b6b;
+    color: #dc3545;
     font-weight: 600;
 }
 
 .remaining-cell.warning {
-    color: #ffa726;
+    color: #fd7e14;
     font-weight: 600;
 }
 
 .remaining-cell.normal {
-    color: #66bb6a;
+    color: #28a745;
+}
+
+/* Dark mode table cell overrides - ensure text is visible */
+[data-theme="dark"] .location-cell,
+[data-theme="dark"] .details-cell,
+[data-theme="dark"] .time-cell {
+    color: var(--text-color) !important;
+}
+
+[data-theme="dark"] .remaining-cell {
+    color: var(--text-color) !important;
+}
+
+/* Auto theme detection for dark mode */
+@media (prefers-color-scheme: dark) {
+    :root[data-theme="auto"] .location-cell,
+    :root[data-theme="auto"] .details-cell,
+    :root[data-theme="auto"] .time-cell {
+        color: var(--text-color) !important;
+    }
+    
+    :root[data-theme="auto"] .remaining-cell {
+        color: var(--text-color) !important;
+    }
 }
 
 .loading {
     text-align: center;
-    color: var(--text-tertiary);
+    color: #6c757d;
     font-style: italic;
 }
 
diff --git a/server.js b/server.js
index 236fbf2..ecbf339 100644
--- a/server.js
+++ b/server.js
@@ -85,17 +85,17 @@ const authenticateAdmin = (req, res, next) => {
 
 // API Routes
 
-// Get API configuration
+// Get API configuration 
 app.get('/api/config', (req, res) => {
     console.log('📡 API Config requested');
     console.log('MapBox token present:', !!MAPBOX_ACCESS_TOKEN);
     console.log('MapBox token starts with pk:', MAPBOX_ACCESS_TOKEN?.startsWith('pk.'));
     
     res.json({
+        // MapBox tokens are designed to be public (they have domain restrictions)
         mapboxAccessToken: MAPBOX_ACCESS_TOKEN,
-        hasMapbox: !!MAPBOX_ACCESS_TOKEN,
-        googleMapsApiKey: GOOGLE_MAPS_API_KEY,
-        hasGoogleMaps: !!GOOGLE_MAPS_API_KEY
+        hasMapbox: !!MAPBOX_ACCESS_TOKEN
+        // SECURITY: Google Maps API key is kept server-side only
     });
 });