feat: Initialize ObsiGate application with core frontend and backend components.

frontend/style.css

@@ -4653,6 +4653,12 @@ body.popup-mode .content-area {
   width: 100%;
   display: flex;
   flex-direction: column;
+  gap: 32px;
+}
+
+.dashboard-section {
+  display: flex;
+  flex-direction: column;
 }
 
 .dashboard-header {
@@ -4833,9 +4839,32 @@ body.popup-mode .content-area {
   font-weight: 600;
   padding: 3px 8px;
   border-radius: 10px;
-  background: var(--accent);
-  color: white;
-  opacity: 0.9;
+  background: var(--bg-primary);
+  color: var(--text-secondary);
+  border: 1px solid var(--border);
+  margin-right: auto;
+}
+
+.dashboard-card-bookmark-btn {
+  background: transparent;
+  border: none;
+  color: var(--text-muted);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+}
+
+.dashboard-card-bookmark-btn:hover {
+  background: var(--bg-primary);
+  color: var(--accent);
+}
+
+.dashboard-card-bookmark-btn.active {
+  color: var(--accent-green);
 }
 
 /* Card title */