User Log and Persistent Faction Information

static/styles.css

@@ -388,3 +388,112 @@ button:hover { background-color: #3399ff; }
 .config-save-btn:hover {
     background-color: #45a049;
 }
+
+/* Users & Activity Log Page */
+.users-log-layout {
+    display: flex;
+    gap: 1.5rem;
+    height: calc(100vh - 150px);
+}
+
+.users-panel {
+    width: 300px;
+    flex-shrink: 0;
+}
+
+.log-panel {
+    flex: 1;
+    min-width: 0;
+}
+
+.log-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+}
+
+.users-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    max-height: 600px;
+    overflow-y: auto;
+}
+
+.user-item {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.6rem;
+    background-color: #2a2a3d;
+    border-radius: 6px;
+}
+
+.user-indicator {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background-color: #4CAF50;
+    box-shadow: 0 0 6px #4CAF50;
+}
+
+.user-name {
+    color: #f0f0f0;
+    font-size: 0.95rem;
+}
+
+.no-users, .no-logs {
+    color: #99a7bf;
+    font-style: italic;
+    text-align: center;
+    padding: 2rem;
+}
+
+.log-container {
+    background-color: #1a1a26;
+    border-radius: 8px;
+    padding: 1rem;
+    height: calc(100vh - 220px);
+    overflow-y: auto;
+    font-family: 'Courier New', monospace;
+    font-size: 0.9rem;
+}
+
+.log-entry {
+    padding: 0.5rem 0;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+    display: flex;
+    gap: 0.8rem;
+    flex-wrap: wrap;
+}
+
+.log-entry:last-child {
+    border-bottom: none;
+}
+
+.log-time {
+    color: #66ccff;
+    font-weight: bold;
+    min-width: 70px;
+}
+
+.log-user {
+    color: #ffcc66;
+    font-weight: bold;
+    min-width: 100px;
+}
+
+.log-action {
+    color: #4CAF50;
+}
+
+.log-details {
+    color: #99a7bf;
+}
+
+.info-text {
+    color: #99a7bf;
+    font-size: 0.85rem;
+    font-style: italic;
+}