Add initial HTML template for MojeGS1 application with Cookiebot and Google Analytics integration

resources/scss/app.scss

@@ -69,6 +69,59 @@ a {
   background: #2e4f93;
 }
 
+.sidebar__group {
+  display: grid;
+  gap: 6px;
+}
+
+.sidebar__group-toggle {
+  list-style: none;
+  border-radius: 8px;
+  padding: 10px 12px;
+  color: #cbd5e1;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.sidebar__group-toggle::-webkit-details-marker {
+  display: none;
+}
+
+.sidebar__group:hover .sidebar__group-toggle {
+  color: #f8fafc;
+  background: #1b2a3f;
+}
+
+.sidebar__group.is-active .sidebar__group-toggle {
+  color: #ffffff;
+  background: #2e4f93;
+}
+
+.sidebar__group-links {
+  display: grid;
+  gap: 4px;
+  padding-left: 8px;
+}
+
+.sidebar__sublink {
+  border-radius: 8px;
+  padding: 8px 10px;
+  text-decoration: none;
+  color: #cbd5e1;
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.sidebar__sublink:hover {
+  color: #f8fafc;
+  background: #1b2a3f;
+}
+
+.sidebar__sublink.is-active {
+  color: #ffffff;
+  background: #2e4f93;
+}
+
 .app-main {
   min-width: 0;
 }
@@ -507,6 +560,21 @@ a {
   min-width: 90px;
 }
 
+.table-select-col {
+  width: 44px;
+  text-align: center;
+}
+
+.table-select-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.table-select-toggle input[type="checkbox"] {
+  width: 16px;
+  height: 16px;
+}
 .table-inline-action {
   display: inline-block;
   margin-right: 6px;
@@ -681,6 +749,27 @@ a {
   flex: 0 0 auto;
 }
 
+.product-link-status-cell {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.product-link-alert-indicator {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 999px;
+  border: 1px solid #f59e0b;
+  background: #fffbeb;
+  color: #b45309;
+  font-size: 12px;
+  font-weight: 700;
+  cursor: help;
+}
+
 .product-link-events-list {
   margin: 0;
   padding: 0;
@@ -801,3 +890,4 @@ a {
     width: min(92vw, 100%);
   }
 }
+