A lot of things

- Added Database page.
- Added Xenforo API compatibility
- Added Hovercard
- Added Notifications

resources/css/components/hovercard.css

@@ -0,0 +1,119 @@
+.hovercard-overlay {
+    position: absolute;
+    z-index: 2000;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
+}
+
+.hovercard-overlay-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 30px;
+    color: var(--text2);
+}
+
+.hovercard-overlay-error {
+    padding: 20px;
+    text-align: center;
+    color: var(--text2);
+    font-size: 0.85rem;
+}
+
+.hovercard {
+    width: 280px;
+}
+
+.hovercard-header {
+    height: 70px;
+    background-color: var(--bg3);
+    border-bottom: 1px solid var(--border);
+    position: relative;
+}
+
+.hovercard-avatar {
+    position: absolute;
+    bottom: -26px;
+    left: 16px;
+    width: 52px;
+    height: 52px;
+    border-radius: 50%;
+    border: 3px solid var(--bg2);
+    overflow: hidden;
+    background-color: var(--bg4);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 600;
+    font-size: 1.2rem;
+    color: var(--text);
+
+    img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+}
+
+.hovercard-body {
+    padding: 34px 16px 16px;
+}
+
+.hovercard-username {
+    font-weight: 600;
+    font-size: 1rem;
+    color: var(--text);
+    margin-bottom: 2px;
+}
+
+.hovercard-title {
+    font-size: 0.8rem;
+    color: var(--rhpz-orange);
+    margin-bottom: 14px;
+    min-height: 14px;
+}
+
+.hovercard-stats {
+    display: flex;
+    border: 1px solid var(--border);
+    margin-bottom: 14px;
+}
+
+.hovercard-stat {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 8px 4px;
+    border-right: 1px solid var(--border);
+
+    &:last-child {
+        border-right: none;
+    }
+
+    .stat-value {
+        font-size: 0.95rem;
+        font-weight: 600;
+        color: var(--text);
+    }
+
+    .stat-label {
+        font-size: 0.68rem;
+        color: var(--text2);
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+        margin-top: 2px;
+    }
+}
+
+.hovercard-actions {
+    display: flex;
+    gap: 8px;
+}
+
+.hovercard-actions .btn {
+    flex: 1;
+    justify-content: center;
+    font-size: 0.82rem;
+}