@alaarab/ogrid-react-fluent 2.4.1 → 2.5.0

package/dist/esm/index.css

@@ -1,1402 +1 @@
-@charset "UTF-8";
-
-/* esbuild-sass-plugin:css-chunksrc/ColumnHeaderFilter/ColumnHeaderFilter.module.scss */
-.ogrid-fluent__ColumnHeaderFilter-module__columnHeader {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  position: relative;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-:root {
-  --dt-header-resize-zone: 16px;
-  --dt-header-action-button: 24px;
-  --dt-header-action-gap: 2px;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__headerContent {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex: 1;
-  min-width: 0;
-  width: 100%;
-  max-width: 100%;
-  padding: 2px 0;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__columnName {
-  display: block;
-  min-width: 0;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-weight: 600;
-  font-size: 14px;
-  color: var(--colorNeutralForeground1, #242424);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__headerActions {
-  display: flex;
-  align-items: center;
-  gap: var(--dt-header-action-gap);
-  margin-left: auto;
-  flex-shrink: 0;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__filterIcon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  padding: 4px;
-  margin-left: 2px;
-  border: none;
-  border-radius: var(--borderRadiusSmall, 4px);
-  background-color: transparent;
-  color: var(--colorNeutralForeground2, #616161);
-  cursor: pointer;
-  flex-shrink: 0;
-  position: relative;
-  transition: all 0.15s ease;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__filterIcon svg {
-  font-size: 14px;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__filterIcon:hover {
-  background-color: var(--colorSubtleBackgroundHover, #f5f5f5);
-  color: var(--colorNeutralForeground2Hover, #424242);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive {
-  background-color: var(--colorSubtleBackgroundSelected, #e0e0e0);
-  color: var(--colorNeutralForeground2, #616161);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive:hover {
-  background-color: var(--colorSubtleBackgroundHover, #f5f5f5);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterOpen {
-  background-color: var(--colorSubtleBackgroundPressed, #ebebeb);
-  color: var(--colorNeutralForeground2, #616161);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__filterBadge {
-  position: absolute;
-  top: 2px;
-  right: 2px;
-  width: 6px;
-  height: 6px;
-  background-color: var(--colorBrandBackground, #0f6cbd);
-  border-radius: 50%;
-  border: 1px solid var(--colorNeutralBackground1, #ffffff);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__filterPopover {
-  min-width: 280px;
-  max-width: 320px;
-  overflow: hidden;
-  padding: 0;
-  background-color: var(--colorNeutralBackground1, #ffffff);
-  border: 1px solid var(--colorNeutralStroke1, #d1d1d1);
-  border-radius: var(--borderRadiusMedium, 4px);
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
-  font-family: var(--fontFamilyBase, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);
-  font-size: 14px;
-  color: var(--colorNeutralForeground1, #242424);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverHeader {
-  padding: 10px 14px;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--colorNeutralForeground2, #616161);
-  border-bottom: 1px solid var(--colorNeutralStroke2, #e0e0e0);
-  background-color: var(--colorNeutralBackground2, #fafafa);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverSearch {
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--colorNeutralStroke2, #e0e0e0);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  border: 1px solid var(--colorNeutralStroke1, #d1d1d1);
-  border-radius: var(--borderRadiusMedium, 4px);
-  background-color: var(--colorNeutralBackground1, #ffffff);
-  padding: 6px 12px;
-  min-height: 36px;
-  box-sizing: border-box;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper:focus-within {
-  border-color: var(--colorBrandStroke1, #0f6cbd);
-  outline: none;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon {
-  color: var(--colorNeutralForeground3, #616161);
-  font-size: 16px;
-  flex-shrink: 0;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__nativeInput {
-  flex: 1;
-  min-width: 0;
-  border: none;
-  outline: none;
-  padding: 0;
-  font-size: 14px;
-  font-family: inherit;
-  background: transparent;
-  color: var(--colorNeutralForeground1, #242424);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__nativeInput::placeholder {
-  color: var(--colorNeutralForeground4, #707070);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__resultCount {
-  margin-top: 6px;
-  font-size: 11px;
-  color: var(--colorNeutralForeground2, #616161);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__selectAllRow {
-  display: flex;
-  gap: 8px;
-  padding: 6px 12px;
-  border-bottom: 1px solid var(--colorNeutralStroke2, #e0e0e0);
-  background-color: var(--colorNeutralBackground2, #fafafa);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton {
-  background: none;
-  border: none;
-  color: var(--colorBrandForeground1, #0f6cbd);
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  padding: 4px 8px;
-  border-radius: var(--borderRadiusSmall, 4px);
-  transition: background-color 0.15s ease;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton:hover {
-  background-color: var(--colorBrandBackground2, #ebf3fc);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions {
-  overflow-y: auto;
-  max-height: 250px;
-  padding: 6px 0;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar {
-  width: 6px;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-track {
-  background: var(--colorNeutralBackground3, #f5f5f5);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb {
-  background: var(--colorNeutralStroke1, #d1d1d1);
-  border-radius: 3px;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb:hover {
-  background: var(--colorNeutralForeground2, #616161);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverOption {
-  padding: 4px 12px;
-  transition: background-color 0.1s ease;
-  cursor: pointer;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverOption:hover {
-  background-color: var(--colorNeutralBackground1Hover, #f5f5f5);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox {
-  width: 16px;
-  height: 16px;
-  margin: 0;
-  cursor: pointer;
-  accent-color: var(--colorBrandBackground, #0f6cbd);
-  flex-shrink: 0;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel {
-  margin-left: 8px;
-  font-size: 14px;
-  color: var(--colorNeutralForeground1, #242424);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-  cursor: pointer;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__personOption {
-  padding: 8px 12px;
-  cursor: pointer;
-  transition: background-color 0.1s ease;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__personOption:hover {
-  background-color: var(--colorNeutralBackground1Hover, #f5f5f5);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__loadingContainer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 20px;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__filterSpinner {
-  width: 20px;
-  height: 20px;
-  border: 2px solid var(--colorNeutralStroke1, #d1d1d1);
-  border-top-color: var(--colorBrandBackground, #0f6cbd);
-  border-radius: 50%;
-  animation: ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin 0.8s linear infinite;
-}
-@keyframes ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.ogrid-fluent__ColumnHeaderFilter-module__noResults {
-  padding: 16px;
-  text-align: center;
-  font-size: 12px;
-  color: var(--colorNeutralForeground2, #616161);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection {
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--colorNeutralStroke2, #e0e0e0);
-  background-color: var(--colorSubtleBackgroundSelected, #e0e0e0);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel {
-  font-size: 11px;
-  color: var(--colorNeutralForeground2, #616161);
-  margin-bottom: 6px;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__selectedUser {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__userInfo {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__avatar {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background-color: var(--colorBrandBackground, #0f6cbd);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__avatarImg {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  border-radius: 50%;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__avatarInitials {
-  color: var(--colorNeutralForegroundOnBrand, #ffffff);
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 1;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__userText {
-  display: flex;
-  flex-direction: column;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__userSecondary {
-  font-size: 12px;
-  color: var(--colorNeutralForeground2, #616161);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  border: none;
-  border-radius: 50%;
-  background-color: transparent;
-  color: var(--colorNeutralForeground2, #616161);
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton:hover {
-  background-color: var(--colorNeutralBackground1Hover, #f5f5f5);
-  color: var(--colorPaletteRedForeground1, #c4314b);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__popoverActions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-  padding: 10px 12px;
-  border-top: 1px solid var(--colorNeutralStroke2, #e0e0e0);
-  background-color: var(--colorNeutralBackground2, #fafafa);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__clearButton {
-  padding: 6px 12px;
-  border: 1px solid var(--colorNeutralStroke1, #d1d1d1);
-  border-radius: var(--borderRadiusMedium, 4px);
-  background-color: var(--colorNeutralBackground1, #ffffff);
-  color: var(--colorNeutralForeground1, #242424);
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__clearButton:hover:not(:disabled) {
-  background-color: var(--colorNeutralBackground1Hover, #f5f5f5);
-  border-color: var(--colorNeutralStroke1Hover, #c7c7c7);
-}
-.ogrid-fluent__ColumnHeaderFilter-module__clearButton:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__applyButton {
-  padding: 6px 12px;
-  border: 1px solid var(--colorBrandBackground, #0f6cbd);
-  border-radius: var(--borderRadiusMedium, 4px);
-  background-color: var(--colorBrandBackground, #0f6cbd);
-  color: var(--colorNeutralForegroundOnBrand, #ffffff);
-  font-size: 12px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-.ogrid-fluent__ColumnHeaderFilter-module__applyButton:hover {
-  background-color: var(--colorBrandBackgroundHover, #115ea3);
-  border-color: var(--colorBrandBackgroundHover, #115ea3);
-}
-
-/* esbuild-sass-plugin:css-chunksrc/ColumnHeaderMenu/ColumnHeaderMenu.module.scss */
-.ogrid-fluent__ColumnHeaderMenu-module__content {
-  min-width: 140px;
-  background: var(--ogrid-bg, #ffffff);
-  border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  border-radius: 6px;
-  padding: 4px;
-  box-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
-  z-index: 1000;
-  animation-duration: 400ms;
-  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
-  will-change: transform, opacity;
-}
-.ogrid-fluent__ColumnHeaderMenu-module__item {
-  font-size: 13px;
-  line-height: 1;
-  color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-  border-radius: 4px;
-  border: none;
-  background: transparent;
-  display: flex;
-  align-items: center;
-  height: 28px;
-  padding: 0 8px;
-  position: relative;
-  user-select: none;
-  outline: none;
-  cursor: pointer;
-  width: 100%;
-  text-align: left;
-}
-.ogrid-fluent__ColumnHeaderMenu-module__item:disabled {
-  color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
-  pointer-events: none;
-  cursor: not-allowed;
-}
-.ogrid-fluent__ColumnHeaderMenu-module__item:hover:not(:disabled) {
-  background-color: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
-  color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-}
-.ogrid-fluent__ColumnHeaderMenu-module__separator {
-  height: 1px;
-  background-color: var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  margin: 4px 0;
-}
-
-/* esbuild-sass-plugin:css-chunksrc/DataGridTable/DataGridTable.module.scss */
-.ogrid-fluent__DataGridTable-module__tableScrollContent {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  min-width: 0;
-  background: var(--ogrid-bg, #fff);
-}
-.ogrid-fluent__DataGridTable-module__tableWidthAnchor {
-  position: relative;
-  width: max-content;
-  min-width: var(--data-table-min-width, max-content);
-  background: var(--ogrid-bg, #fff);
-  overflow-x: clip;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper {
-  position: relative;
-  flex: 1;
-  min-height: 0;
-  overflow-x: hidden;
-  overflow-y: auto;
-  width: 100%;
-  min-width: 0;
-  max-width: 100%;
-  box-sizing: border-box;
-  background: var(--ogrid-bg, #fff);
-  will-change: scroll-position;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper[data-overflow-x=true] {
-  overflow-x: auto;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper[data-empty=true] {
-  overflow-x: hidden;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper[data-loading=true] {
-  min-height: 200px;
-}
-.ogrid-fluent__DataGridTable-module__dataTable {
-  width: var(--data-table-width, fit-content);
-  max-width: 100%;
-  min-width: var(--data-table-min-width, max-content);
-  border-collapse: separate;
-  border-spacing: 0;
-  box-sizing: border-box;
-  table-layout: auto;
-  background-color: var(--ogrid-bg, #fff);
-  color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-}
-.ogrid-fluent__DataGridTable-module__dataTable tbody tr {
-  height: var(--ogrid-row-height, auto);
-}
-.ogrid-fluent__DataGridTable-module__groupHeaderCell {
-  text-align: center;
-  font-weight: 600;
-  border-bottom: 2px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  padding: var(--ogrid-cell-padding, 6px 10px);
-  background: var(--ogrid-header-bg, #f5f5f5);
-}
-.ogrid-fluent__DataGridTable-module__headerCellContent {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.ogrid-fluent__DataGridTable-module__headerMenuTrigger {
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  padding: 2px 4px;
-  font-size: 16px;
-  line-height: 1;
-  color: var(--ogrid-fg-secondary, rgba(0, 0, 0, 0.6));
-  opacity: 1;
-  transition: background-color 0.15s;
-  border-radius: 3px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 20px;
-  height: 20px;
-}
-.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover {
-  background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
-}
-.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active {
-  background: var(--ogrid-active-bg, rgba(0, 0, 0, 0.08));
-}
-.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible {
-  outline: 2px solid var(--ogrid-accent, #0078d4);
-  outline-offset: 2px;
-}
-.ogrid-fluent__DataGridTable-module__dropIndicator {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 3px;
-  background: var(--ogrid-selection-color, #217346);
-  pointer-events: none;
-  z-index: var(--ogrid-z-drop-indicator, 100);
-  transition: left 0.05s;
-}
-.ogrid-fluent__DataGridTable-module__resizeHandle {
-  position: absolute;
-  top: 0;
-  right: -3px;
-  bottom: 0;
-  width: 8px;
-  cursor: col-resize;
-  user-select: none;
-  z-index: var(--ogrid-z-resize-handle, 1);
-}
-.ogrid-fluent__DataGridTable-module__resizeHandle::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 3px;
-  bottom: 0;
-  width: 2px;
-}
-.ogrid-fluent__DataGridTable-module__resizeHandle:hover::after {
-  background-color: var(--ogrid-accent, #0078d4);
-}
-.ogrid-fluent__DataGridTable-module__resizeHandle:active::after {
-  background-color: var(--ogrid-accent-dark, #005a9e);
-}
-.ogrid-fluent__DataGridTable-module__pinnedColLeft {
-  position: sticky;
-  z-index: var(--ogrid-z-pinned, 6);
-  background: var(--ogrid-bg, #ffffff);
-}
-.ogrid-fluent__DataGridTable-module__pinnedColLeft::after {
-  content: "";
-  position: absolute;
-  top: -1px;
-  right: -4px;
-  bottom: -1px;
-  width: 4px;
-  background:
-    linear-gradient(
-      to right,
-      var(--ogrid-pinned-shadow, rgba(0, 0, 0, 0.12)),
-      transparent);
-  pointer-events: none;
-}
-.ogrid-fluent__DataGridTable-module__pinnedColRight {
-  position: sticky;
-  z-index: var(--ogrid-z-pinned, 6);
-  background: var(--ogrid-bg, #ffffff);
-}
-.ogrid-fluent__DataGridTable-module__pinnedColRight::before {
-  content: "";
-  position: absolute;
-  top: -1px;
-  left: -4px;
-  bottom: -1px;
-  width: 4px;
-  background:
-    linear-gradient(
-      to left,
-      var(--ogrid-pinned-shadow, rgba(0, 0, 0, 0.12)),
-      transparent);
-  pointer-events: none;
-}
-.ogrid-fluent__DataGridTable-module__cellContent {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  min-width: 0;
-  box-sizing: border-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  user-select: none;
-  outline: none;
-  contain: content;
-}
-.ogrid-fluent__DataGridTable-module__cellContent:focus-visible {
-  outline: none;
-}
-.ogrid-fluent__DataGridTable-module__pinnedColLeft .ogrid-fluent__DataGridTable-module__cellContent,
-.ogrid-fluent__DataGridTable-module__pinnedColRight .ogrid-fluent__DataGridTable-module__cellContent {
-  contain: none;
-}
-.ogrid-fluent__DataGridTable-module__dataTable:not([data-virtual-scroll]) tbody tr {
-  content-visibility: auto;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent {
-  outline: 2px solid var(--ogrid-selection-color, #217346);
-  outline-offset: -1px;
-  z-index: var(--ogrid-z-active-cell, 2);
-  position: relative;
-  overflow: visible;
-  background: var(--ogrid-active-cell-bg, rgba(0, 0, 0, 0.02));
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__editingCellContent.ogrid-fluent__DataGridTable-module__editingCellContent {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  outline: 2px solid var(--ogrid-selection-color, #217346);
-  outline-offset: -1px;
-  z-index: var(--ogrid-z-active-cell, 2);
-  position: relative;
-  background: var(--ogrid-bg, #fff);
-  overflow: visible;
-  padding: 0;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange {
-  background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12));
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range] {
-  background: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12));
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor] {
-  background: var(--ogrid-bg, #fff);
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-anchor],
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-range] {
-  outline: none;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__inRange {
-  outline: none;
-  background: var(--ogrid-bg, #fff);
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut {
-  background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
-  opacity: 0.7;
-}
-.ogrid-fluent__DataGridTable-module__fillHandle {
-  position: absolute;
-  right: -3px;
-  bottom: -3px;
-  width: 7px;
-  height: 7px;
-  background: var(--ogrid-selection-color, #217346);
-  border: 1px solid var(--ogrid-bg, #fff);
-  border-radius: 1px;
-  cursor: crosshair;
-  pointer-events: auto;
-  z-index: var(--ogrid-z-fill-handle, 3);
-}
-.ogrid-fluent__DataGridTable-module__selectionHeaderCellInner,
-.ogrid-fluent__DataGridTable-module__selectionCellInner {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-}
-.ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner,
-.ogrid-fluent__DataGridTable-module__rowNumberCellInner {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  font-variant-numeric: tabular-nums;
-}
-.ogrid-fluent__DataGridTable-module__columnLetterRow {
-  background: var(--ogrid-column-letter-bg, var(--ogrid-header-bg));
-}
-.ogrid-fluent__DataGridTable-module__columnLetterCell {
-  text-align: center;
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
-  padding: 2px 4px;
-  background: var(--ogrid-column-letter-bg, var(--ogrid-header-bg));
-  border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  user-select: none;
-  font-variant-numeric: tabular-nums;
-}
-.ogrid-fluent__DataGridTable-module__statusBar {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  width: 100%;
-  padding: 6px 12px;
-  box-sizing: border-box;
-  font-size: 12px;
-  line-height: 20px;
-  color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
-  background: var(--ogrid-header-bg, #f5f5f5);
-  border-top: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  min-height: 33px;
-}
-.ogrid-fluent__DataGridTable-module__statusBarItem {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-}
-.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child)::after {
-  content: "";
-  width: 1px;
-  height: 14px;
-  background: var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  margin-left: 12px;
-}
-.ogrid-fluent__DataGridTable-module__statusBarLabel {
-  color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
-}
-.ogrid-fluent__DataGridTable-module__statusBarValue {
-  color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-  font-weight: 600;
-}
-.ogrid-fluent__DataGridTable-module__contextMenu {
-  position: fixed;
-  z-index: var(--ogrid-z-context-menu, 10000);
-  min-width: 160px;
-  padding: 4px 0;
-  background: var(--ogrid-bg, #fff);
-  border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  border-radius: 6px;
-  box-shadow: var(--ogrid-shadow, 0 4px 16px rgba(0, 0, 0, 0.12));
-}
-.ogrid-fluent__DataGridTable-module__contextMenuItem {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 24px;
-  width: 100%;
-  padding: 6px 12px;
-  border: none;
-  background: none;
-  font-size: 13px;
-  text-align: left;
-  cursor: pointer;
-  color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-}
-.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled) {
-  background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
-}
-.ogrid-fluent__DataGridTable-module__contextMenuItem:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.ogrid-fluent__DataGridTable-module__contextMenuItemLabel {
-  flex: 1;
-}
-.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut {
-  color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
-  font-size: 0.85em;
-}
-.ogrid-fluent__DataGridTable-module__contextMenuDivider {
-  height: 1px;
-  margin: 4px 0;
-  background: var(--ogrid-border, rgba(0, 0, 0, 0.12));
-}
-.ogrid-fluent__DataGridTable-module__loadingOverlay {
-  position: absolute;
-  inset: 0;
-  z-index: var(--ogrid-z-loading, 2);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--ogrid-loading-overlay, rgba(255, 255, 255, 0.7));
-  backdrop-filter: blur(1px);
-  pointer-events: all;
-}
-.ogrid-fluent__DataGridTable-module__loadingOverlayContent {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  padding: 16px 24px;
-  background: var(--ogrid-bg, #fff);
-  border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  border-radius: 6px;
-  box-shadow: var(--ogrid-shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.08));
-}
-.ogrid-fluent__DataGridTable-module__loadingOverlayText {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
-}
-.ogrid-fluent__DataGridTable-module__loadingDimmed {
-  opacity: 0.6;
-  pointer-events: none;
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGrid {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 20px 16px;
-  min-height: 88px;
-  width: 100%;
-  box-sizing: border-box;
-  border-top: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  background: var(--ogrid-header-bg, #f5f5f5);
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-  margin-bottom: 4px;
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage {
-  font-size: 13px;
-  color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
-  line-height: 1.5;
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridLink {
-  background: none;
-  border: none;
-  color: var(--ogrid-accent, #0078d4);
-  text-decoration: underline;
-  cursor: pointer;
-  padding: 0;
-  font-size: inherit;
-  font-family: inherit;
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover {
-  color: var(--ogrid-accent-dark, #005a9e);
-}
-.ogrid-fluent__DataGridTable-module__spinner {
-  width: 24px;
-  height: 24px;
-  border: 2px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  border-top-color: var(--ogrid-accent, #0078d4);
-  border-radius: 50%;
-  animation: ogrid-fluent__DataGridTable-module__ogrid-spin 0.8s linear infinite;
-}
-@keyframes ogrid-fluent__DataGridTable-module__ogrid-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-:where(:root) {
-  --ogrid-cell-padding: 6px 10px;
-  --ogrid-cell-padding-vertical: 6px;
-  --ogrid-cell-padding-horizontal: 10px;
-  --ogrid-z-resize-handle: 1;
-  --ogrid-z-active-cell: 2;
-  --ogrid-z-fill-handle: 3;
-  --ogrid-z-row-number: 5;
-  --ogrid-z-pinned: 6;
-  --ogrid-z-selection-cell: 7;
-  --ogrid-z-thead: 8;
-  --ogrid-z-pinned-header: 10;
-  --ogrid-z-header-focus: 11;
-  --ogrid-z-selection-header-pinned: 12;
-  --ogrid-z-checkbox: 12;
-  --ogrid-z-loading: 2;
-  --ogrid-z-drop-indicator: 100;
-  --ogrid-z-filter-popover: 1000;
-  --ogrid-z-popover: 1000;
-  --ogrid-z-fullscreen: 9999;
-  --ogrid-z-context-menu: 10000;
-  --ogrid-bg: #ffffff;
-  --ogrid-fg: rgba(0, 0, 0, 0.87);
-  --ogrid-fg-secondary: rgba(0, 0, 0, 0.6);
-  --ogrid-fg-muted: rgba(0, 0, 0, 0.5);
-  --ogrid-border: rgba(0, 0, 0, 0.12);
-  --ogrid-border-strong: rgba(0, 0, 0, 0.5);
-  --ogrid-border-hover: rgba(0, 0, 0, 0.3);
-  --ogrid-header-bg: #f5f5f5;
-  --ogrid-hover-bg: rgba(0, 0, 0, 0.04);
-  --ogrid-selected-row-bg: #e6f0fb;
-  --ogrid-bg-selected-hover: #dae8f8;
-  --ogrid-active-cell-bg: rgba(0, 0, 0, 0.02);
-  --ogrid-range-bg: rgba(33, 115, 70, 0.12);
-  --ogrid-accent: #0078d4;
-  --ogrid-accent-dark: #005a9e;
-  --ogrid-selection-color: #217346;
-  --ogrid-primary: #0078d4;
-  --ogrid-primary-fg: #fff;
-  --ogrid-primary-hover: #106ebe;
-  --ogrid-bg-subtle: #f5f5f5;
-  --ogrid-bg-hover: rgba(0, 0, 0, 0.04);
-  --ogrid-active-bg: rgba(0, 0, 0, 0.06);
-  --ogrid-muted: rgba(0, 0, 0, 0.5);
-  --ogrid-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-  --ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
-  --ogrid-pinned-shadow: rgba(0, 0, 0, 0.1);
-  --ogrid-loading-overlay: rgba(255, 255, 255, 0.7);
-  --ogrid-formula-error-color: #d32f2f;
-  --ogrid-selection: #217346;
-  --ogrid-bg-range: rgba(33, 115, 70, 0.12);
-  --ogrid-bg-selected: #e6f0fb;
-  --ogrid-loading-bg: rgba(255, 255, 255, 0.7);
-}
-@media (prefers-color-scheme: dark) {
-  :where(:root:not([data-theme=light])) {
-    --ogrid-bg: #1e1e1e;
-    --ogrid-fg: rgba(255, 255, 255, 0.87);
-    --ogrid-fg-secondary: rgba(255, 255, 255, 0.6);
-    --ogrid-fg-muted: rgba(255, 255, 255, 0.5);
-    --ogrid-border: rgba(255, 255, 255, 0.12);
-    --ogrid-border-strong: rgba(255, 255, 255, 0.5);
-    --ogrid-border-hover: rgba(255, 255, 255, 0.3);
-    --ogrid-header-bg: #2c2c2c;
-    --ogrid-hover-bg: rgba(255, 255, 255, 0.08);
-    --ogrid-selected-row-bg: #1a3a5c;
-    --ogrid-bg-selected-hover: #1f3650;
-    --ogrid-active-cell-bg: rgba(255, 255, 255, 0.06);
-    --ogrid-range-bg: rgba(46, 160, 67, 0.15);
-    --ogrid-accent: #4da6ff;
-    --ogrid-accent-dark: #3390e0;
-    --ogrid-selection-color: #2ea043;
-    --ogrid-primary: #4da6ff;
-    --ogrid-primary-fg: #fff;
-    --ogrid-primary-hover: #66b3ff;
-    --ogrid-bg-subtle: rgba(255, 255, 255, 0.04);
-    --ogrid-bg-hover: rgba(255, 255, 255, 0.08);
-    --ogrid-active-bg: rgba(255, 255, 255, 0.08);
-    --ogrid-muted: rgba(255, 255, 255, 0.5);
-    --ogrid-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
-    --ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.25);
-    --ogrid-pinned-shadow: rgba(0, 0, 0, 0.3);
-    --ogrid-loading-overlay: rgba(0, 0, 0, 0.7);
-    --ogrid-formula-error-color: #ef5350;
-    --ogrid-selection: #2ea043;
-    --ogrid-bg-range: rgba(46, 160, 67, 0.15);
-    --ogrid-bg-selected: #1a3a5c;
-    --ogrid-loading-bg: rgba(0, 0, 0, 0.7);
-  }
-}
-:where([data-theme=dark]) {
-  --ogrid-bg: #1e1e1e;
-  --ogrid-fg: rgba(255, 255, 255, 0.87);
-  --ogrid-fg-secondary: rgba(255, 255, 255, 0.6);
-  --ogrid-fg-muted: rgba(255, 255, 255, 0.5);
-  --ogrid-border: rgba(255, 255, 255, 0.12);
-  --ogrid-border-strong: rgba(255, 255, 255, 0.5);
-  --ogrid-border-hover: rgba(255, 255, 255, 0.3);
-  --ogrid-header-bg: #2c2c2c;
-  --ogrid-hover-bg: rgba(255, 255, 255, 0.08);
-  --ogrid-selected-row-bg: #1a3a5c;
-  --ogrid-bg-selected-hover: #1f3650;
-  --ogrid-active-cell-bg: rgba(255, 255, 255, 0.06);
-  --ogrid-range-bg: rgba(46, 160, 67, 0.15);
-  --ogrid-accent: #4da6ff;
-  --ogrid-accent-dark: #3390e0;
-  --ogrid-selection-color: #2ea043;
-  --ogrid-primary: #4da6ff;
-  --ogrid-primary-fg: #fff;
-  --ogrid-primary-hover: #66b3ff;
-  --ogrid-bg-subtle: rgba(255, 255, 255, 0.04);
-  --ogrid-bg-hover: rgba(255, 255, 255, 0.08);
-  --ogrid-active-bg: rgba(255, 255, 255, 0.08);
-  --ogrid-muted: rgba(255, 255, 255, 0.5);
-  --ogrid-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
-  --ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.25);
-  --ogrid-pinned-shadow: rgba(0, 0, 0, 0.3);
-  --ogrid-loading-overlay: rgba(0, 0, 0, 0.7);
-  --ogrid-formula-error-color: #ef5350;
-  --ogrid-selection: #2ea043;
-  --ogrid-bg-range: rgba(46, 160, 67, 0.15);
-  --ogrid-bg-selected: #1a3a5c;
-  --ogrid-loading-bg: rgba(0, 0, 0, 0.7);
-}
-.fui-FluentProvider {
-  --ogrid-bg: var(--colorNeutralBackground1, #ffffff);
-  --ogrid-fg: var(--colorNeutralForeground1, rgba(0, 0, 0, 0.87));
-  --ogrid-fg-secondary: var(--colorNeutralForeground2, rgba(0, 0, 0, 0.6));
-  --ogrid-fg-muted: var(--colorNeutralForeground3, rgba(0, 0, 0, 0.5));
-  --ogrid-border: var(--colorNeutralStroke2, rgba(0, 0, 0, 0.12));
-  --ogrid-header-bg: var(--colorSubtleBackgroundSelected, #f3f2f1);
-  --ogrid-hover-bg: var(--colorSubtleBackgroundHover, rgba(0, 0, 0, 0.04));
-  --ogrid-selected-row-bg: var(--colorNeutralBackground1Selected, #e6f0fb);
-  --ogrid-active-cell-bg: rgba(0, 0, 0, 0.02);
-  --ogrid-range-bg: rgba(33, 115, 70, 0.12);
-  --ogrid-accent: var(--colorBrandForeground1, #0078d4);
-  --ogrid-selection-color: #217346;
-  --ogrid-loading-overlay: rgba(255, 255, 255, 0.7);
-}
-.ogrid-fluent__DataGridTable-module__tableScrollContent {
-  min-height: 100%;
-  background-color: var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));
-}
-.ogrid-fluent__DataGridTable-module__tableWidthAnchor {
-  background-color: var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));
-  overflow-x: clip;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper {
-  border: none;
-  background-color: var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));
-  -webkit-overflow-scrolling: touch;
-  outline: none;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__dataTable {
-  table-layout: auto;
-}
-.ogrid-fluent__DataGridTable-module__dataTable {
-  background-color: var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell {
-  min-width: 80px;
-  box-sizing: border-box;
-  border-right: 1px solid var(--colorNeutralStroke1, #c4c4c4);
-  font-size: 13px;
-  vertical-align: middle;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell {
-  padding: 6px 10px;
-  font-weight: 600;
-  font-size: 14px;
-  color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
-  white-space: nowrap;
-  background-color: var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1));
-  z-index: var(--ogrid-z-thead, 8);
-  border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell > .fui-TableHeaderCell__button {
-  position: static;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:focus-visible {
-  outline: 2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4));
-  outline-offset: -2px;
-  z-index: var(--ogrid-z-header-focus, 11);
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell {
-  padding: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 12px;
-  height: 1px;
-  border-right: 1px solid var(--colorNeutralStroke1, #c4c4c4);
-  position: relative;
-  border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell > * {
-  min-width: 0;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:focus-visible {
-  outline: none;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:last-of-type,
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:last-of-type {
-  border-right: none;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:last-child .fui-TableCell {
-  border-bottom: none;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell {
-  background-color: var(--colorSubtleBackgroundHover, var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04)));
-}
-.ogrid-fluent__DataGridTable-module__leafHeaderCellSpan {
-  font-weight: 600;
-  padding: 6px 10px;
-  background: var(--ogrid-header-bg, #f3f2f1);
-}
-.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper {
-  width: 48px;
-  min-width: 48px;
-  max-width: 48px;
-  padding: 4px;
-  text-align: center;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionCellWrapper {
-  width: 48px;
-  min-width: 48px;
-  max-width: 48px;
-  padding: 4px;
-  text-align: center;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper {
-  padding: 4px 8px;
-  text-align: center;
-  background: var(--ogrid-header-bg, #f5f5f5);
-  font-weight: 600;
-  color: var(--colorNeutralForeground3, #666);
-  border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-  position: relative;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper {
-  padding: 4px 8px;
-  text-align: center;
-  background: var(--colorNeutralBackground3, #f5f5f5);
-  font-weight: 600;
-  color: var(--colorNeutralForeground3, #666);
-  border-right: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .fui-TableCell {
-  background-color: var(--colorNeutralBackground1Selected, var(--ogrid-selected-row-bg, #e6f0fb));
-}
-.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell {
-  background-color: var(--colorSubtleBackgroundHover, #f5f5f5);
-  cursor: pointer;
-}
-.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .fui-TableCell {
-  background-color: var(--colorNeutralBackground1Hover, #dae8f8);
-}
-.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow {
-  cursor: pointer;
-}
-.ogrid-fluent__DataGridTable-module__cellContent {
-  padding: var(--ogrid-cell-padding, 4px 8px);
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent {
-  outline: 2px solid var(--ogrid-selection-color, #217346);
-  background-color: var(--ogrid-active-cell-bg, rgba(0, 0, 0, 0.02));
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange {
-  background-color: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12));
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range] {
-  background-color: var(--ogrid-range-bg, rgba(33, 115, 70, 0.12));
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor] {
-  background-color: var(--ogrid-bg, #ffffff);
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut {
-  background-color: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
-}
-.ogrid-fluent__DataGridTable-module__stickyHeader {
-  z-index: var(--ogrid-z-thead, 8);
-  background-color: var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1));
-}
-.ogrid-fluent__DataGridTable-module__stickyHeader .fui-TableHeaderCell {
-  position: sticky;
-  top: 0;
-}
-.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft,
-.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColRight {
-  top: 0;
-  z-index: var(--ogrid-z-pinned-header, 10);
-}
-.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColLeft {
-  background-color: var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));
-  border-right: 1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, 0.12)));
-  box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.1);
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft {
-  background-color: var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1));
-}
-.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColRight {
-  background-color: var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));
-  border-left: 1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, 0.12)));
-  box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.1);
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColRight {
-  background-color: var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1));
-}
-.ogrid-fluent__DataGridTable-module__headerMenuTrigger {
-  color: var(--colorNeutralForeground3, #666);
-}
-.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover {
-  background: var(--colorNeutralBackground1Hover, #f3f2f1);
-}
-.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active {
-  background: var(--colorNeutralBackground1Pressed, #e1dfdd);
-}
-.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible {
-  outline: 2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4));
-}
-.ogrid-fluent__DataGridTable-module__resizeHandle:hover::after {
-  background-color: var(--colorBrandForeground1, var(--ogrid-accent, #0078d4));
-}
-.ogrid-fluent__DataGridTable-module__resizeHandle:active::after {
-  background-color: var(--colorBrandForeground1Pressed, #005a9e);
-}
-.ogrid-fluent__DataGridTable-module__statusBar {
-  min-width: 0;
-  color: var(--colorNeutralForeground2, #616161);
-  background-color: var(--colorSubtleBackgroundSelected, #f3f2f1);
-  border-top: 1px solid var(--colorNeutralStroke2, #e0e0e0);
-  user-select: none;
-}
-.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child)::after {
-  display: inline-block;
-  background-color: var(--colorNeutralStroke1, #c4c4c4);
-}
-.ogrid-fluent__DataGridTable-module__statusBarLabel {
-  color: var(--colorNeutralForeground3, #707070);
-  font-weight: 400;
-}
-.ogrid-fluent__DataGridTable-module__statusBarValue {
-  color: var(--colorNeutralForeground1, #242424);
-}
-.ogrid-fluent__DataGridTable-module__contextMenu {
-  background: var(--colorNeutralBackground1, #fff);
-  border: 1px solid var(--colorNeutralStroke1, #e0e0e0);
-  border-radius: var(--borderRadiusMedium, 4px);
-  box-shadow: var(--shadow16, 0 4px 16px rgba(0, 0, 0, 0.12));
-  outline: none;
-}
-.ogrid-fluent__DataGridTable-module__contextMenuItem {
-  color: var(--colorNeutralForeground1, #242424);
-}
-.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled) {
-  background-color: var(--colorSubtleBackgroundHover, #f5f5f5);
-}
-.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut {
-  color: var(--colorNeutralForeground3, rgba(0, 0, 0, 0.4));
-}
-.ogrid-fluent__DataGridTable-module__contextMenuDivider {
-  background-color: var(--colorNeutralStroke2, #e0e0e0);
-}
-.ogrid-fluent__DataGridTable-module__loadingOverlayContent {
-  background: var(--colorNeutralBackground1, #ffffff);
-  border: 1px solid var(--colorNeutralStroke1, #c4c4c4);
-  border-radius: var(--borderRadiusMedium, 4px);
-  box-shadow: var(--shadow4, 0 2px 4px rgba(0, 0, 0, 0.14));
-}
-.ogrid-fluent__DataGridTable-module__loadingOverlayText {
-  color: var(--colorNeutralForeground2, #616161);
-}
-.ogrid-fluent__DataGridTable-module__loadingDimmed {
-  transition: opacity 0.15s ease;
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGrid {
-  min-width: 0;
-  border-top: 1px solid var(--colorNeutralStroke2, #e0e0e0);
-  background-color: var(--colorNeutralBackground2, #fafafa);
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky {
-  position: sticky;
-  left: 50%;
-  transform: translateX(-50%);
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridIcon {
-  font-size: 24px;
-  margin-bottom: 8px;
-  opacity: 0.6;
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle {
-  color: var(--colorNeutralForeground1, #242424);
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage {
-  color: var(--colorNeutralForeground2, #616161);
-  max-width: 100%;
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridLink {
-  color: var(--colorBrandForeground1, #0f6cbd);
-}
-.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover {
-  color: var(--colorBrandForeground1Hover, #115ea3);
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-Link {
-  color: var(--colorBrandForeground1, #0f6cbd);
-  font-weight: 600;
-  text-decoration: none;
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:hover {
-  text-decoration: underline;
-  color: var(--colorBrandForeground1Hover, #115ea3);
-}
-.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:active {
-  color: var(--colorBrandForeground1Pressed, #0c3b5e);
-}
-.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell {
-  padding: 4px 8px;
-}
-.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__cellContent {
-  padding: 4px 8px;
-}
-.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell {
-  padding: 12px 16px;
-}
-.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__cellContent {
-  padding: 12px 16px;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Button:focus-visible,
-.ogrid-fluent__DataGridTable-module__tableWrapper .fui-MenuButton:focus-visible {
-  outline: 2px solid var(--colorBrandStroke1, #0078d4);
-  outline-offset: 2px;
-}
-.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Checkbox:focus-visible {
-  outline: 2px solid var(--colorBrandStroke1, #0078d4);
-  outline-offset: 2px;
-}
-
-/* esbuild-sass-plugin:css-chunksrc/ColumnChooser/ColumnChooser.module.scss */
-.ogrid-fluent__ColumnChooser-module__container {
-  position: relative;
-  display: inline-flex;
-}
-.ogrid-fluent__ColumnChooser-module__dropdown {
-  position: absolute;
-  top: calc(100% + 4px);
-  right: 0;
-  z-index: 10000;
-  min-width: 220px;
-  display: flex;
-  flex-direction: column;
-  background: var(--colorNeutralBackground1, #fff);
-  border: 1px solid var(--colorNeutralStroke2, #edebe9);
-  border-radius: 6px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-  padding: 0;
-}
-.ogrid-fluent__ColumnChooser-module__header {
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--colorNeutralStroke2, #edebe9);
-  font-weight: 600;
-  font-size: 13px;
-}
-.ogrid-fluent__ColumnChooser-module__optionsList {
-  max-height: 320px;
-  overflow-y: auto;
-  padding: 0;
-}
-.ogrid-fluent__ColumnChooser-module__optionItem {
-  padding: 4px 12px;
-  display: flex;
-  align-items: center;
-  min-height: 32px;
-}
-.ogrid-fluent__ColumnChooser-module__optionItem:hover {
-  background: var(--colorNeutralBackground1Hover, #f5f5f5);
-}
-.ogrid-fluent__ColumnChooser-module__actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-  padding: 8px 12px;
-  border-top: 1px solid var(--colorNeutralStroke2, #edebe9);
-}
-
-/* esbuild-sass-plugin:css-chunksrc/PaginationControls/PaginationControls.module.scss */
-.ogrid-fluent__PaginationControls-module__pagination {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 14px 24px;
-  width: 100%;
-  min-width: 0;
-  box-sizing: border-box;
-  padding: 0;
-}
-.ogrid-fluent__PaginationControls-module__paginationInfo {
-  font-size: 13px;
-  color: var(--colorNeutralForeground2, #605e5c);
-  flex-shrink: 0;
-  font-variant-numeric: tabular-nums;
-}
-.ogrid-fluent__PaginationControls-module__paginationControls {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-wrap: wrap;
-  flex: 1 1 auto;
-  justify-content: center;
-  min-width: 0;
-}
-.ogrid-fluent__PaginationControls-module__navBtn {
-  min-width: 28px;
-  min-height: 28px;
-}
-.ogrid-fluent__PaginationControls-module__pageNumbers {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  margin: 0 8px;
-}
-.ogrid-fluent__PaginationControls-module__pageBtn {
-  min-width: 28px;
-  min-height: 28px;
-  font-variant-numeric: tabular-nums;
-}
-.ogrid-fluent__PaginationControls-module__ellipsis {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 24px;
-  font-size: 12px;
-  color: var(--colorNeutralForeground3, #8a8886);
-  user-select: none;
-  pointer-events: none;
-  letter-spacing: 0.02em;
-}
-.ogrid-fluent__PaginationControls-module__pageSizeSelector {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
-}
-.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeLabel {
-  font-size: 13px;
-  color: var(--colorNeutralForeground2, #605e5c);
-  user-select: none;
-  white-space: nowrap;
-}
-.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeSelect {
-  min-width: 72px;
-}
+@charset "UTF-8";.ogrid-fluent__ColumnHeaderFilter-module__columnHeader{display:flex;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;position:relative;box-sizing:border-box;overflow:hidden}:root{--dt-header-resize-zone: 16px;--dt-header-action-button: 24px;--dt-header-action-gap: 2px}.ogrid-fluent__ColumnHeaderFilter-module__headerContent{display:flex;align-items:center;gap:4px;flex:1;min-width:0;width:100%;max-width:100%;padding:2px 0;box-sizing:border-box;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__columnName{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__headerActions{display:flex;align-items:center;gap:var(--dt-header-action-gap);margin-left:auto;flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;margin-left:2px;border:none;border-radius:var(--borderRadiusSmall, 4px);background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;flex-shrink:0;position:relative;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon svg{font-size:14px}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);color:var(--colorNeutralForeground2Hover, #424242)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive{background-color:var(--colorSubtleBackgroundSelected, #e0e0e0);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterOpen{background-color:var(--colorSubtleBackgroundPressed, #ebebeb);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterBadge{position:absolute;top:2px;right:2px;width:6px;height:6px;background-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;border:1px solid var(--colorNeutralBackground1, #ffffff)}.ogrid-fluent__ColumnHeaderFilter-module__filterPopover{min-width:280px;max-width:320px;overflow:hidden;padding:0;background-color:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);box-shadow:0 4px 16px #00000024;font-family:var(--fontFamilyBase, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__popoverHeader{padding:10px 14px;font-size:12px;font-weight:600;color:var(--colorNeutralForeground2, #616161);border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__popoverSearch{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);padding:6px 12px;min-height:36px;box-sizing:border-box}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper:focus-within{border-color:var(--colorBrandStroke1, #0f6cbd);outline:none}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon{color:var(--colorNeutralForeground3, #616161);font-size:16px;flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput{flex:1;min-width:0;border:none;outline:none;padding:0;font-size:14px;font-family:inherit;background:transparent;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput::placeholder{color:var(--colorNeutralForeground4, #707070)}.ogrid-fluent__ColumnHeaderFilter-module__resultCount{margin-top:6px;font-size:11px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllRow{display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton{background:none;border:none;color:var(--colorBrandForeground1, #0f6cbd);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--borderRadiusSmall, 4px);transition:background-color .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton:hover{background-color:var(--colorBrandBackground2, #ebf3fc)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions{overflow-y:auto;max-height:250px;padding:6px 0}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar{width:6px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-track{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb{background:var(--colorNeutralStroke1, #d1d1d1);border-radius:3px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb:hover{background:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption{padding:4px 12px;font-size:13px;display:flex;align-items:center;gap:8px;transition:background-color .1s ease;cursor:pointer}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--colorBrandBackground, #0f6cbd);flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel{margin-left:8px;font-size:14px;color:var(--colorNeutralForeground1, #242424);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;cursor:pointer}.ogrid-fluent__ColumnHeaderFilter-module__personOption{padding:8px 12px;cursor:pointer;transition:background-color .1s ease}.ogrid-fluent__ColumnHeaderFilter-module__personOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__loadingContainer{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px}.ogrid-fluent__ColumnHeaderFilter-module__filterSpinner{width:20px;height:20px;border:2px solid var(--colorNeutralStroke1, #d1d1d1);border-top-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;animation:ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin .8s linear infinite}@keyframes ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin{to{transform:rotate(360deg)}}.ogrid-fluent__ColumnHeaderFilter-module__noResults{padding:16px;text-align:center;font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorSubtleBackgroundSelected, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel{font-size:11px;color:var(--colorNeutralForeground2, #616161);margin-bottom:6px}.ogrid-fluent__ColumnHeaderFilter-module__selectedUser{display:flex;align-items:center;justify-content:space-between;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__userInfo{display:flex;align-items:center;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__avatar{width:32px;height:32px;border-radius:50%;background-color:var(--colorBrandBackground, #0f6cbd);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__avatarImg{width:100%;height:100%;object-fit:cover;border-radius:50%}.ogrid-fluent__ColumnHeaderFilter-module__avatarInitials{color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;line-height:1}.ogrid-fluent__ColumnHeaderFilter-module__userText{display:flex;flex-direction:column}.ogrid-fluent__ColumnHeaderFilter-module__userSecondary{font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5);color:var(--colorPaletteRedForeground1, #c4314b)}.ogrid-fluent__ColumnHeaderFilter-module__popoverActions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton{padding:6px 12px;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);color:var(--colorNeutralForeground1, #242424);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:hover:not(:disabled){background-color:var(--colorNeutralBackground1Hover, #f5f5f5);border-color:var(--colorNeutralStroke1Hover, #c7c7c7)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__ColumnHeaderFilter-module__applyButton{padding:6px 12px;border:1px solid var(--colorBrandBackground, #0f6cbd);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorBrandBackground, #0f6cbd);color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__applyButton:hover{background-color:var(--colorBrandBackgroundHover, #115ea3);border-color:var(--colorBrandBackgroundHover, #115ea3)}.ogrid-fluent__ColumnHeaderMenu-module__content{min-width:140px;background:var(--ogrid-bg, #ffffff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;padding:4px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;z-index:1000;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.ogrid-fluent__ColumnHeaderMenu-module__item{font-size:13px;line-height:1;color:var(--ogrid-fg, rgba(0, 0, 0, .87));border-radius:4px;border:none;background:transparent;display:flex;align-items:center;height:28px;padding:0 8px;position:relative;user-select:none;outline:none;cursor:pointer;width:100%;text-align:left}.ogrid-fluent__ColumnHeaderMenu-module__item:disabled{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));pointer-events:none;cursor:not-allowed}.ogrid-fluent__ColumnHeaderMenu-module__item:hover:not(:disabled){background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__ColumnHeaderMenu-module__separator{height:1px;background-color:var(--ogrid-border, rgba(0, 0, 0, .12));margin:4px 0}.ogrid-fluent__DataGridTable-module__tableScrollContent{display:flex;flex-direction:column;width:100%;min-width:0;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{position:relative;width:max-content;min-width:var(--data-table-min-width, max-content);background:var(--ogrid-bg, #fff);overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{position:relative;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:var(--ogrid-bg, #fff);will-change:scroll-position}.ogrid-fluent__DataGridTable-module__tableWrapper[data-overflow-x=true]{overflow-x:auto}.ogrid-fluent__DataGridTable-module__tableWrapper[data-empty=true]{overflow-x:hidden}.ogrid-fluent__DataGridTable-module__tableWrapper[data-loading=true]{min-height:200px}.ogrid-fluent__DataGridTable-module__dataTable{width:var(--data-table-width, fit-content);max-width:100%;min-width:var(--data-table-min-width, max-content);border-collapse:separate;border-spacing:0;box-sizing:border-box;table-layout:auto;background-color:var(--ogrid-bg, #fff);color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__DataGridTable-module__dataTable tbody tr{height:var(--ogrid-row-height, auto)}.ogrid-fluent__DataGridTable-module__groupHeaderCell{text-align:center;font-weight:600;border-bottom:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));padding:var(--ogrid-cell-padding, 6px 10px);background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__headerCellContent{display:flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{background:transparent;border:none;cursor:pointer;padding:2px 4px;font-size:16px;line-height:1;color:var(--ogrid-fg-secondary, rgba(0, 0, 0, .6));opacity:1;transition:background-color .15s;border-radius:3px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--ogrid-active-bg, rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--ogrid-accent, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__dropIndicator{position:absolute;top:0;bottom:0;width:3px;background:var(--ogrid-selection-color, #217346);pointer-events:none;z-index:var(--ogrid-z-drop-indicator, 100);transition:left .05s}.ogrid-fluent__DataGridTable-module__resizeHandle{position:absolute;top:0;right:-3px;bottom:0;width:8px;cursor:col-resize;user-select:none;touch-action:none;z-index:var(--ogrid-z-resize-handle, 1)}.ogrid-fluent__DataGridTable-module__resizeHandle:after{content:"";position:absolute;top:0;right:3px;bottom:0;width:2px}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--ogrid-accent, #0078d4)}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--ogrid-accent-dark, #005a9e)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__resizeHandle{width:16px;right:-8px}}.ogrid-fluent__DataGridTable-module__pinnedColLeft{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColLeft:after{content:"";position:absolute;top:-1px;right:-4px;bottom:-1px;width:4px;background:linear-gradient(to right,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__pinnedColRight{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColRight:before{content:"";position:absolute;top:-1px;left:-4px;bottom:-1px;width:4px;background:linear-gradient(to left,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__cellContent{width:100%;height:100%;display:flex;align-items:center;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;outline:none;contain:content}.ogrid-fluent__DataGridTable-module__cellContent:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__pinnedColLeft .ogrid-fluent__DataGridTable-module__cellContent,.ogrid-fluent__DataGridTable-module__pinnedColRight .ogrid-fluent__DataGridTable-module__cellContent{contain:none}.ogrid-fluent__DataGridTable-module__dataTable:not([data-virtual-scroll]) tbody tr{content-visibility:auto}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;overflow:visible;background:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__editingCellContent.ogrid-fluent__DataGridTable-module__editingCellContent{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;background:var(--ogrid-bg, #fff);overflow:visible;padding:0}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-anchor],.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-range]{outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__inRange{outline:none;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));opacity:.7}.ogrid-fluent__DataGridTable-module__fillHandle{position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;background:var(--ogrid-selection-color, #217346);border:1px solid var(--ogrid-bg, #fff);border-radius:1px;cursor:crosshair;pointer-events:auto;touch-action:none;z-index:var(--ogrid-z-fill-handle, 3)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__fillHandle{width:14px;height:14px;right:-7px;bottom:-7px;border-radius:2px}}.ogrid-fluent__DataGridTable-module__selectionHeaderCellInner,.ogrid-fluent__DataGridTable-module__selectionCellInner{display:flex;align-items:center;justify-content:center;width:100%}.ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner,.ogrid-fluent__DataGridTable-module__rowNumberCellInner{display:flex;align-items:center;justify-content:center;width:100%;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__columnLetterRow{background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg))}.ogrid-fluent__DataGridTable-module__columnLetterCell{text-align:center;font-size:11px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));padding:2px 4px;background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg));border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));user-select:none;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__statusBar{display:flex;align-items:center;gap:16px;width:100%;padding:6px 12px;box-sizing:border-box;font-size:12px;line-height:20px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));background:var(--ogrid-header-bg, #f5f5f5);border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));min-height:33px}.ogrid-fluent__DataGridTable-module__statusBarItem{display:inline-flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{content:"";width:1px;height:14px;background:var(--ogrid-border, rgba(0, 0, 0, .12));margin-left:12px}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--ogrid-fg, rgba(0, 0, 0, .87));font-weight:600}.ogrid-fluent__DataGridTable-module__contextMenu{position:fixed;z-index:var(--ogrid-z-context-menu, 10000);min-width:160px;padding:4px 0;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow, 0 4px 16px rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__contextMenuItem{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:6px 12px;border:none;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__contextMenuItem:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__DataGridTable-module__contextMenuItemLabel{flex:1}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));font-size:.85em}.ogrid-fluent__DataGridTable-module__contextMenuDivider{height:1px;margin:4px 0;background:var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__loadingOverlay{position:absolute;inset:0;z-index:var(--ogrid-z-loading, 2);display:flex;align-items:center;justify-content:center;background:var(--ogrid-loading-overlay, rgba(255, 255, 255, .7));backdrop-filter:blur(1px);pointer-events:all}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow-sm, 0 2px 4px rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{font-size:13px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__loadingDimmed{opacity:.6;pointer-events:none}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 16px;min-height:88px;width:100%;box-sizing:border-box;border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{font-size:14px;font-weight:600;color:var(--ogrid-fg, rgba(0, 0, 0, .87));margin-bottom:4px}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{font-size:13px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));line-height:1.5}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{background:none;border:none;color:var(--ogrid-accent, #0078d4);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--ogrid-accent-dark, #005a9e)}.ogrid-fluent__DataGridTable-module__spinner{width:24px;height:24px;border:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-top-color:var(--ogrid-accent, #0078d4);border-radius:50%;animation:ogrid-fluent__DataGridTable-module__ogrid-spin .8s linear infinite}@keyframes ogrid-fluent__DataGridTable-module__ogrid-spin{to{transform:rotate(360deg)}}@media(max-width:576px){.ogrid-fluent__DataGridTable-module__paginationNav{order:-1;width:100%;justify-content:center}.ogrid-fluent__DataGridTable-module__paginationInfo{font-size:11px;text-align:center;width:100%}.ogrid-fluent__DataGridTable-module__paginationSize{font-size:11px}}:where(:root){--ogrid-cell-padding: 6px 10px;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--ogrid-z-resize-handle: 1;--ogrid-z-active-cell: 2;--ogrid-z-fill-handle: 3;--ogrid-z-row-number: 5;--ogrid-z-pinned: 6;--ogrid-z-selection-cell: 7;--ogrid-z-thead: 8;--ogrid-z-pinned-header: 10;--ogrid-z-header-focus: 11;--ogrid-z-selection-header-pinned: 12;--ogrid-z-checkbox: 12;--ogrid-z-loading: 2;--ogrid-z-drop-indicator: 100;--ogrid-z-filter-popover: 1000;--ogrid-z-popover: 1000;--ogrid-z-fullscreen: 9999;--ogrid-z-context-menu: 10000;--ogrid-bg: #ffffff;--ogrid-fg: rgba(0, 0, 0, .87);--ogrid-fg-secondary: rgba(0, 0, 0, .6);--ogrid-fg-muted: rgba(0, 0, 0, .5);--ogrid-border: rgba(0, 0, 0, .12);--ogrid-border-strong: rgba(0, 0, 0, .5);--ogrid-border-hover: rgba(0, 0, 0, .3);--ogrid-header-bg: #f5f5f5;--ogrid-hover-bg: rgba(0, 0, 0, .04);--ogrid-selected-row-bg: #e6f0fb;--ogrid-bg-selected-hover: #dae8f8;--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: #0078d4;--ogrid-accent-dark: #005a9e;--ogrid-selection-color: #217346;--ogrid-primary: #0078d4;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #106ebe;--ogrid-bg-subtle: #f5f5f5;--ogrid-bg-hover: rgba(0, 0, 0, .04);--ogrid-active-bg: rgba(0, 0, 0, .06);--ogrid-muted: rgba(0, 0, 0, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .12);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--ogrid-pinned-shadow: rgba(0, 0, 0, .1);--ogrid-loading-overlay: rgba(255, 255, 255, .7);--ogrid-formula-error-color: #d32f2f;--ogrid-selection: #217346;--ogrid-bg-range: rgba(33, 115, 70, .12);--ogrid-bg-selected: #e6f0fb;--ogrid-loading-bg: rgba(255, 255, 255, .7)}@media(prefers-color-scheme:dark){:where(:root:not([data-theme=light])){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}}:where([data-theme=dark]){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}.fui-FluentProvider{--ogrid-bg: var(--colorNeutralBackground1, #ffffff);--ogrid-fg: var(--colorNeutralForeground1, rgba(0, 0, 0, .87));--ogrid-fg-secondary: var(--colorNeutralForeground2, rgba(0, 0, 0, .6));--ogrid-fg-muted: var(--colorNeutralForeground3, rgba(0, 0, 0, .5));--ogrid-border: var(--colorNeutralStroke2, rgba(0, 0, 0, .12));--ogrid-header-bg: var(--colorSubtleBackgroundSelected, #f3f2f1);--ogrid-hover-bg: var(--colorSubtleBackgroundHover, rgba(0, 0, 0, .04));--ogrid-selected-row-bg: var(--colorNeutralBackground1Selected, #e6f0fb);--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: var(--colorBrandForeground1, #0078d4);--ogrid-selection-color: #217346;--ogrid-loading-overlay: rgba(255, 255, 255, .7)}.ogrid-fluent__DataGridTable-module__tableScrollContent{min-height:100%;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{border:none;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));-webkit-overflow-scrolling:touch;outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__dataTable{table-layout:auto}.ogrid-fluent__DataGridTable-module__dataTable{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{min-width:80px;box-sizing:border-box;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);font-size:13px;vertical-align:middle}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell{padding:6px 10px;font-weight:600;font-size:14px;color:var(--ogrid-fg, rgba(0, 0, 0, .87));white-space:nowrap;background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1));z-index:var(--ogrid-z-thead, 8);border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell>.fui-TableHeaderCell__button{position:static}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4));outline-offset:-2px;z-index:var(--ogrid-z-header-focus, 11)}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;height:1px;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);position:relative;border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell>*{min-width:0}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:last-of-type,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:last-of-type{border-right:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:last-child .fui-TableCell{border-bottom:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, var(--ogrid-hover-bg, rgba(0, 0, 0, .04)))}.ogrid-fluent__DataGridTable-module__leafHeaderCellSpan{font-weight:600;padding:6px 10px;background:var(--ogrid-header-bg, #f3f2f1)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper,.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionCellWrapper{width:48px;min-width:48px;max-width:48px;padding:4px;text-align:center}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper{padding:4px 8px;text-align:center;background:var(--ogrid-header-bg, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));position:relative}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{padding:4px 8px;text-align:center;background:var(--colorNeutralBackground3, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .fui-TableCell{background-color:var(--colorNeutralBackground1Selected, var(--ogrid-selected-row-bg, #e6f0fb))}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);cursor:pointer}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .fui-TableCell{background-color:var(--colorNeutralBackground1Hover, #dae8f8)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow{cursor:pointer}.ogrid-fluent__DataGridTable-module__cellContent{padding:var(--ogrid-cell-padding, 4px 8px)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);background-color:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background-color:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background-color:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__stickyHeader{z-index:var(--ogrid-z-thead, 8);background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__stickyHeader .fui-TableHeaderCell{position:sticky;top:0}.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft,.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{top:0;z-index:var(--ogrid-z-pinned-header, 10)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-right:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-left:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:-2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{color:var(--colorNeutralForeground3, #666)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--colorNeutralBackground1Hover, #f3f2f1)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--colorNeutralBackground1Pressed, #e1dfdd)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--colorBrandForeground1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--colorBrandForeground1Pressed, #005a9e)}.ogrid-fluent__DataGridTable-module__statusBar{min-width:0;color:var(--colorNeutralForeground2, #616161);background-color:var(--colorSubtleBackgroundSelected, #f3f2f1);border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);user-select:none}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{display:inline-block;background-color:var(--colorNeutralStroke1, #c4c4c4)}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--colorNeutralForeground3, #707070);font-weight:400}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenu{background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke1, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow16, 0 4px 16px rgba(0, 0, 0, .12));outline:none}.ogrid-fluent__DataGridTable-module__contextMenuItem{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--colorNeutralForeground3, rgba(0, 0, 0, .4))}.ogrid-fluent__DataGridTable-module__contextMenuDivider{background-color:var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{background:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #c4c4c4);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow4, 0 2px 4px rgba(0, 0, 0, .14))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__DataGridTable-module__loadingDimmed{transition:opacity .15s ease}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{min-width:0;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky{position:sticky;left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;text-align:center}.ogrid-fluent__DataGridTable-module__emptyStateInGridIcon{font-size:24px;margin-bottom:8px;opacity:.6}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{color:var(--colorNeutralForeground2, #616161);max-width:100%}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{color:var(--colorBrandForeground1, #0f6cbd)}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link{color:var(--colorBrandForeground1, #0f6cbd);font-weight:600;text-decoration:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:hover{text-decoration:underline;color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:active{color:var(--colorBrandForeground1Pressed, #0c3b5e)}.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__cellContent{padding:4px 8px}.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__cellContent{padding:12px 16px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Button:focus-visible,.ogrid-fluent__DataGridTable-module__tableWrapper .fui-MenuButton:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Checkbox:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__ColumnChooser-module__container{position:relative;display:inline-flex}.ogrid-fluent__ColumnChooser-module__dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:10000;min-width:220px;display:flex;flex-direction:column;background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke2, #edebe9);border-radius:6px;box-shadow:0 4px 16px #0000001f;padding:0}.ogrid-fluent__ColumnChooser-module__header{padding:8px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #edebe9);font-weight:600;font-size:13px}.ogrid-fluent__ColumnChooser-module__optionsList{max-height:320px;overflow-y:auto;padding:0}.ogrid-fluent__ColumnChooser-module__optionItem{padding:4px 12px;display:flex;align-items:center;min-height:32px}.ogrid-fluent__ColumnChooser-module__optionItem:hover{background:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnChooser-module__actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--colorNeutralStroke2, #edebe9)}.ogrid-fluent__PaginationControls-module__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;width:100%;min-width:0;box-sizing:border-box;padding:0}.ogrid-fluent__PaginationControls-module__paginationInfo{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);flex-shrink:0;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__paginationControls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1 1 auto;justify-content:center;min-width:0}.ogrid-fluent__PaginationControls-module__navBtn{min-width:28px;min-height:28px}.ogrid-fluent__PaginationControls-module__pageNumbers{display:inline-flex;align-items:center;gap:4px;margin:0 8px}.ogrid-fluent__PaginationControls-module__pageBtn{min-width:28px;min-height:28px;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;font-size:12px;color:var(--colorNeutralForeground3, #8a8886);user-select:none;pointer-events:none;letter-spacing:.02em}.ogrid-fluent__PaginationControls-module__pageSizeSelector{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeLabel{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);user-select:none;white-space:nowrap}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeSelect{min-width:72px}