Fix all integrations

core/templates/base.html

@@ -167,6 +167,10 @@
       .panel, .box, .modal {
         background-color: var(--modal-color) !important;
       }
+      .box {
+        border: 1px solid rgba(25, 33, 52, 0.08);
+        box-shadow: 0 18px 48px rgba(20, 28, 45, 0.08);
+      }
       .modal, .modal.box{
         background-color: var(--background-color) !important;
       }
@@ -200,6 +204,57 @@
       .navbar {
         background-color:rgba(0, 0, 0, 0.03) !important;
       }
+      .section > .container.gia-page-shell,
+      .section > .container {
+        max-width: 1340px;
+      }
+      .gia-page-header {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        gap: 1rem;
+        margin-bottom: 1rem;
+        flex-wrap: wrap;
+      }
+      .gia-page-header .title,
+      .gia-page-header .subtitle {
+        max-width: 72ch;
+      }
+      .gia-page-header .subtitle {
+        margin-bottom: 0;
+      }
+      .table thead th {
+        position: sticky;
+        top: 0;
+        background: rgba(248, 250, 252, 0.96) !important;
+        backdrop-filter: blur(6px);
+        z-index: 1;
+      }
+      [data-theme="dark"] .table thead th {
+        background: rgba(44, 44, 44, 0.96) !important;
+      }
+      .table td,
+      .table th {
+        vertical-align: top;
+      }
+      .help {
+        max-width: 78ch;
+      }
+      .button.is-light {
+        border-color: rgba(27, 38, 59, 0.12);
+      }
+      .input,
+      .textarea,
+      .select select {
+        border-color: rgba(27, 38, 59, 0.18);
+        box-shadow: none;
+      }
+      .input:focus,
+      .textarea:focus,
+      .select select:focus {
+        border-color: rgba(27, 99, 214, 0.8);
+        box-shadow: 0 0 0 0.125em rgba(27, 99, 214, 0.14);
+      }
 
       .grid-stack-item-content,
       .floating-window {