RBAC and Doc updates

web/static/css/style.css

@@ -145,6 +145,25 @@ body {
     gap: var(--space-3);
 }
 
+.user-details {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: var(--space-1);
+}
+
+.user-name {
+    font-weight: 500;
+    font-size: var(--font-size-sm);
+    color: var(--gray-900);
+}
+
+.user-role {
+    font-size: var(--font-size-xs);
+    color: var(--gray-500);
+    text-transform: capitalize;
+}
+
 .status-indicator {
     display: flex;
     align-items: center;
@@ -402,6 +421,32 @@ body {
     color: var(--gray-600);
 }
 
+/* Role badges */
+.role-badge {
+    display: inline-flex;
+    align-items: center;
+    padding: var(--space-1) var(--space-2);
+    border-radius: var(--radius-sm);
+    font-size: var(--font-size-xs);
+    font-weight: 500;
+    text-transform: capitalize;
+}
+
+.role-badge.role-administrator {
+    background: #fef3c7;
+    color: #92400e;
+}
+
+.role-badge.role-operator {
+    background: #dbeafe;
+    color: #1e40af;
+}
+
+.role-badge.role-read-only {
+    background: var(--gray-100);
+    color: var(--gray-600);
+}
+
 /* Action buttons in tables */
 .action-buttons {
     display: flex;