Add system settings, audit logging, user management, and dark mode fixes

System Settings:
- Add SystemSettings.vue with Zabbix integration, SMTP/email config, SAML SSO settings
- Add Setting model with key-value storage and typed values
- Add settings API with caching

Audit Logging:
- Add AuditLog model tracking user, IP, action, entity changes
- Add comprehensive audit logging to all CRUD operations:
  - Machines, Computers, Equipment, Network devices, VLANs, Subnets
  - Printers, USB devices (including checkout/checkin)
  - Applications, Settings, Users/Roles
- Track old/new values for all field changes
- Mask sensitive values (passwords, tokens) in logs

User Management:
- Add UsersList.vue with full user CRUD
- Add Role management with granular permissions
- Add 41 predefined permissions across 10 categories
- Add users API with roles and permissions endpoints

Reports:
- Add TonerReport.vue for printer supply monitoring

Dark Mode Fixes:
- Fix map position section in PCForm, PrinterForm
- Fix alert-warning in KnowledgeBaseDetail
- All components now use CSS variables for theming

CLI Commands:
- Add flask seed permissions
- Add flask seed settings

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/assets/style.css

@@ -1506,4 +1506,73 @@ td.actions {
   border-radius: 0.25rem;
 }
 
+/* Notification Banner */
+.notification-banner {
+  display: flex;
+  gap: 0.5rem;
+  margin-bottom: 1rem;
+  flex-wrap: wrap;
+}
+
+.notification-item {
+  flex: 1;
+  min-width: 250px;
+  padding: 0.625rem 0.875rem;
+  border-radius: 6px;
+  border-left: 4px solid var(--border);
+  background: var(--bg-card);
+}
+
+.notification-item.type-incident {
+  border-left-color: var(--danger);
+  background: rgba(245, 54, 92, 0.06);
+}
+
+.notification-item.type-change {
+  border-left-color: var(--warning);
+  background: rgba(255, 136, 0, 0.06);
+}
+
+.notification-item.type-awareness {
+  border-left-color: var(--success);
+  background: rgba(4, 185, 98, 0.06);
+}
+
+.notification-text {
+  display: block;
+  font-size: 0.85rem;
+  font-weight: 500;
+  color: var(--text);
+}
+
+.notification-meta {
+  display: flex;
+  gap: 0.75rem;
+  margin-top: 0.25rem;
+  font-size: 0.75rem;
+  color: var(--text-light);
+}
+
+.notification-ticket {
+  color: var(--link);
+  text-decoration: none;
+  font-family: monospace;
+}
+
+.notification-ticket:hover {
+  text-decoration: underline;
+}
+
+@media (prefers-color-scheme: dark) {
+  .notification-item.type-incident {
+    background: rgba(245, 54, 92, 0.1);
+  }
+  .notification-item.type-change {
+    background: rgba(255, 136, 0, 0.1);
+  }
+  .notification-item.type-awareness {
+    background: rgba(4, 185, 98, 0.1);
+  }
+}
+
 /* Light mode is now default, dark mode via prefers-color-scheme */