html,
body {
  background:
    radial-gradient(circle at top, rgba(59, 130, 246, 0.14), transparent 28%),
    linear-gradient(180deg, #f6faff 0%, #eef5ff 44%, #f8fbff 100%) !important;
}

body.geEditor {
  color: #0f172a;
}

.geMenubarContainer,
.geToolbarContainer {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(191, 219, 254, 0.9) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.08) !important;
  backdrop-filter: blur(12px);
}

.geMenubar,
.geToolbar {
  background: transparent !important;
}

.geMenubar a,
.geItem,
.geToolbar button,
.geLabel,
.geStatus,
.geStatus a {
  color: #1e3a8a !important;
}

.geMenubar a:hover,
.geItem:hover,
.geToolbar button:hover {
  background: rgba(59, 130, 246, 0.08) !important;
  color: #0f172a !important;
}

.geSidebarContainer,
.geFormatContainer {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(191, 219, 254, 0.85) !important;
  box-shadow: 0 18px 40px rgba(37, 99, 235, 0.08) !important;
  backdrop-filter: blur(12px);
}

.geSidebar,
.geFormat {
  background: transparent !important;
}

.geSidebar .geTitle,
.geFormatContainer .geTitle,
.geSidebarContainer .geTitle {
  background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 60%, #ecfeff 100%) !important;
  color: #1e3a8a !important;
  border-color: rgba(191, 219, 254, 0.95) !important;
  font-weight: 700 !important;
}

.geSidebarContainer .geSearchInput,
.geFormatContainer input,
.geFormatContainer textarea,
.geFormatContainer select {
  border-color: rgba(191, 219, 254, 0.95) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0f172a !important;
  border-radius: 12px !important;
}

.geSidebar .geItem,
.geSidebarContainer .geItem {
  border-radius: 10px !important;
}

.gePrimaryBtn,
.geBtn.gePrimaryBtn,
button.gePrimaryBtn {
  background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.2) !important;
}

.geBtn,
button.geBtn,
input.geBtn {
  border-radius: 12px !important;
  border-color: rgba(191, 219, 254, 0.95) !important;
}

.geBtn:hover,
button.geBtn:hover,
input.geBtn:hover {
  background: rgba(59, 130, 246, 0.08) !important;
}

.geDialog,
.geModalDialog {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(191, 219, 254, 0.95) !important;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.2) !important;
  border-radius: 24px !important;
  color: #0f172a !important;
}

.geDialogTitle {
  color: #0f172a !important;
}

.geStatusBarContainer,
.geFooter {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(191, 219, 254, 0.8) !important;
}

.geFooter,
a[href*="github.com"],
a[href*="diagrams.net"],
a[href*="draw.io"],
a[href^="http://"],
a[href^="https://"] {
  pointer-events: none !important;
  text-decoration: none !important;
}

.geFooter,
.geFooter *,
img[src*="github"],
img[src*="drawlogo"],
img[src*="draw.io"],
img[src*="diagrams.net"] {
  display: none !important;
  visibility: hidden !important;
}

.geTab,
.geTabContainer .geTab {
  color: #1e40af !important;
}

.geTab.geTabActive,
.geTabContainer .geTabActive {
  background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%) !important;
  color: #fff !important;
  border-radius: 12px 12px 0 0 !important;
}

.geDiagramContainer,
.mxGraphContainer,
svg {
  background: transparent !important;
}