Temp user updates and several bug fixes

map/app/public/css/admin.css

@@ -815,6 +815,44 @@
     color: white;
 }
 
+.user-role.temp {
+    background-color: #ff9800;
+    color: white;
+}
+
+.expiration-info {
+    display: inline-block;
+    margin-left: 8px;
+    font-size: 0.8em;
+    color: #666;
+    background: #f5f5f5;
+    padding: 2px 6px;
+    border-radius: 3px;
+}
+
+.expiration-warning {
+    color: #ff5722;
+    font-weight: bold;
+}
+
+.expires-soon {
+    background-color: #fff3cd;
+    border-left: 4px solid #ffc107;
+}
+
+.expired {
+    background-color: #f8d7da;
+    border-left: 4px solid #dc3545;
+    opacity: 0.7;
+}
+
+.help-text {
+    font-size: 0.85em;
+    color: #666;
+    margin-top: 4px;
+    display: block;
+}
+
 .user-actions {
     display: flex;
     gap: 8px;

map/app/public/css/modules/base.css

@@ -54,3 +54,22 @@ body {
     width: 100%;
     overflow-x: hidden; /* Prevent horizontal scrolling */
 }
+
+/* Badge styles */
+.badge {
+    display: inline-block;
+    padding: 0.25rem 0.5rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+    line-height: 1;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: baseline;
+    border-radius: 0.375rem;
+    margin-left: 0.5rem;
+}
+
+.temp-badge {
+    background-color: var(--warning-color);
+    color: white;
+}

map/app/public/css/modules/temp-user.css

@@ -0,0 +1,31 @@
+/* Temp User Restrictions */
+.temp-badge {
+    display: inline-block;
+    padding: 2px 8px;
+    background-color: #ff9800;
+    color: white;
+    font-size: 11px;
+    font-weight: bold;
+    border-radius: 3px;
+    margin-left: 5px;
+    text-transform: uppercase;
+}
+
+/* Hide restricted elements for temp users */
+.temp-restricted {
+    display: none !important;
+}
+
+/* More specific selectors to ensure hiding */
+a.temp-restricted,
+.btn.temp-restricted,
+.header-actions .temp-restricted,
+.mobile-dropdown-item.temp-restricted {
+    display: none !important;
+}
+
+/* Hide Shift links/buttons whenever body has .temp-user */
+body.temp-user a[href="/shifts.html"],
+body.temp-user .mobile-dropdown-item a[href="/shifts.html"] {
+    display: none !important;
+}

map/app/public/css/style.css

@@ -16,3 +16,4 @@
 @import url("modules/cache-busting.css");
 @import url("modules/apartment-popup.css");
 @import url("modules/apartment-marker.css");
+@import url("modules/temp-user.css")