/* [project]/src/global.less.css [client] (css) */
@font-face {
  font-family: AlibabaSans;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*1GSgSYDD_aIAAAAAQsAAAAgAegCCAQ/AlibabaSans-Light.woff2") format("woff2");
}

@font-face {
  font-family: AlibabaSans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*2zEUQqnPNesAAAAAQtAAAAgAegCCAQ/AlibabaSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: AlibabaSans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*E_cxRbMlZqUAAAAAQuAAAAgAegCCAQ/AlibabaSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: AlibabaSans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*E_cxRbMlZqUAAAAAQuAAAAgAegCCAQ/AlibabaSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: AlibabaSans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*E_cxRbMlZqUAAAAAQuAAAAgAegCCAQ/AlibabaSans-Heavy.woff2") format("woff2");
}

html, body, #root {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: AlibabaSans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}

.ant-pro-layout > .ant-layout {
  min-height: 0 !important;
}

.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

ul, ol {
  list-style: none;
}

@media (max-width: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
  }

  .ant-table-thead > tr > th, .ant-table-tbody > tr > th, .ant-table-thead > tr > td, .ant-table-tbody > tr > td {
    white-space: pre;
  }

  .ant-table-thead > tr > th > span, .ant-table-tbody > tr > th > span, .ant-table-thead > tr > td > span, .ant-table-tbody > tr > td > span {
    display: block;
  }
}

.ant-pro-global-header .ant-pro-global-header-logo a, .ant-pro-global-header .wp-brand-header__link {
  align-items: flex-end;
  min-width: 0;
  text-decoration: none;
  display: flex;
}

.wp-brand-header {
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
  display: inline-flex;
}

.wp-brand-header__logo {
  flex-shrink: 0;
  display: block;
}

.wp-brand-header__subtitle {
  color: #000000e0;
  white-space: nowrap;
  border-left: 1px solid #00000014;
  flex-shrink: 0;
  padding-left: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.ant-pro-global-header .ant-pro-global-header-header-actions-avatar > div:hover, .ant-pro-global-header .app-sider-user-trigger:hover, .ant-pro-global-header .app-sider-user-trigger.ant-dropdown-open, .ant-pro-global-header .wp-header-avatar-trigger:hover, .ant-pro-global-header .wp-header-avatar-trigger.ant-dropdown-open {
  box-shadow: none !important;
  background: none !important;
}

.ant-pro-sider .ant-pro-sider-footer {
  flex-shrink: 0;
  margin-top: auto;
  padding: 0;
}

.wp-sider-footer {
  text-align: center;
  color: #00000073;
  border-top: 1px solid #0000000f;
  flex-shrink: 0;
  padding: 10px 12px 8px;
  font-size: 12px;
  line-height: 1.4;
}

.wp-sider-footer__line {
  line-height: 1.4;
}

.wp-sider-footer__sub {
  color: #00000059;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.35;
}

.ant-pro-sider .ant-layout-sider-children {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.wp-menu-item-label {
  max-width: 100%;
  color: inherit;
  align-items: center;
  display: inline-flex;
}

.ant-pro-sider.ant-pro-sider-light .ant-menu-light .wp-menu-item-link {
  color: inherit;
  text-decoration: none;
  display: block;
}

.ant-pro-sider.ant-pro-sider-light .ant-menu-light .wp-menu-item-link:hover, .ant-pro-sider.ant-pro-sider-light .ant-menu-light .wp-menu-item-link:focus {
  color: inherit;
  text-decoration: none;
}

.ant-pro-sider.ant-pro-sider-light .ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-item-disabled) .wp-menu-item-link, .ant-pro-sider.ant-pro-sider-light .ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-item-disabled) .ant-menu-title-content, .ant-pro-sider.ant-pro-sider-light .ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-item-disabled) .ant-menu-item-icon, .ant-pro-sider.ant-pro-sider-light .ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-item-disabled) .anticon {
  color: #000000a6;
}

.ant-pro-sider.ant-pro-sider-light .ant-menu-light .ant-menu-item-selected .wp-menu-item-link, .ant-pro-sider.ant-pro-sider-light .ant-menu-light .ant-menu-item-selected .ant-menu-title-content, .ant-pro-sider.ant-pro-sider-light .ant-menu-light .ant-menu-item-selected .ant-menu-item-icon, .ant-pro-sider.ant-pro-sider-light .ant-menu-light .ant-menu-item-selected .anticon {
  color: var(--ant-color-primary);
}

.ant-pro-sider.ant-pro-sider-light .ant-menu-light .ant-menu-item .ant-badge {
  color: inherit;
}

.ant-pro-sider .ant-menu-item .ant-badge {
  width: 100%;
}

.ant-pro-sider .ant-menu-item .ant-badge .ant-badge-count {
  box-shadow: none;
}

.ant-pro-sider .ant-menu-submenu:not(.ant-menu-submenu-open) > .ant-menu-sub {
  overflow: hidden !important;
}

.ant-pro-sider .ant-menu-submenu:not(.ant-menu-submenu-open) .ant-menu-sub .ant-badge-count {
  display: none !important;
}

.ant-pro-sider .ant-menu-submenu-title {
  align-items: center;
}

.ant-pro-sider .ant-menu-submenu-title .ant-menu-title-content {
  align-self: center;
}

.ant-pro-sider .ant-menu-submenu-title, .ant-pro-sider .ant-menu-submenu-title .ant-menu-title-content {
  overflow: visible;
}

.ant-pro-sider .ant-menu-submenu-title .ant-pro-base-menu-inline-item-text {
  flex: 1;
  min-width: 0;
  line-height: 22px;
}

.ant-pro-sider .ant-menu-submenu-title .wp-menu-group-title {
  vertical-align: middle;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  display: inline-flex;
}

.ant-pro-sider .ant-menu-submenu-title .wp-menu-group-title-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ant-pro-sider .ant-menu-submenu-title .wp-menu-group-title-count {
  background: var(--ant-color-error, #ff4d4f);
  color: #fff;
  text-align: center;
  border-radius: 7px;
  flex-shrink: 0;
  min-width: 14px;
  height: 14px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
}

.ant-pro-sider .ant-menu-submenu.ant-menu-submenu-open > .ant-menu-submenu-title .wp-menu-group-title-count {
  display: none;
}

.ant-pro-sider .ant-pro-sider-menu {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

:root {
  --wp-layout-header-h: 56px;
  --wp-layout-content-padding: 24px;
}

.ant-pro-layout {
  flex-direction: column;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  display: flex;
  overflow: hidden;
}

.ant-pro-layout > .ant-layout.ant-layout-has-sider {
  box-sizing: border-box;
  flex: 1;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
}

.ant-pro-layout.ant-pro-layout-mix > .ant-layout > .ant-pro-sider.ant-layout-sider {
  min-height: calc(100vh - var(--wp-layout-header-h));
}

.ant-pro-layout .ant-pro-layout-container {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ant-pro-layout .ant-layout-header.ant-pro-layout-header {
  flex-shrink: 0;
}

.ant-pro-layout .ant-pro-layout-content {
  height: 0;
  min-height: 0;
  padding: var(--wp-layout-content-padding);
  box-sizing: border-box;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.ant-pro-layout .ant-pro-layout-content:has(.wp-page-fill) {
  padding: 16px;
  overflow: hidden;
}

.ant-pro-layout .ant-pro-layout-content:not(:has(.wp-page-fill)) {
  height: auto;
  overflow: auto;
}

.ant-pro-page-container.wp-page-fill {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ant-pro-page-container.wp-page-fill > .ant-pro-page-container-warp-page-header {
  flex: none;
}

.ant-pro-page-container.wp-page-fill > .ant-pro-grid-content {
  flex-direction: column;
  flex: auto;
  height: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ant-pro-page-container.wp-page-fill .ant-pro-grid-content-children {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ant-pro-page-container.wp-page-fill .ant-pro-page-container-children-container {
  flex-direction: column;
  flex: auto;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
  padding-block-end: 0 !important;
}

.ant-pro-page-container.wp-page-fill .ant-pro-page-container-warp {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
}

.wp-page-fill .task-page, .wp-page-fill .schedule-page, .wp-page-fill .people-schedule-page, .wp-page-fill .task-tracking-page, .wp-page-fill .wp-list-page {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.wp-page-fill .task-page-header, .wp-page-fill .wp-list-toolbar {
  flex-shrink: 0;
  margin-bottom: 12px;
}

.wp-page-fill .task-page-header > .ant-typography:first-child, .wp-page-fill .schedule-page-header {
  display: none;
}

.wp-page-fill .schedule-page-body, .wp-page-fill .people-schedule-page-body {
  flex: auto;
  height: 0;
  min-height: 0;
  overflow: hidden;
}

.wp-page-fill .schedule-page-calendar, .wp-page-fill .people-schedule-calendar {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.wp-page-fill .schedule-calendar-wrap {
  flex: 1;
  height: auto;
  min-height: 0;
  overflow: hidden;
}

.wp-page-fill .task-tracking-page-body {
  flex: auto;
  height: 0;
  min-height: 0;
  overflow: hidden;
}

.wp-page-fill .task-page-table {
  flex-direction: column;
  flex: auto;
  height: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.wp-page-fill .task-page-table.task-page-table--fill {
  flex: none;
  height: auto;
}

.wp-page-fill .mcp-page {
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.wp-page-fill .mcp-page__header {
  flex-shrink: 0;
  width: 100%;
}

.wp-page-fill .mcp-page__workspace {
  flex-direction: column;
  flex: auto;
  width: 100%;
  height: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.wp-page-fill .mcp-workspace {
  flex: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.wp-page-fill .mcp-workspace > .ant-row {
  height: 100%;
  min-height: 0;
}

.wp-page-fill .mcp-workspace > .ant-row > .ant-col {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.wp-page-fill .mcp-workspace-col {
  flex-direction: column;
  flex: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.wp-page-fill .mcp-workspace-card {
  flex-direction: column;
  flex: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

.wp-page-fill .mcp-workspace-card--detail .ant-pro-card-header, .wp-page-fill .mcp-workspace-card--detail .ant-pro-card-body {
  padding-inline: 16px;
}

.wp-page-fill .mcp-workspace-card--detail .ant-pro-descriptions, .wp-page-fill .mcp-workspace-card--detail .ant-table-wrapper {
  width: 100%;
}

.wp-page-fill .mcp-workspace-card > .ant-pro-card-header {
  flex-shrink: 0;
}

.wp-page-fill .mcp-workspace-card > .ant-pro-card-body {
  flex-direction: column;
  flex: auto;
  height: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.wp-page-fill .mcp-workspace-card--detail > .ant-pro-card-body {
  overflow: auto;
}

.wp-page-fill .mcp-workspace-scroll {
  flex: auto;
  height: 0;
  min-height: 0;
  overflow: auto;
}

.wp-page-fill .mcp-toolset-menu-wrap {
  flex: auto;
  height: 0;
  min-height: 0;
  margin: 0 -14px -12px;
  overflow: auto;
}

.admin-page-legacy {
  padding: 0;
}

.admin-page-legacy > .ant-typography:first-child, .wp-page-workbench .overview-page-header {
  display: none;
}

.wp-page-workbench .ant-pro-grid-content, .wp-page-workbench .ant-pro-grid-content-children, .wp-page-workbench .ant-pro-page-container-children-container {
  width: 100%;
  max-width: none;
}

.wp-page-workbench .ant-pro-page-container-children-container {
  background: #f5f7fa;
}

/* [project]/src/tailwind.css [client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-snug: 1.375;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .-left-6 {
    left: calc(var(--spacing) * -6);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .z-50 {
    z-index: 50;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-\[0\.75em\] {
    margin-top: .75em;
  }

  .mt-\[1\.4em\] {
    margin-top: 1.4em;
  }

  .mt-\[1\.6em\] {
    margin-top: 1.6em;
  }

  .mt-\[1em\] {
    margin-top: 1em;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-content {
    box-sizing: content-box;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-\[28px\] {
    height: 28px;
  }

  .h-\[650px\] {
    height: 650px;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-\[min\(70vh\,320px\)\] {
    max-height: min(70vh, 320px);
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .w-\(--radix-dropdown-menu-trigger-width\) {
    width: var(--radix-dropdown-menu-trigger-width);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[330px\] {
    width: 330px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .min-w-\[96px\] {
    min-width: 96px;
  }

  .min-w-\[108px\] {
    min-width: 108px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .resize {
    resize: both;
  }

  .list-none {
    list-style-type: none;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-content-center {
    place-content: center;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }

  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
    border-radius: min(var(--radius-md), 12px);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-current {
    border-color: currentColor;
  }

  .border-transparent {
    border-color: #0000;
  }

  .bg-\[\#1677ff\] {
    background-color: #1677ff;
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-clip-content {
    background-clip: content-box;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }

  .px-\[0\.3em\] {
    padding-inline: .3em;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-\[0\.2em\] {
    padding-block: .2em;
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-72 {
    padding-bottom: calc(var(--spacing) * 72);
  }

  .pb-px {
    padding-bottom: 1px;
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-current {
    color: currentColor;
  }

  .text-inherit {
    color: inherit;
  }

  .text-white {
    color: var(--color-white);
  }

  .text-zinc-500 {
    color: var(--color-zinc-500);
  }

  .italic {
    font-style: italic;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-50 {
    opacity: .5;
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(248\,_249\,_250\)_0px_1px_5px_0px_inset\,_rgb\(193\,_200\,_205\)_0px_0px_0px_0\.5px\,_rgb\(193\,_200\,_205\)_0px_2px_1px_-1px\,_rgb\(193\,_200\,_205\)_0px_1px_0px_0px\] {
    --tw-shadow-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(248\,_249\,_250\)_0px_1px_5px_0px_inset\,_rgb\(193\,_200\,_205\)_0px_0px_0px_0\.5px\,_rgb\(193\,_200\,_205\)_0px_2px_1px_-1px\,_rgb\(193\,_200\,_205\)_0px_1px_0px_0px\] {
      --tw-shadow-color: color-mix(in oklab, #ffffff1a 0px .5px 0px 0px inset, #f8f9fa 0px 1px 5px 0px inset, #c1c8cd 0px 0px 0px .5px, #c1c8cd 0px 2px 1px -1px, #c1c8cd 0px 1px 0px 0px var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }

  .\[changelog\:sync\] {
    changelog: sync;
  }

  .group-last\/toolbar-group\:hidden\!:is(:where(.group\/toolbar-group):last-child *) {
    display: none !important;
  }

  .group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(*:disabled) *) {
    opacity: .5;
  }

  .peer-has-\[\[role\=menuitem\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has(*[role="menuitem"]) ~ *) {
    display: block;
  }

  .peer-has-\[\[role\=menuitemradio\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has(*[role="menuitemradio"]) ~ *) {
    display: block;
  }

  .peer-has-\[\[role\=option\]\]\/menu-group\:block:is(:where(.peer\/menu-group):has(*[role="option"]) ~ *) {
    display: block;
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:cursor-text:before {
    content: var(--tw-content);
    cursor: text;
  }

  .before\:content-\[attr\(placeholder\)\]:before {
    --tw-content: attr(placeholder);
    content: var(--tw-content);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }

  .after\:-inset-y-2:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-transparent:hover {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-transparent:focus-visible {
    --tw-ring-color: transparent;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not(*[aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where(*[data-inline-suggestion="insert"]) .in-data-\[inline-suggestion\=insert\]\:bg-emerald-100\! {
    background-color: var(--color-emerald-100) !important;
  }

  :where(*[data-inline-suggestion="insert"]) .in-data-\[inline-suggestion\=insert\]\:text-emerald-700\! {
    color: var(--color-emerald-700) !important;
  }

  :where(*[data-inline-suggestion="remove"]) .in-data-\[inline-suggestion\=remove\]\:bg-red-100\! {
    background-color: var(--color-red-100) !important;
  }

  :where(*[data-inline-suggestion="remove"]) .in-data-\[inline-suggestion\=remove\]\:text-red-700\! {
    color: var(--color-red-700) !important;
  }

  :where(*[data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius-lg);
  }

  .has-data-readonly\:w-fit:has(*[data-readonly]) {
    width: fit-content;
  }

  .has-data-readonly\:cursor-default:has(*[data-readonly]) {
    cursor: default;
  }

  .has-data-readonly\:border-transparent:has(*[data-readonly]) {
    border-color: #0000;
  }

  .has-data-readonly\:focus-within\:\[box-shadow\:none\]:has(*[data-readonly]):focus-within {
    box-shadow: none;
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=kbd\]\:pr-1\.5:has(*[data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-\[\[data-slate-editor\]\:focus\]\:ring-2:has(*[data-slate-editor]:focus) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\[role\=menuitem\]\]\:block:has(*[role="menuitem"]) {
    display: block;
  }

  .has-\[\[role\=menuitemradio\]\]\:block:has(*[role="menuitemradio"]) {
    display: block;
  }

  .has-\[\[role\=option\]\]\:block:has(*[role="option"]) {
    display: block;
  }

  .has-\[button\]\:flex:has(*:is(button)) {
    display: flex;
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-disabled\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-disabled\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-horizontal\:h-px[data-horizontal] {
    height: 1px;
  }

  .data-horizontal\:w-full[data-horizontal] {
    width: 100%;
  }

  .data-inset\:pl-7[data-inset] {
    padding-left: calc(var(--spacing) * 7);
  }

  .data-readonly\:w-fit[data-readonly] {
    width: fit-content;
  }

  :is(.\*\*\:data-slate-placeholder\:pointer-events-none *)[data-slate-placeholder] {
    pointer-events: none;
  }

  :is(.\*\*\:data-slate-placeholder\:top-auto\! *)[data-slate-placeholder] {
    top: auto !important;
  }

  :is(.\*\*\:data-slate-placeholder\:translate-y-0\! *)[data-slate-placeholder] {
    --tw-translate-y: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  :is(.\*\*\:data-slate-placeholder\:opacity-100\! *)[data-slate-placeholder] {
    opacity: 1 !important;
  }

  .data-vertical\:w-px[data-vertical] {
    width: 1px;
  }

  .data-vertical\:self-stretch[data-vertical] {
    align-self: stretch;
  }

  .data-\[inline-suggestion\=insert\]\:bg-emerald-100\![data-inline-suggestion="insert"] {
    background-color: var(--color-emerald-100) !important;
  }

  .data-\[inline-suggestion\=insert\]\:text-emerald-700\![data-inline-suggestion="insert"] {
    color: var(--color-emerald-700) !important;
  }

  .data-\[inline-suggestion\=remove\]\:bg-red-100\![data-inline-suggestion="remove"] {
    background-color: var(--color-red-100) !important;
  }

  .data-\[inline-suggestion\=remove\]\:text-red-700\![data-inline-suggestion="remove"] {
    color: var(--color-red-700) !important;
  }

  .data-\[nav-target\=true\]\:rounded-md[data-nav-target="true"] {
    border-radius: var(--radius-md);
  }

  .data-\[nav-target\=true\]\:bg-\(--color-highlight\)[data-nav-target="true"] {
    background-color: var(--color-highlight);
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
    position: relative;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
    isolation: isolate;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
    z-index: 50;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
    border-radius: var(--radius-sm);
  }

  .data-\[state\=closed\]\:overflow-hidden[data-state="closed"] {
    overflow: hidden;
  }

  @media (min-width: 40rem) {
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-\[max\(64px\,calc\(50\%-350px\)\)\] {
      padding-inline: max(64px, 50% - 350px);
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-\[2\] {
      flex: 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#141414\] {
      background-color: #141414;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(26\,_29\,_30\)_0px_1px_5px_0px_inset\,_rgb\(76\,_81\,_85\)_0px_0px_0px_0\.5px\,_rgb\(76\,_81\,_85\)_0px_2px_1px_-1px\,_rgb\(76\,_81\,_85\)_0px_1px_0px_0px\] {
      --tw-shadow-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:shadow-\[rgba\(255\,_255\,_255\,_0\.1\)_0px_0\.5px_0px_0px_inset\,_rgb\(26\,_29\,_30\)_0px_1px_5px_0px_inset\,_rgb\(76\,_81\,_85\)_0px_0px_0px_0\.5px\,_rgb\(76\,_81\,_85\)_0px_2px_1px_-1px\,_rgb\(76\,_81\,_85\)_0px_1px_0px_0px\] {
        --tw-shadow-color: color-mix(in oklab, #ffffff1a 0px .5px 0px 0px inset, #1a1d1e 0px 1px 5px 0px inset, #4c5155 0px 0px 0px .5px, #4c5155 0px 2px 1px -1px, #4c5155 0px 1px 0px 0px var(--tw-shadow-alpha), transparent);
      }
    }
  }

  .\[\&_\.slate-selection-area\]\:z-50 .slate-selection-area {
    z-index: 50;
  }

  .\[\&_\.slate-selection-area\]\:border .slate-selection-area {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_strong\]\:font-bold strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  :is(.\*\:first\:\[span\]\:hidden > *):first-child:is(span) {
    display: none;
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

/* [project]/src/styles/app.css [client] (css) */
.app-shell {
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.app-shell > .app-sider {
  border-right: 1px solid #f0f0f0;
  overflow: hidden;
  background: #fff !important;
}

.app-shell > .app-sider .ant-layout-sider-children {
  height: 100%;
}

.app-sider-inner {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.app-sider-brand {
  padding: 16px 16px 8px;
}

.app-sider-title {
  color: #000000e0;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.app-sider-subtitle {
  color: #00000073;
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
}

.app-sider-menu {
  flex: 1;
  min-height: 0;
  overflow: auto;
  border-inline: none !important;
}

.app-sider-menu.ant-menu-light .wp-menu-item-link {
  color: inherit;
  text-decoration: none;
  display: block;
}

.app-sider-menu.ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-item-disabled) .wp-menu-item-link, .app-sider-menu.ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-item-disabled) .ant-menu-title-content, .app-sider-menu.ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-item-disabled) .ant-menu-item-icon, .app-sider-menu.ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-item-disabled) .anticon {
  color: #000000a6;
}

.app-sider-menu.ant-menu-light .ant-menu-item-selected .wp-menu-item-link, .app-sider-menu.ant-menu-light .ant-menu-item-selected .ant-menu-title-content, .app-sider-menu.ant-menu-light .ant-menu-item-selected .ant-menu-item-icon, .app-sider-menu.ant-menu-light .ant-menu-item-selected .anticon {
  color: var(--ant-color-primary);
}

.app-sider-footer {
  background: #fff;
  border-top: 1px solid #f0f0f0;
  flex-shrink: 0;
  padding: 8px;
}

.app-sider-user-trigger {
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px;
  transition: background .2s;
  display: flex;
}

.app-sider-user-trigger:hover {
  background: #0000000a;
}

.app-sider-user-trigger-text {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.app-sider-user-trigger-name {
  color: #000000e0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.app-sider-user-trigger-account {
  color: #00000073;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.app-sider-user-trigger-icon {
  color: #00000059;
  font-size: 14px;
}

.app-sider-user-panel {
  background: #fff;
  border-radius: 8px;
  width: 240px;
  padding: 12px;
  box-shadow: 0 6px 16px #00000014, 0 3px 6px #0000001f;
}

.app-sider-user-panel-head {
  align-items: center;
  gap: 12px;
  display: flex;
}

.app-sider-user-panel-meta {
  min-width: 0;
}

.app-sider-user-panel-name {
  color: #000000e0;
  font-weight: 600;
}

.app-sider-user-panel-account {
  color: #00000073;
  font-size: 12px;
}

.app-sider-user-panel-tags {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.portal-avatar-dropdown {
  background: #fff;
  border-radius: 8px;
  min-width: 200px;
  overflow: visible;
  box-shadow: 0 6px 16px #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;
}

.portal-avatar-dropdown__header {
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.portal-avatar-dropdown__header-avatar {
  flex-shrink: 0;
}

.avatar-picker-modal {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
  display: flex;
}

.avatar-picker-modal__preview {
  justify-content: center;
  padding: 8px 0;
  display: flex;
}

.avatar-picker-modal__actions {
  justify-content: center;
  display: flex;
}

.avatar-picker-modal__hint {
  text-align: center;
  font-size: 12px;
}

.portal-avatar-dropdown__meta {
  flex: 1;
  min-width: 0;
}

.portal-avatar-dropdown__name {
  color: #000000e0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.portal-avatar-dropdown__account {
  color: #00000073;
  font-size: 12px;
  line-height: 1.5;
}

.portal-avatar-dropdown__tags {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  display: flex;
}

.portal-avatar-dropdown__role-tags {
  cursor: default;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  display: inline-flex;
}

.portal-avatar-dropdown__role-tag {
  text-overflow: ellipsis;
  max-width: 120px;
  margin-inline-end: 0;
  overflow: hidden;
}

.portal-avatar-dropdown__role-more.ant-tag {
  cursor: default;
  margin-inline-end: 0;
  padding-inline: 6px;
}

.portal-avatar-dropdown .ant-dropdown-menu {
  box-shadow: none;
  padding: 4px;
  max-height: none !important;
  overflow: visible !important;
}

.portal-avatar-dropdown .ant-dropdown-menu-item {
  border-radius: 6px;
  padding-inline: 12px;
}

.portal-avatar-dropdown .ant-dropdown-menu-title-content {
  flex: 1;
  min-width: 0;
}

.portal-avatar-dropdown__menu-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.portal-avatar-dropdown__version-tag {
  border-radius: 4px;
  flex-shrink: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
}

.portal-avatar-dropdown .ant-dropdown-menu-item-danger {
  color: #ff4d4f;
}

.app-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.app-content {
  box-sizing: border-box;
  background: #fff;
  border-radius: 12px;
  flex: 1;
  min-width: 0;
  min-height: 0;
  margin: 16px;
  padding: 24px;
  overflow: auto;
}

.app-content:has(.schedule-page), .app-content:has(.people-schedule-page), .app-content:has(.task-page) {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.schedule-page {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.schedule-page-header {
  flex-shrink: 0;
}

.schedule-page-body {
  flex: 1;
  grid-template-columns: minmax(240px, 320px) 1fr;
  align-content: stretch;
  gap: 16px;
  height: 100%;
  min-height: 0;
  display: grid;
  overflow: hidden;
}

.schedule-page-calendar, .people-schedule-calendar, .schedule-calendar-wrap {
  --schedule-ev-active-bg: #1677ff;
  --schedule-ev-active-border: #0958d9;
  --schedule-ev-done-bg: #595959;
  --schedule-ev-done-border: #434343;
  --schedule-ev-overdue-bg: #d46b08;
  --schedule-ev-overdue-border: #ad4e00;
  --schedule-ev-block-text: #fff;
}

.schedule-page-calendar {
  flex-direction: column;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.people-schedule-page {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.people-schedule-page-body {
  flex: 1;
  grid-template-columns: minmax(200px, 25%) 1fr;
  gap: 16px;
  height: 100%;
  min-height: 0;
  display: grid;
  overflow: hidden;
}

.people-schedule-sidebar {
  background: #fff;
  border: 1px solid #0000000f;
  border-radius: 8px;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.people-schedule-sidebar-header {
  border-bottom: 1px solid #0000000f;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  padding: 12px;
  display: flex;
}

.people-schedule-sidebar-list {
  flex: 1;
  min-height: 0;
  padding: 8px;
  overflow: auto;
}

.people-schedule-sidebar-center {
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.people-schedule-person {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 6px;
  padding: 10px 12px;
  transition: background .15s, border-color .15s;
  display: flex;
}

.people-schedule-person:hover {
  background: #00000005;
}

.people-schedule-person--active {
  background: #1677ff14;
  border-color: #1677ff40;
}

.people-schedule-person-name {
  color: #000000e0;
  font-weight: 500;
  line-height: 1.4;
}

.people-schedule-person-account {
  color: #00000073;
  font-size: 12px;
  line-height: 1.4;
}

.people-schedule-person-meta {
  color: #00000073;
  margin-top: 4px;
  font-size: 12px;
}

.people-schedule-calendar {
  flex-direction: column;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.people-schedule-calendar-title {
  margin-left: auto;
}

.people-schedule-calendar-main {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.people-schedule-calendar-hint {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.people-schedule-calendar-loading {
  z-index: 3;
  background: #ffffff73;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

body.schedule-event-dragging [data-schedule-backlog-drop] {
  outline-offset: -2px;
  outline: 2px dashed #0000001f;
  background: #00000005 !important;
}

.schedule-backlog-root {
  min-width: 0;
}

.schedule-backlog-panel {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.schedule-backlog-loading {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.schedule-backlog-section {
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.schedule-backlog-section--near {
  flex: 2;
}

.schedule-backlog-section--far {
  flex: 1;
}

.schedule-backlog-section-title {
  flex-shrink: 0;
  margin-bottom: 6px;
  font-size: 13px;
  display: block;
}

.schedule-backlog-section-list {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.schedule-backlog-item {
  cursor: grab;
  color: #000000e0;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  margin-bottom: 6px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 18px;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 1px 2px #00000005;
}

.schedule-backlog-panel .schedule-backlog-item:hover {
  border-color: #d9d9d9;
  box-shadow: 0 1px 4px #0000000f;
}

.schedule-backlog-panel .schedule-backlog-item.fc-event {
  color: #000000e0 !important;
  background: #fff !important;
  border: 1px solid #f0f0f0 !important;
}

.schedule-backlog-panel .schedule-backlog-item.fc-event:hover {
  background: #fff !important;
  border-color: #d9d9d9 !important;
}

.fc-event-mirror.schedule-backlog-item, .fc-event-dragging.schedule-backlog-item {
  opacity: .95;
  color: #000000e0 !important;
  background: #fff !important;
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0 2px 8px #00000014 !important;
}

.schedule-backlog-item-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin-top: 4px;
  display: flex;
}

.schedule-backlog-item-dates {
  color: #00000073;
  font-size: 11px;
}

.overview-page {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: none;
  display: flex;
}

.overview-page-header {
  flex-shrink: 0;
}

.overview-kpi-card {
  cursor: pointer;
}

.overview-stats-card .ant-card-body {
  padding-top: 8px;
}

.overview-stats-hint {
  font-size: 14px;
  margin-bottom: 12px !important;
}

.overview-chart {
  min-height: 320px;
}

.overview-chart--loading, .overview-chart--empty {
  min-height: 320px;
  color: var(--text);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.subtask-agent-modal .ant-modal-content {
  flex-direction: column;
  height: 680px;
  display: flex;
}

.subtask-agent-modal .ant-modal-body {
  flex: 1;
  min-height: 0;
  padding-bottom: 16px;
  overflow: hidden;
}

.subtask-agent-modal-body {
  flex-wrap: nowrap;
  height: 100%;
}

.subtask-agent-modal-body > .ant-col {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.subtask-agent-modal-left {
  height: 100%;
  min-height: 0;
}

.subtask-agent-modal-left-inner {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.subtask-agent-modal-left-head-spacer {
  flex-shrink: 0;
  height: 40px;
}

.subtask-agent-modal-left-scroll {
  flex: none;
  max-height: 34%;
  padding-right: 4px;
  overflow: auto;
}

.subtask-agent-modal-left-history {
  flex: 1 1 0;
  min-height: 120px;
  margin-top: 8px;
  padding-right: 4px;
  overflow: auto;
}

.subtask-agent-modal-left-compose {
  flex-direction: column;
  flex: none;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.subtask-agent-clarification-drawer.ant-drawer {
  z-index: 10;
  inset: 0;
  position: absolute !important;
}

.subtask-agent-clarification-drawer .ant-drawer-mask {
  inset: 0;
  background: #00000059 !important;
  position: absolute !important;
}

.subtask-agent-clarification-drawer .ant-drawer-content-wrapper {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  box-shadow: 0 -6px 28px #00000024;
  position: absolute !important;
  inset: auto 0 0 !important;
}

.subtask-agent-clarification-drawer .ant-drawer-content {
  border-radius: 12px 12px 0 0;
  flex-direction: column;
  display: flex;
}

.subtask-agent-clarification-drawer .ant-drawer-body {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  padding: 0 !important;
}

.subtask-agent-clarification-drawer .ant-drawer-footer {
  border-top: 1px solid #0000000f;
  flex-shrink: 0;
  padding: 10px 16px;
}

.subtask-agent-clarification-card {
  background: #fafafa;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.subtask-agent-clarification-card-header {
  background: #fff;
  border-bottom: 1px solid #0000000f;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 16px 14px;
  display: flex;
}

.subtask-agent-clarification-card-question {
  color: #000000e0;
  white-space: pre-wrap;
  word-break: break-word;
  flex: 1;
  min-width: 0;
  font-weight: 500;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.subtask-agent-clarification-pager {
  background: #0000000a;
  border-radius: 8px;
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  padding: 2px 4px;
  display: flex;
}

.subtask-agent-clarification-pager-label {
  color: #0000008c;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  min-width: 3.2em;
  font-size: 13px;
}

.subtask-agent-clarification-card-scroll {
  flex: auto;
  min-height: 0;
  padding: 12px 14px 16px;
  overflow-y: auto;
}

.subtask-agent-clarification-option-card {
  text-align: left;
  cursor: pointer;
  width: 100%;
  font: inherit;
  color: inherit;
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
  padding: 12px 14px;
  transition: background .15s, border-color .15s;
  display: flex;
}

.subtask-agent-clarification-option-card:hover {
  background: #00000005;
  border-color: #00000024;
}

.subtask-agent-clarification-option-card.is-selected {
  background: #0000000d;
  border-color: #00000024;
}

.subtask-agent-clarification-option-num {
  color: #00000073;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  width: 1.25rem;
  font-size: 13px;
}

.subtask-agent-clarification-option-label {
  white-space: normal;
  word-break: break-word;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 1.45;
}

.subtask-agent-clarification-option-arrow {
  color: #00000073;
  flex-shrink: 0;
  font-size: 12px;
}

.subtask-agent-clarification-custom-row {
  cursor: text;
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  display: flex;
}

.subtask-agent-clarification-custom-row.is-active {
  background: #0000000d;
  border-color: #00000024;
}

.subtask-agent-clarification-custom-row .ant-input {
  padding: 0;
  font-size: 14px;
}

.subtask-agent-clarification-custom-icon {
  color: #00000059;
  flex-shrink: 0;
  font-size: 14px;
}

.subtask-agent-clarification-footer-bar {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.subtask-agent-modal-revision.ant-input-textarea-affix-wrapper, .subtask-agent-modal-revision.ant-input-textarea {
  flex: none;
  height: 96px;
  min-height: 96px;
  max-height: 96px;
  display: block;
  position: relative;
}

.subtask-agent-modal-revision textarea.ant-input {
  resize: none;
  box-sizing: border-box;
  min-height: 96px;
  max-height: 96px;
  padding-bottom: 26px;
  height: 96px !important;
}

.subtask-agent-modal-revision .ant-input-data-count {
  z-index: 1;
  pointer-events: none;
  color: #00000073;
  margin: 0;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  bottom: 8px;
  right: 10px;
}

.subtask-agent-modal-refine-btn {
  flex-shrink: 0;
}

.subtask-agent-modal-right-toolbar {
  min-height: 32px;
}

.subtask-agent-modal-right {
  flex-direction: column;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: flex;
}

.subtask-agent-modal-table-wrap {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.subtask-agent-modal-table-wrap .ant-spin-nested-loading, .subtask-agent-modal-table-wrap .ant-spin-container {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.subtask-agent-modal-table-wrap .ant-table-wrapper {
  flex: 1;
  height: 100%;
  min-height: 0;
}

.subtask-agent-modal-table-wrap .ant-table {
  height: 100%;
}

.subtask-agent-modal-table-wrap .ant-table-container {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.subtask-agent-modal-table-wrap .ant-table-body {
  flex: 1;
  overflow: auto !important;
}

.subtask-agent-modal-table-wrap .ant-table-tbody .ant-input, .subtask-agent-modal-table-wrap .ant-table-tbody .ant-input-affix-wrapper, .subtask-agent-modal-table-wrap .ant-table-tbody .ant-input-number, .subtask-agent-modal-table-wrap .ant-table-tbody .ant-select-single .ant-select-selector, .subtask-agent-modal-table-wrap .ant-table-tbody .ant-picker {
  height: 32px;
}

.subtask-agent-modal-table-wrap .ant-table-tbody .ant-input-number .ant-input-number-input {
  height: 30px;
}

.subtask-agent-modal-table-wrap .ant-table-tbody .ant-select-single .ant-select-selector .ant-select-selection-item, .subtask-agent-modal-table-wrap .ant-table-tbody .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 30px;
}

.subtask-agent-modal-table-wrap .ant-table-tbody .ant-picker .ant-picker-input > input {
  height: 30px;
}

.task-page {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.task-page-header {
  flex-shrink: 0;
}

.task-page-table {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.task-page-table--fill {
  overflow: hidden;
  flex: none !important;
}

.task-page-table--fill > .ant-table-wrapper.task-table-compact, .task-page-table--fill .ant-spin-nested-loading, .task-page-table--fill .ant-spin-container {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  height: 100% !important;
}

.task-page-table--fill .ant-table-wrapper .ant-table, .task-page-table--fill .ant-table-wrapper .ant-table-container {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
}

.task-page-table--fill .ant-table-wrapper .ant-table-body {
  flex: 1;
  min-height: var(--task-table-body-min-h, 200px) !important;
}

.task-page-table--fill .ant-table-wrapper .ant-table-pagination {
  flex-shrink: 0;
  margin: 8px 0 0 !important;
}

.task-tree-root-load-more {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 2px 0 0;
  line-height: 1.2;
  display: flex;
}

.task-tree-root-load-more .ant-typography {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.2;
}

.task-tree-root-load-more .ant-btn.ant-btn-sm {
  height: 22px;
  padding-inline: 7px;
  font-size: 12px;
}

.task-page-filters {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.task-page-filters__left {
  flex: 1;
  justify-content: flex-start;
  min-width: 0;
}

.task-page-filters__actions {
  flex-shrink: 0;
  margin-left: auto;
}

.task-drawer-actions {
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 16px;
  margin-bottom: 8px;
  display: flex;
}

.task-detail-drawer .ant-drawer-content-wrapper {
  max-width: 100vw;
}

.task-detail-drawer .ant-drawer-body {
  background: #f6f8fb;
  padding: 16px;
}

.task-detail-layout {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.task-detail-hero {
  padding: 4px 4px 8px;
}

.task-detail-hero__title-row, .task-detail-footer {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.task-detail-hero__title-row .ant-typography {
  margin: 0;
}

.task-detail-path.ant-typography {
  margin: 10px 0 0;
  font-size: 12px;
}

.task-detail-owner {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.task-detail-label {
  color: #00000073;
  margin-bottom: 6px;
  font-size: 12px;
  display: block;
}

.task-detail-owner > .task-detail-label {
  margin-bottom: 0;
}

.task-detail-card.ant-card {
  border-color: #e7eaf0;
  box-shadow: 0 1px 2px #0f172a08;
}

.task-detail-card .ant-card-head {
  min-height: 42px;
}

.task-detail-card .ant-card-body {
  padding: 16px;
}

.task-detail-content-block + .task-detail-content-block {
  margin-top: 16px;
}

.task-detail-description {
  color: #1f2937;
  white-space: pre-wrap;
  line-height: 1.7;
}

.task-detail-more {
  background: #fff;
  border: 1px solid #e7eaf0;
  border-radius: 8px;
}

.task-detail-footer {
  align-items: center;
}

.task-assignee-action-cell {
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: inline-flex;
}

.task-assignee-action-trigger.ant-btn {
  opacity: 0;
  pointer-events: none;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: opacity .16s;
}

.task-assignee-action-cell:hover .task-assignee-action-trigger.ant-btn, .task-assignee-action-cell:focus-within .task-assignee-action-trigger.ant-btn {
  opacity: 1;
  pointer-events: auto;
}

.task-flow-state {
  color: #00000073;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  display: flex;
}

.task-assignment-flow {
  padding: 2px 0;
}

.task-flow-step {
  padding-left: 20px;
  position: relative;
}

.task-flow-step + .task-flow-step {
  padding-top: 10px;
}

.task-flow-step:before {
  content: "";
  background: #dbe6f4;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: -10px;
  left: 6px;
}

.task-flow-step:last-of-type:before {
  bottom: 18px;
}

.task-flow-step:after {
  content: "";
  background: #91a4bd;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 22px;
  left: 1px;
  box-shadow: 0 0 0 1px #dbe6f4;
}

.task-flow-person-node {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 9px 12px;
  display: flex;
}

.task-flow-person-node.is-current {
  background: #f0f7ff;
  border-color: #91caff;
}

.task-flow-person-node.is-empty {
  color: #00000073;
}

.task-flow-connector, .task-flow-initial-meta {
  color: #4b5563;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  min-height: 24px;
  font-size: 12px;
  display: flex;
}

.task-flow-connector > span {
  color: #1677ff;
  font-weight: 600;
}

.task-flow-initial-meta > span {
  font-weight: 600;
}

.task-flow-connector.is-danger > span {
  color: #cf1322;
}

.task-flow-connector time, .task-flow-connector small, .task-flow-initial-meta, .task-flow-initial-meta time, .task-flow-initial-meta small {
  color: #00000073;
  font-size: 12px;
}

.task-flow-decomposition {
  border-left: 2px solid #dbe6f4;
  margin: 14px 0 0 20px;
  padding: 14px 0 0 20px;
  position: relative;
}

.task-flow-decomposition-node {
  color: #4b5563;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.task-flow-decomposition-node > .anticon {
  color: #1677ff;
  background: #e6f4ff;
  border-radius: 50%;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.task-flow-decomposition-node strong {
  color: #1f2937;
  display: block;
}

.task-flow-decomposition-node div div {
  color: #00000073;
  font-size: 12px;
}

.task-flow-children {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 6px;
  display: grid;
}

.task-flow-child-node {
  min-width: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 10px;
  display: flex;
}

.task-flow-child-node:hover, .task-flow-child-node:focus-visible {
  border-color: #69b1ff;
  outline: none;
  box-shadow: 0 0 0 2px #1677ff14;
}

.task-flow-child-title {
  color: #1f2937;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-weight: 600;
  overflow: hidden;
}

.task-flow-child-tags {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.task-flow-child-tags .ant-tag {
  margin-inline-end: 0;
}

.task-table-compact.ant-table-wrapper .ant-table-thead > tr > th, .task-table-compact.ant-table-wrapper .ant-table-tbody > tr > td {
  padding: 2px 8px;
  font-size: 13px;
  line-height: 20px;
}

.task-table-compact.ant-table-wrapper .ant-table-thead > tr > th {
  padding-top: 4px;
  padding-bottom: 4px;
}

.resizable-table-handle {
  cursor: col-resize;
  z-index: 2;
  touch-action: none;
  width: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3px;
}

.resizable-table-handle:hover {
  background: #1677ff40;
}

body.resizing-table-column, body.resizing-table-column * {
  cursor: col-resize !important;
}

.task-table-compact.ant-table-wrapper .ant-table-tbody > tr > td {
  vertical-align: middle;
}

.task-table-compact.ant-table-wrapper .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table {
  margin: 0;
}

.task-table-compact a {
  font-size: 13px;
  line-height: 20px;
}

.task-table-compact .ant-table-thead > tr > th.ant-table-column-has-sorters .ant-table-column-sorter {
  opacity: 0;
  transition: opacity .15s;
}

.task-table-compact .ant-table-thead > tr > th.ant-table-column-has-sorters:hover .ant-table-column-sorter, .task-table-compact .ant-table-thead > tr > th.ant-table-column-sort .ant-table-column-sorter {
  opacity: 1;
}

.task-table-compact .ant-tag {
  margin: 0;
  padding-inline: 4px;
  font-size: 11px;
  line-height: 16px;
}

.task-table-compact .task-table-status {
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  display: inline-flex;
  overflow: hidden;
}

.task-table-compact .ant-btn-link {
  height: 20px;
  padding-inline: 4px;
  font-size: 13px;
  line-height: 20px;
}

.task-table-compact .task-title {
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 28px;
  display: flex;
}

.task-table-compact .task-title .ant-tag {
  flex-shrink: 0;
  margin-inline-end: 0;
  padding-inline: 4px;
  font-size: 12px;
  line-height: 18px;
}

.task-table-compact .task-title .task-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.task-table-compact .task-title .task-name-link {
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.task-table-compact .task-title .task-name-link:hover {
  color: #1677ff;
}

.task-table-compact .task-title .task-name-link:focus-visible {
  outline-offset: 2px;
  border-radius: 2px;
  outline: 2px solid #91caff;
}

@media (max-width: 640px) {
  .task-detail-hero__title-row, .task-detail-footer {
    flex-direction: column;
  }

  .task-flow-children {
    grid-template-columns: 1fr;
  }
}

.task-table-compact tr.task-row-parent > td {
  background: #fafafa;
}

.task-table-compact tr.task-row-parent.ant-table-row:hover > td {
  background: #f5f5f5 !important;
}

.task-table-compact tr.task-row-parent .task-name {
  color: #1f2937;
  font-weight: 600;
}

.task-table-compact tr.task-row-child .task-name {
  color: #4b5563;
  font-size: 12px;
  font-weight: 400;
}

.task-table-compact .task-title.leaf-child {
  color: #6b7280;
}

.task-table-compact tr.task-row-load-more > td {
  background: #fcfcfc;
}

.task-table-compact tr.task-row-load-more .task-load-more-btn {
  font-size: 12px;
}

.task-table-compact .task-level-badge {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.task-table-compact .task-level-badge.level-1 {
  color: #1677ff;
  background: #e6f4ff;
  border: 1.5px solid #1677ff;
  border-radius: 50%;
}

.task-table-compact .task-level-badge.level-2 {
  color: #08979c;
  background: #e6fffb;
  border: 1.5px solid #13c2c2;
  border-radius: 5px;
}

.task-table-compact .task-level-badge.level-3 {
  color: #531dab;
  background: #f9f0ff;
  border: 1.5px solid #722ed1;
  border-radius: 2px;
}

.task-table-compact .task-level-badge.level-4 {
  color: #d46b08;
  background: #fff7e6;
  border: 1.5px dashed #fa8c16;
  border-radius: 50%;
}

.task-table-compact .child-count {
  color: #8c8c8c;
  background: #f0f0f0;
  border-radius: 10px;
  flex-shrink: 0;
  padding: 1px 6px;
  font-size: 12px;
}

.task-table-compact .ant-table-row-expand-icon {
  color: #00000073;
}

.task-table-compact .ant-table-row-expand-icon-spaced {
  margin-inline-end: 4px;
}

.task-table-compact--lazy-expand .ant-table-expanded-row {
  display: none;
}

.schedule-calendar-wrap {
  flex-direction: column;
  flex: 1;
  height: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.schedule-calendar-wrap .fc {
  --fc-button-text-color: #1677ff;
  --fc-button-bg-color: #e6f4ff;
  --fc-button-border-color: #91caff;
  --fc-button-hover-bg-color: #bae0ff;
  --fc-button-hover-border-color: #69b1ff;
  --fc-button-active-bg-color: #1677ff;
  --fc-button-active-border-color: #1677ff;
  --fc-today-bg-color: transparent;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  font-size: 13px;
  display: flex;
}

.schedule-calendar-wrap .fc .fc-button-primary:hover {
  color: #1677ff;
}

.schedule-calendar-wrap .fc .fc-button-primary.fc-button-active, .schedule-calendar-wrap .fc .fc-button-primary:not(:disabled):active {
  color: #fff;
}

.schedule-calendar-wrap .fc .fc-button-primary:focus {
  box-shadow: 0 0 0 2px #1677ff26;
}

.schedule-calendar-wrap .fc-event {
  cursor: pointer;
  border-radius: 6px;
  font-size: 12px;
}

.schedule-calendar-wrap .fc-timegrid-event .fc-event-main {
  padding: 5px 8px;
  line-height: 1.35;
}

.schedule-calendar-wrap .fc-timegrid-event {
  box-sizing: border-box;
}

.schedule-calendar-wrap .fc-col-header-cell-cushion {
  width: 100%;
  color: inherit;
  padding: 4px 2px;
  text-decoration: none;
  display: block;
}

.schedule-day-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  min-height: 48px;
  padding: 4px 2px 2px;
  line-height: 1.2;
  display: flex;
}

.schedule-day-header__status-row {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.schedule-day-header__date-row {
  white-space: nowrap;
  font-size: 14px;
  line-height: 22px;
}

.schedule-day-header__report-icon {
  align-items: center;
  line-height: 1;
  display: inline-flex;
}

.schedule-day-header__personnel-tag {
  padding: 0 6px;
  font-size: 11px;
  line-height: 16px;
}

.schedule-day-header__personnel-picker {
  grid-template-columns: repeat(3, minmax(72px, 1fr));
  gap: 8px;
  width: 240px;
  display: grid;
}

.schedule-day-header__personnel-option {
  cursor: pointer;
  background: #fff;
  border: 1px solid #0000000f;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 4px;
  font-size: 12px;
  transition: border-color .15s, background .15s;
  display: flex;
}

.schedule-day-header__personnel-option:hover {
  background: #1677ff0a;
  border-color: #1677ff59;
}

.schedule-day-header__personnel-option--active {
  background: #1677ff14;
  border-color: #1677ff73;
}

.schedule-day-header__personnel-option--clear {
  color: #00000073;
  grid-column: 1 / -1;
}

.schedule-calendar-wrap .fc .fc-col-header-cell .fc-scrollgrid-sync-inner {
  min-height: 52px;
}

.schedule-calendar-wrap .fc .fc-timegrid-col.fc-day-today, .schedule-calendar-wrap .fc .fc-daygrid-day.fc-day-today {
  background-color: #0000 !important;
}

.schedule-calendar-wrap .fc .fc-col-header-cell.fc-day-today .schedule-day-header__date-row {
  color: #1677ff;
  font-weight: 600;
}

.schedule-calendar-wrap .fc .fc-col-header-cell:not(.fc-day-today) .schedule-day-header__date-row {
  color: #000000a6;
  font-weight: 400;
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-active {
  background-color: var(--schedule-ev-active-bg) !important;
  border: 1px solid var(--schedule-ev-active-border) !important;
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-active .fc-event-main {
  color: var(--schedule-ev-block-text);
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-done {
  background-color: var(--schedule-ev-done-bg) !important;
  border: 1px solid var(--schedule-ev-done-border) !important;
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-done .fc-event-main {
  color: #ffffffeb;
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-overdue {
  background-color: var(--schedule-ev-overdue-bg) !important;
  border: 1px solid var(--schedule-ev-overdue-border) !important;
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-overdue .fc-event-main {
  color: var(--schedule-ev-block-text);
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-meeting-pending {
  background-color: #f0f5ff !important;
  border: 2px dashed #1677ff !important;
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-meeting-pending .fc-event-main {
  color: #0958d9;
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-meeting-accepted {
  background-color: #e6f4ff !important;
  border: 2px solid #1677ff !important;
}

.schedule-calendar-wrap .fc-timegrid-event.schedule-ev-meeting-accepted .fc-event-main {
  color: #0958d9;
}

.schedule-page-legend__swatch--meeting-pending {
  background: #f0f5ff;
  border: 2px dashed #1677ff;
}

.schedule-page-legend__swatch--meeting-accepted {
  background: #e6f4ff;
  border: 2px solid #1677ff;
}

.meetings-page {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  min-height: 0;
  display: flex;
}

.meetings-page-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.fc-event-mirror.schedule-ev-active, .fc-event-dragging.schedule-ev-active {
  background-color: var(--schedule-ev-active-bg) !important;
  border: 1px solid var(--schedule-ev-active-border) !important;
}

.fc-event-mirror.schedule-ev-active .fc-event-main, .fc-event-dragging.schedule-ev-active .fc-event-main {
  color: var(--schedule-ev-block-text);
}

.fc-event-mirror.schedule-ev-done, .fc-event-dragging.schedule-ev-done {
  background-color: var(--schedule-ev-done-bg) !important;
  border: 1px solid var(--schedule-ev-done-border) !important;
}

.fc-event-mirror.schedule-ev-done .fc-event-main, .fc-event-dragging.schedule-ev-done .fc-event-main {
  color: #ffffffeb;
}

.fc-event-mirror.schedule-ev-overdue, .fc-event-dragging.schedule-ev-overdue {
  background-color: var(--schedule-ev-overdue-bg) !important;
  border: 1px solid var(--schedule-ev-overdue-border) !important;
}

.fc-event-mirror.schedule-ev-overdue .fc-event-main, .fc-event-dragging.schedule-ev-overdue .fc-event-main {
  color: var(--schedule-ev-block-text);
}

.schedule-page-legend {
  color: #000000a6;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  padding: 8px 12px 10px;
  font-size: 12px;
  display: flex;
}

.schedule-page-legend__item {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.schedule-page-legend__swatch {
  box-sizing: border-box;
  border-radius: 4px;
  width: 14px;
  height: 14px;
}

.schedule-page-legend__swatch--active {
  background: var(--schedule-ev-active-bg);
  border: 1px solid var(--schedule-ev-active-border);
}

.schedule-page-legend__swatch--done {
  background: var(--schedule-ev-done-bg);
  border: 1px solid var(--schedule-ev-done-border);
}

.schedule-page-legend__swatch--overdue {
  background: var(--schedule-ev-overdue-bg);
  border: 1px solid var(--schedule-ev-overdue-border);
}

.schedule-block-detail-modal .schedule-block-detail-modal__desc {
  max-height: 160px;
  margin-top: 8px;
  overflow: auto;
}

.schedule-block-detail-modal .schedule-block-detail-modal__schedule-form {
  border-bottom: 1px solid #0000000f;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.schedule-block-detail-modal .schedule-block-detail-modal__schedule-hint {
  font-size: 12px;
  margin: 4px 0 8px !important;
}

.schedule-block-detail-modal .schedule-block-detail-modal__time-row {
  width: 100%;
}

.schedule-block-detail-modal .schedule-block-detail-modal__time-row .ant-btn {
  flex-shrink: 0;
}

.schedule-calendar-wrap .fc-highlight {
  background: #1677ff26;
}

.schedule-calendar-wrap .fc-timegrid-slot {
  cursor: crosshair;
}

.schedule-calendar-wrap .fc .fc-header-toolbar {
  flex-shrink: 0;
  margin-bottom: .75em;
}

.schedule-calendar-wrap .fc .fc-view-harness {
  flex: auto;
  min-height: 0;
  overflow: hidden;
}

.schedule-calendar-wrap .fc .fc-view-harness-active {
  height: 100%;
  min-height: 0;
}

.schedule-calendar-wrap .fc .fc-scrollgrid {
  height: 100% !important;
}

.schedule-calendar-wrap .fc .fc-scrollgrid-section-body > td, .schedule-calendar-wrap .fc .fc-timegrid-body, .schedule-calendar-wrap .fc .fc-timegrid-slots table {
  height: 100%;
}

.schedule-backlog-item-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
}

.schedule-backlog-item-path {
  color: #00000073;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
  margin-top: 2px;
  font-size: 11px;
  line-height: 16px;
  overflow: hidden;
}

h1, h2 {
  font-family: var(--heading);
  color: var(--text-h);
  font-weight: 500;
}

h1 {
  letter-spacing: -1.68px;
  margin: 32px 0;
  font-size: 56px;
}

@media (max-width: 1024px) {
  h1 {
    margin: 20px 0;
    font-size: 36px;
  }
}

h2 {
  letter-spacing: -.24px;
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 118%;
}

@media (max-width: 1024px) {
  h2 {
    font-size: 20px;
  }
}

p {
  margin: 0;
}

code, .counter {
  font-family: var(--mono);
  color: var(--text-h);
  border-radius: 4px;
  display: inline-flex;
}

code {
  background: var(--code-bg);
  padding: 4px 8px;
  font-size: 15px;
  line-height: 135%;
}

.markdown-body {
  color: #000000e0;
  word-break: break-word;
  font-size: 14px;
  line-height: 1.6;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  color: #000000e0;
  letter-spacing: normal;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.5;
}

.markdown-body h1 {
  margin: 0 0 12px;
  font-size: 20px;
}

.markdown-body h2 {
  margin: 20px 0 8px;
  font-size: 16px;
}

.markdown-body h3 {
  margin: 16px 0 8px;
  font-size: 15px;
}

.markdown-body h4, .markdown-body h5, .markdown-body h6 {
  margin: 12px 0 6px;
  font-size: 14px;
}

.markdown-body h1:first-child, .markdown-body h2:first-child, .markdown-body h3:first-child {
  margin-top: 0;
}

.markdown-body p, .markdown-body ul, .markdown-body ol {
  margin: 0 0 12px;
  line-height: 1.6;
}

.markdown-body p:last-child, .markdown-body ul:last-child, .markdown-body ol:last-child {
  margin-bottom: 0;
}

.markdown-body ul, .markdown-body ol {
  padding-left: 24px;
}

.markdown-body li + li {
  margin-top: 4px;
}

.markdown-body blockquote {
  color: #000000a6;
  border-left: 3px solid #d9d9d9;
  margin: 0 0 12px;
  padding: 8px 12px;
}

.markdown-body hr {
  border: none;
  border-top: 1px solid #f0f0f0;
  margin: 16px 0;
}

.markdown-body pre {
  background: #f5f5f5;
  border-radius: 6px;
  margin: 0 0 12px;
  padding: 12px;
  overflow-x: auto;
}

.markdown-body pre code {
  background: none;
  padding: 0;
  font-size: 13px;
  line-height: 1.5;
  display: block;
}

.markdown-body :not(pre) > code {
  background: #f5f5f5;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 13px;
  line-height: 1.5;
  display: inline;
}

.task-tracking-page-toolbar {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 0 0 12px;
  display: flex;
}

.task-tracking-page-legend {
  flex: 1;
  min-width: 0;
}

.task-tracking-page-view-control {
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  display: flex;
}

.task-tracking-page-alerts {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.task-tracking-page-body {
  flex-direction: column;
  flex: auto;
  height: 0;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.task-tracking-page-loading {
  z-index: 2;
  background: #ffffffb8;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.task-tracking-gantt {
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}

.task-tracking-gantt .gantt_grid, .task-tracking-gantt .gantt_task {
  font-size: 13px;
}

.task-tracking-gantt .gantt_grid_head_cell {
  position: relative;
}

.task-tracking-gantt .gantt-col-resize-handle {
  cursor: col-resize;
  z-index: 2;
  touch-action: none;
  width: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3px;
}

.task-tracking-gantt .gantt-col-resize-handle:hover, .task-tracking-gantt .gantt_grid_head_cell:hover > .gantt-col-resize-handle {
  background: #1677ff40;
}

.task-tracking-gantt .gantt_task_line.gantt-risk-high {
  background-color: #ff4d4f;
  border-color: #cf1322;
}

.task-tracking-gantt .gantt_task_line.gantt-risk-high .gantt_task_progress {
  background-color: #a8071a;
}

.task-tracking-gantt .gantt_task_line.gantt-risk-medium {
  background-color: #faad14;
  border-color: #d48806;
}

.task-tracking-gantt .gantt_task_line.gantt-risk-medium .gantt_task_progress {
  background-color: #d48806;
}

.task-tracking-gantt .gantt_task_line.gantt-risk-low {
  background-color: #1677ff;
  border-color: #0958d9;
}

.task-tracking-gantt .gantt_task_line.gantt-risk-low .gantt_task_progress {
  background-color: #0958d9;
}

.task-tracking-gantt .gantt_task_line.gantt-risk-done {
  background-color: #52c41a;
  border-color: #389e0d;
}

.task-tracking-gantt .gantt_task_line.gantt-risk-done .gantt_task_progress {
  background-color: #389e0d;
}

.task-tracking-gantt .gantt_task_line.gantt_project.gantt-risk-high, .task-tracking-gantt .gantt_task_line.gantt_project.gantt-risk-medium, .task-tracking-gantt .gantt_task_line.gantt_project.gantt-risk-low, .task-tracking-gantt .gantt_task_line.gantt_project.gantt-risk-done {
  opacity: .85;
}

.version-info-modal__hero {
  background: #00000005;
  border: 1px solid #0505050f;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 16px;
}

.version-info-modal__hero-top {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.version-info-modal__brand {
  margin: 0 !important;
}

.version-info-modal__hero-meta {
  margin: 8px 0 0 !important;
}

.version-info-modal__layout {
  border: 1px solid #0505050f;
  border-radius: 8px;
  min-height: 360px;
  max-height: 55vh;
  display: flex;
  overflow: hidden;
}

.version-info-modal__sidebar {
  background: #00000005;
  border-right: 1px solid #0505050f;
  flex-direction: column;
  flex: 0 0 268px;
  min-height: 0;
  display: flex;
}

.version-info-modal__sidebar-title {
  padding: 12px 16px 4px;
  font-size: 12px;
  display: block;
}

.version-info-modal__timeline {
  flex: 1;
  min-height: 0;
  padding: 8px 12px 12px 4px;
  overflow-y: auto;
}

.version-info-modal__timeline-btn {
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  width: 100%;
  margin: 0;
  padding: 6px 10px;
  transition: background-color .2s;
  display: block;
}

.version-info-modal__timeline-btn:hover {
  background: #0000000a;
}

.version-info-modal__timeline-btn--active {
  background: #1677ff1a;
}

.version-info-modal__timeline-btn--active:hover {
  background: #1677ff24;
}

.version-info-modal__timeline-item {
  padding-bottom: 2px;
}

.version-info-modal__timeline-date {
  margin-left: 8px;
  font-size: 12px;
}

.version-info-modal__timeline-title {
  color: #000000a6;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
}

.version-info-modal__detail {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 16px 20px;
  overflow-y: auto;
}

.version-info-modal__detail-header {
  border-bottom: 1px solid #0505050f;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.version-info-modal__detail-meta {
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  display: flex;
}

.version-info-modal__detail-title {
  margin: 0 !important;
}

.version-info-modal__markdown {
  padding: 4px 0 8px;
}

.knowledge-table-panel .knowledge-table-cell--nowrap {
  white-space: nowrap;
}

.knowledge-table-panel .ant-table-cell-fix-left, .knowledge-table-panel .ant-table-cell-fix-right {
  z-index: 2;
}

.daily-report-confirm-modal__body {
  background: #fff;
  flex-direction: column;
  flex: 1;
  gap: 12px;
  height: 100%;
  min-height: 0;
  padding: 12px 16px;
  display: flex;
  overflow: hidden;
}

.daily-report-confirm-modal__metrics {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 12px 16px 16px;
}

.entity-form-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-items: start;
  gap: 0 16px;
  display: grid;
}

.entity-form-grid.entity-form-grid--quarters {
  grid-template-columns: repeat(4, 1fr);
}

.entity-form-grid .entity-form-grid__full {
  grid-column: 1 / -1;
}

.entity-form-grid .entity-form-grid__span-2 {
  grid-column: span 2;
}

.entity-form-grid__date-row {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
  gap: 0 16px;
  display: grid;
}

.entity-form-grid__date-row--duo {
  grid-template-columns: repeat(2, 1fr);
}

.entity-form-grid__date-row--trio {
  grid-template-columns: repeat(3, 1fr);
}

.task-create-form--schedule .ant-picker {
  height: 32px;
}

.task-create-form--schedule .ant-picker .ant-picker-input > input {
  height: 30px;
}

.task-mount-picker {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  display: flex;
}

.task-mount-picker__types.ant-radio-group {
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
}

.task-mount-picker__types .ant-radio-button-wrapper {
  text-align: center;
  flex: 1;
  padding-inline: 4px;
}

.task-mount-picker__row {
  gap: 12px;
  width: 100%;
  display: flex;
}

.task-mount-picker__select {
  flex: 1;
  min-width: 0;
}

@media (max-width: 720px) {
  .task-mount-picker__row {
    flex-direction: column;
  }
}

.entity-form-grid .ant-picker {
  height: 32px;
}

.entity-form-grid .ant-picker .ant-picker-input > input {
  height: 30px;
}

@media (max-width: 720px) {
  .entity-form-grid.entity-form-grid--quarters {
    grid-template-columns: repeat(2, 1fr);
  }

  .entity-form-grid .entity-form-grid__span-2 {
    grid-column: span 2;
  }

  .entity-form-grid__date-row, .entity-form-grid__date-row--duo, .entity-form-grid__date-row--trio {
    grid-template-columns: 1fr;
  }
}

.project-list-table .ant-table-cell {
  white-space: nowrap;
}

.project-list-name-link {
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  max-width: 100%;
  padding: 0;
  display: inline-block;
  overflow: hidden;
}

.project-list-status-cell {
  flex-wrap: nowrap;
  max-width: 100%;
  display: inline-flex;
  overflow: hidden;
}

.project-task-gantt-tab {
  flex-direction: column;
  height: calc(100vh - 300px);
  min-height: 520px;
  max-height: 720px;
  display: flex;
}

.project-task-gantt-tab .task-tracking-page-body {
  flex: auto;
  height: auto;
  min-height: 360px;
}

.entity-subtask-preview-modal .entity-subtask-preview-table {
  min-height: 240px;
  max-height: 52vh;
}

.entity-subtask-preview-modal .entity-subtask-preview-table .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: #000000a6;
  cursor: default;
}

.daily-report-confirm-modal__metric-card {
  cursor: help;
}

.daily-report-confirm-modal__metrics-title {
  color: #000000a6;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
}

.daily-report-confirm-modal__metrics-grid {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
  display: grid;
}

.daily-report-confirm-modal__metrics-grid .stat-card, .daily-report-confirm-modal__metrics-grid > div {
  min-width: 0;
}

.daily-report-confirm-modal__narrative {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.daily-report-confirm-modal__editor {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.daily-report-confirm-modal__loading {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

.daily-report-plate-editor {
  height: 100%;
  min-height: 0;
}

.daily-report-plate-editor__inner {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.daily-report-plate-editor__inner > div {
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.daily-report-plate-editor__scroll {
  flex: 1;
  overflow-x: hidden;
  height: auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

.daily-report-plate-editor .slate-editor {
  line-height: 1.45;
}

.daily-report-plate-editor .slate-editor [data-slate-node="element"]:not(:is(h1, h2, h3, h4, h5, h6)) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.daily-report-plate-editor .slate-p, .daily-report-plate-editor p {
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.45 !important;
}

.daily-report-plate-editor .slate-editor .slate-p {
  padding-left: 1.5rem !important;
}

.daily-report-plate-editor [class*="slate-indent"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.45 !important;
}

.daily-report-plate-editor [class*="slate-indent-1"] {
  padding-left: 2.25rem !important;
}

.daily-report-plate-editor [class*="slate-indent-2"] {
  padding-left: 3rem !important;
}

.daily-report-plate-editor [class*="slate-indent-3"] {
  padding-left: 3.75rem !important;
}

.daily-report-plate-editor ul, .daily-report-plate-editor ol {
  margin: .1em 0 !important;
  padding-left: 1.25em !important;
}

.daily-report-plate-editor ul > li, .daily-report-plate-editor ol > li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
}

.daily-report-plate-editor .slate-editor h1, .daily-report-plate-editor h1 {
  font-weight: 600;
  line-height: 1.35;
  margin-top: .95em !important;
  margin-bottom: .4em !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  font-size: 1.25rem !important;
}

.daily-report-plate-editor .slate-editor h2, .daily-report-plate-editor h2 {
  font-weight: 600;
  line-height: 1.35;
  margin-top: .85em !important;
  margin-bottom: .35em !important;
  padding-bottom: 0 !important;
  padding-left: .75rem !important;
  font-size: 1.125rem !important;
}

.daily-report-plate-editor .slate-editor h3, .daily-report-plate-editor h3 {
  font-weight: 600;
  line-height: 1.4;
  margin-top: .75em !important;
  margin-bottom: .3em !important;
  padding-bottom: 0 !important;
  padding-left: 1.5rem !important;
  font-size: 1.0625rem !important;
}

.daily-report-plate-editor .slate-editor h4, .daily-report-plate-editor h4 {
  font-weight: 600;
  line-height: 1.4;
  margin-top: .65em !important;
  margin-bottom: .25em !important;
  padding-bottom: 0 !important;
  padding-left: 2.25rem !important;
  font-size: 1rem !important;
}

.daily-report-plate-editor .slate-editor h5, .daily-report-plate-editor h5 {
  font-weight: 600;
  line-height: 1.4;
  margin-top: .65em !important;
  margin-bottom: .25em !important;
  padding-bottom: 0 !important;
  padding-left: 3rem !important;
  font-size: 1rem !important;
}

.daily-report-plate-editor .slate-editor h6, .daily-report-plate-editor h6 {
  font-weight: 600;
  line-height: 1.4;
  margin-top: .65em !important;
  margin-bottom: .25em !important;
  padding-bottom: 0 !important;
  padding-left: 3.75rem !important;
  font-size: 1rem !important;
}

.daily-report-plate-editor .slate-editor h1:first-child, .daily-report-plate-editor .slate-editor h2:first-child, .daily-report-plate-editor .slate-editor h3:first-child, .daily-report-plate-editor .slate-editor h4:first-child, .daily-report-plate-editor .slate-editor h5:first-child, .daily-report-plate-editor .slate-editor h6:first-child, .daily-report-plate-editor h1:first-child, .daily-report-plate-editor h2:first-child, .daily-report-plate-editor h3:first-child, .daily-report-plate-editor h4:first-child, .daily-report-plate-editor h5:first-child, .daily-report-plate-editor h6:first-child, .daily-report-plate-editor p:first-child, .daily-report-plate-editor .slate-p:first-child {
  margin-top: 0 !important;
}

.daily-report-plate-editor blockquote {
  margin: .35em 0;
  padding-left: .75em;
}

.daily-report-plate-editor__toolbar {
  box-sizing: border-box;
  min-height: 40px;
  -webkit-backdrop-filter: none !important;
  background: #fafafa !important;
  border: none !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px 12px !important;
}

.daily-report-confirm-modal__editor .daily-report-plate-editor__scroll {
  background: #fff;
}

.daily-report-plate-editor__toolbar > .flex.w-full {
  width: 100%;
  min-width: 0;
}

.daily-report-plate-editor .slate-editor {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.task-description-form-item__label {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.ai-sparkle-button.ant-btn {
  vertical-align: -3px;
  color: #1677ff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  transition: color .2s, background .2s;
  display: inline-flex;
}

.ai-sparkle-button.ant-btn .anticon {
  font-size: 18px;
}

.ai-sparkle-button.ant-btn:not(:disabled):hover {
  color: #4096ff;
  background: #1677ff0f;
}

.ai-sparkle-button.ant-btn:disabled {
  color: #00000040;
  background: none;
}

.iam-perm-picker {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  width: 100%;
}

.iam-perm-picker__access {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  display: flex;
}

.iam-perm-picker .ant-tabs {
  margin: 0;
}

.iam-perm-picker .ant-tabs-nav {
  background: #fff;
  padding: 0 12px;
  margin: 0 !important;
}

.iam-perm-picker .ant-tabs-content {
  background: #fafafa;
}

.iam-perm-picker__toolbar {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

.iam-perm-picker__collapse.ant-collapse {
  background: none;
  width: 100%;
  max-height: 420px;
  overflow: auto;
}

.iam-perm-picker__collapse .ant-collapse-item > .ant-collapse-header, .iam-perm-picker__collapse .ant-collapse-item > .ant-collapse-content {
  width: 100%;
}

.iam-perm-picker__collapse .ant-collapse-item {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
}

.iam-perm-picker__collapse .ant-collapse-item:last-child {
  border-bottom: none;
}

.iam-perm-picker__collapse .ant-collapse-header {
  align-items: center !important;
  padding: 10px 12px !important;
}

.iam-perm-picker__collapse .ant-collapse-content-box {
  padding: 4px 12px 12px !important;
}

.iam-perm-picker__group-header {
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.iam-perm-picker__group-title {
  color: #000000e0;
  flex: 1;
  font-weight: 500;
}

.iam-perm-picker__group-count {
  color: #00000073;
  flex-shrink: 0;
  font-size: 12px;
}

.iam-perm-picker__list {
  border-left: 1px solid #f0f0f0;
  flex-direction: column;
  gap: 2px;
  margin-left: 12px;
  padding-left: 20px;
  display: flex;
}

.iam-perm-picker__row {
  padding: 6px 0;
}

.iam-perm-picker__row .ant-checkbox-wrapper {
  align-items: flex-start;
  width: 100%;
}

.iam-perm-picker__row .ant-checkbox + span {
  flex: 1;
  min-width: 0;
}

.iam-perm-picker__perm-content {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  line-height: 22px;
  display: flex;
}

.iam-perm-picker__perm-tooltip-target {
  cursor: default;
  min-width: 0;
  display: block;
}

.iam-perm-picker__perm-code {
  color: #000000a6;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  flex-shrink: 0;
  padding: 0 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  line-height: 20px;
}

.iam-perm-picker__perm-name {
  color: #000000e0;
  font-weight: 500;
}

.user-feedback-drawer .ant-drawer-body {
  padding-top: 8px;
}

.user-feedback-form .ant-upload-drag {
  padding: 12px 0;
}

.task-attachment-upload .ant-upload-list-item-uploading {
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: auto;
  min-height: 32px;
  padding: 4px 0 8px;
  display: grid;
}

.task-attachment-upload .ant-upload-list-item-uploading .ant-upload-icon {
  grid-area: 1 / 1 / span 2;
  align-self: start;
  margin-top: 2px;
}

.task-attachment-upload .ant-upload-list-item-uploading .ant-upload-list-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-area: 1 / 2;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-right: 8px;
  position: static;
  overflow: hidden;
}

.task-attachment-upload .ant-upload-list-item-uploading .ant-upload-list-item-actions {
  grid-area: 1 / 3;
}

.task-attachment-upload .ant-upload-list-item-uploading .ant-upload-list-item-progress {
  grid-area: 2 / 2;
  width: 68%;
  min-width: 120px;
  max-width: 300px;
  margin: 4px 0 0;
  padding: 0;
  line-height: 1;
  position: static;
}

.task-attachment-upload .ant-upload-list-item-uploading .ant-upload-list-item-progress .ant-progress {
  margin: 0;
  line-height: 1;
}

.user-feedback-list .ant-list-item {
  align-items: flex-start;
}

.user-feedback-list__attachments {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.user-feedback-list__reply {
  background: #fafafa;
  border-radius: 6px;
  padding: 8px 12px;
}

.feedback-admin-detail__content {
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.5715;
  margin-bottom: 12px !important;
}

.feedback-admin-detail__attachments {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

/* [project]/src/styles/dashboard.css [client] (css) */
:root {
  --dash-card-radius: 10px;
  --dash-card-shadow: 0 1px 2px #00000008, 0 4px 12px #0000000a;
  --dash-card-shadow-hover: 0 2px 8px #0000000f, 0 8px 24px #0000000f;
  --dash-page-bg: #f5f7fa;
  --dash-accent-blue: #1677ff;
  --dash-accent-blue-bg: #e6f4ff;
  --dash-accent-green: #52c41a;
  --dash-accent-green-bg: #f6ffed;
  --dash-accent-orange: #fa8c16;
  --dash-accent-orange-bg: #fff7e6;
  --dash-accent-red: #ff4d4f;
  --dash-accent-red-bg: #fff2f0;
  --dash-accent-purple: #722ed1;
  --dash-accent-purple-bg: #f9f0ff;
}

.dashboard-page, .workbench-page {
  gap: 20px;
}

.dashboard-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  display: grid;
}

@media (max-width: 1199px) {
  .dashboard-kpi-grid, .dashboard-kpi-grid--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .dashboard-kpi-grid, .dashboard-kpi-grid--3, .dashboard-kpi-grid--5 {
    grid-template-columns: 1fr;
  }
}

.dashboard-kpi-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-kpi-grid--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dashboard-kpi-card {
  border-radius: var(--dash-card-radius);
  box-shadow: var(--dash-card-shadow);
  background: #fff;
  border: 1px solid #0000000a;
  align-items: flex-start;
  gap: 14px;
  height: 100%;
  min-height: 96px;
  padding: 16px 18px;
  transition: transform .2s, box-shadow .2s;
  display: flex;
}

.dashboard-kpi-card--clickable {
  cursor: pointer;
}

.dashboard-kpi-card--clickable:hover {
  box-shadow: var(--dash-card-shadow-hover);
  transform: translateY(-1px);
}

.dashboard-kpi-card__icon {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 20px;
  display: flex;
}

.dashboard-kpi-card__icon--blue {
  background: var(--dash-accent-blue-bg);
  color: var(--dash-accent-blue);
}

.dashboard-kpi-card__icon--green {
  background: var(--dash-accent-green-bg);
  color: var(--dash-accent-green);
}

.dashboard-kpi-card__icon--orange {
  background: var(--dash-accent-orange-bg);
  color: var(--dash-accent-orange);
}

.dashboard-kpi-card__icon--red {
  background: var(--dash-accent-red-bg);
  color: var(--dash-accent-red);
}

.dashboard-kpi-card__icon--purple {
  background: var(--dash-accent-purple-bg);
  color: var(--dash-accent-purple);
}

.dashboard-kpi-card__body {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.dashboard-kpi-card__title {
  color: #00000073;
  font-size: 13px;
  line-height: 1.4;
}

.dashboard-kpi-card__value {
  color: #000000e0;
  font-variant-numeric: tabular-nums;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
}

.dashboard-kpi-card__value--sm {
  font-size: 22px;
}

.dashboard-kpi-card__footer {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.4;
}

.dashboard-kpi-card__progress {
  margin-top: 4px;
  margin-bottom: 0;
}

.dashboard-kpi-card--loading .dashboard-kpi-card__value {
  min-height: 28px;
}

.dashboard-trend--up {
  color: var(--dash-accent-green);
}

.dashboard-trend--down {
  color: var(--dash-accent-red);
}

.dashboard-trend--neutral {
  color: #00000073;
}

.dashboard-panel.ant-pro-card {
  border-radius: var(--dash-card-radius);
  box-shadow: var(--dash-card-shadow);
  background: #fff;
  border: 1px solid #0000000a;
}

.dashboard-panel .ant-pro-card-header {
  padding-block: 14px 12px;
  padding-inline: 20px;
}

.dashboard-panel .ant-pro-card-title {
  font-size: 15px;
  font-weight: 600;
}

.dashboard-panel .ant-pro-card-body {
  padding: 16px 20px 20px;
}

.dashboard-panel__subtitle {
  font-size: 13px;
  margin: -8px 0 12px !important;
}

.dashboard-chart {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 300px;
}

.dashboard-chart > div {
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
}

.dashboard-chart--loading, .dashboard-chart--empty {
  color: #00000073;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  font-size: 14px;
  display: flex;
}

.dashboard-rank-list {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.dashboard-rank-list__item {
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

.dashboard-rank-list__rank {
  color: #00000073;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}

.dashboard-rank-list__content {
  min-width: 0;
}

.dashboard-rank-list__label {
  color: #000000e0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  display: block;
  overflow: hidden;
}

.dashboard-rank-list__bar-wrap {
  background: #f0f0f0;
  border-radius: 2px;
  height: 4px;
  margin-top: 4px;
  overflow: hidden;
}

.dashboard-rank-list__bar {
  background: var(--dash-accent-blue);
  border-radius: 2px;
  height: 100%;
  transition: width .3s;
}

.dashboard-rank-list__value {
  color: #000000a6;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}

.dashboard-focus-section {
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 12px 14px;
}

.dashboard-focus-section--alert {
  border-left: 3px solid var(--dash-accent-red);
  background: #fff;
}

.dashboard-focus-section__header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.dashboard-focus-section__title {
  color: #000000e0;
  font-size: 13px;
  font-weight: 600;
}

.dashboard-focus-meeting {
  border-bottom: 1px solid #f5f5f5;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  display: flex;
}

.dashboard-focus-meeting:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.dashboard-focus-meeting__rail {
  border-radius: 2px;
  flex-shrink: 0;
  align-self: stretch;
  width: 3px;
}

.dashboard-focus-meeting__rail--today {
  background: var(--dash-accent-blue);
}

.dashboard-focus-meeting__rail--future {
  background: #d9d9d9;
}

.dashboard-focus-meeting__body {
  flex: 1;
  min-width: 0;
}

.dashboard-focus-meeting__time {
  color: #00000073;
  font-size: 12px;
}

.dashboard-project-card {
  border-radius: var(--dash-card-radius);
  min-width: 200px;
  box-shadow: var(--dash-card-shadow);
  cursor: pointer;
  background: #fff;
  border: 1px solid #0000000a;
  flex: none;
  transition: transform .2s, box-shadow .2s;
  overflow: hidden;
}

.dashboard-project-card:hover {
  box-shadow: var(--dash-card-shadow-hover);
  transform: translateY(-2px);
}

.dashboard-project-card__accent {
  height: 4px;
}

.dashboard-project-card__body {
  padding: 14px 16px;
}

.dashboard-project-card__name {
  color: #000000e0;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

/* [project]/src/styles/workbench.css [client] (css) */
.workbench-page {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.workbench-section-hint {
  margin-bottom: 12px !important;
}

.workbench-heatmap-card .ant-pro-card-body {
  padding-top: 8px;
  overflow: hidden;
}

.workbench-charts-row {
  align-items: stretch;
}

.workbench-charts-row .ant-col {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.workbench-chart-panel {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
}

.workbench-chart-panel .ant-pro-card-body {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 220px;
  padding: 12px 16px 16px;
  display: flex;
}

.workbench-chart-panel .dashboard-chart {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 100%;
}

.workbench-heatmap-card.workbench-chart-panel {
  min-height: 0;
  overflow: hidden;
}

.workbench-chart-panel .dashboard-panel__subtitle {
  font-size: 12px;
  margin: -4px 0 8px !important;
}

.workbench-heatmap__toolbar {
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  display: flex;
}

.workbench-heatmap__toolbar-right {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.workbench-heatmap__peak {
  white-space: nowrap;
  font-size: 12px;
}

.workbench-heatmap__legend {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.workbench-heatmap__legend-label {
  color: #00000073;
  font-size: 12px;
}

.workbench-heatmap__legend-swatch {
  border-radius: 3px;
  width: 14px;
  height: 14px;
  display: inline-block;
}

.workbench-heatmap__scroll {
  padding-bottom: 4px;
  overflow-x: auto;
}

.workbench-heatmap__body {
  width: 100%;
}

.workbench-heatmap__layout {
  gap: 8px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.workbench-heatmap__weekdays-spacer {
  flex-shrink: 0;
  width: 16px;
}

.workbench-heatmap__months {
  flex: 1;
  gap: 4px;
  margin-bottom: 4px;
  display: grid;
}

.workbench-heatmap__month {
  color: #00000073;
  text-align: left;
  min-width: 14px;
  font-size: 11px;
}

.workbench-heatmap__weekdays {
  grid-template-rows: repeat(7, 14px);
  gap: 4px;
  padding-top: 0;
  display: grid;
}

.workbench-heatmap__weekday {
  color: #00000073;
  text-align: right;
  width: 16px;
  font-size: 11px;
  line-height: 14px;
}

.workbench-heatmap__grid {
  flex: 1;
  gap: 4px;
  width: 100%;
  min-width: 0;
  display: grid;
}

.workbench-heatmap__week-col {
  grid-template-rows: repeat(7, 14px);
  gap: 4px;
  min-width: 0;
  display: grid;
}

.workbench-heatmap__cell {
  cursor: pointer;
  background: #ebedf0;
  border: none;
  border-radius: 3px;
  width: 14px;
  height: 14px;
  padding: 0;
  transition: outline .15s, transform .15s;
}

.workbench-heatmap__cell:hover {
  outline-offset: 1px;
  z-index: 1;
  outline: 2px solid #1677ff73;
  position: relative;
  transform: scale(1.1);
}

.workbench-heatmap__cell--empty {
  cursor: default;
  background: none;
}

.workbench-heatmap__cell--empty:hover {
  outline: none;
  transform: none;
}

.workbench-heatmap__cell.level-0 {
  background: #d6e8ff;
}

.workbench-heatmap__cell.level-1 {
  background: #91caff;
}

.workbench-heatmap__cell.level-2 {
  background: #4096ff;
}

.workbench-heatmap__cell.level-3 {
  background: #0958d9;
}

.workbench-heatmap__cell--peak {
  outline: 2px solid var(--dash-accent-orange);
  outline-offset: 1px;
}

.workbench-heatmap__legend-swatch.level-0 {
  background: #d6e8ff;
}

.workbench-heatmap__legend-swatch.level-1 {
  background: #91caff;
}

.workbench-heatmap__legend-swatch.level-2 {
  background: #4096ff;
}

.workbench-heatmap__legend-swatch.level-3 {
  background: #0958d9;
}

.workbench-heatmap--loading, .workbench-heatmap--empty {
  color: #00000073;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  display: flex;
}

.workbench-heatmap--compact {
  --heatmap-cell-size: 12px;
  --heatmap-gap: 5px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.workbench-heatmap--compact .workbench-heatmap__body {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.workbench-heatmap--compact .workbench-heatmap__footer {
  flex-shrink: 0;
  justify-content: center;
  margin-top: auto;
  padding-top: 10px;
  display: flex;
}

.workbench-heatmap--compact .workbench-heatmap__legend {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.workbench-heatmap--compact .workbench-heatmap__legend-swatch {
  width: var(--heatmap-cell-size);
  height: var(--heatmap-cell-size);
}

.workbench-heatmap__range {
  white-space: nowrap;
  font-size: 12px;
}

.workbench-heatmap--compact .workbench-heatmap__layout--tracks {
  flex: none;
  align-items: stretch;
  width: auto;
  min-height: 0;
}

.workbench-heatmap--compact .workbench-heatmap__tracks {
  flex-direction: column;
  flex: none;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.workbench-heatmap--compact .workbench-heatmap__layout--months {
  flex-shrink: 0;
}

.workbench-heatmap--compact .workbench-heatmap__months-row {
  flex-shrink: 0;
  align-items: flex-end;
  min-width: 0;
  min-height: 14px;
  display: grid;
}

.workbench-heatmap--compact .workbench-heatmap__month-band {
  color: #00000073;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  flex-shrink: 0;
  min-width: 0;
  font-size: 10px;
  line-height: 1.2;
  overflow: hidden;
}

.workbench-heatmap--compact .workbench-heatmap__layout--grid {
  flex: none;
  align-items: stretch;
  width: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  overflow: visible;
}

.workbench-heatmap--compact .workbench-heatmap__weekdays {
  flex-shrink: 0;
}

.workbench-heatmap--compact .workbench-heatmap__weekday {
  justify-content: flex-end;
  align-items: center;
  width: 14px;
  font-size: 10px;
  display: flex;
}

.workbench-heatmap--compact .workbench-heatmap__weekdays-spacer {
  flex-shrink: 0;
  width: 14px;
}

.workbench-heatmap--compact .workbench-heatmap__grid {
  flex: none;
  min-width: 0;
  display: grid;
}

.workbench-heatmap--compact .workbench-heatmap__week-col {
  min-width: 0;
  display: grid;
}

.workbench-heatmap--compact .workbench-heatmap__week-col > .ant-tooltip-disabled-compatible-wrapper, .workbench-heatmap--compact .workbench-heatmap__week-col > span {
  width: var(--heatmap-cell-size);
  height: var(--heatmap-cell-size);
  line-height: 0;
  display: block;
}

.workbench-heatmap--compact .workbench-heatmap__cell {
  box-sizing: border-box;
  border-radius: 2px;
  padding: 0;
}

.workbench-heatmap--compact .workbench-heatmap__cell:hover {
  z-index: 1;
  outline: none;
  position: relative;
  transform: none;
  box-shadow: inset 0 0 0 2px #1677ffbf;
}

.workbench-heatmap--compact .workbench-heatmap__cell--peak, .workbench-heatmap--compact .workbench-heatmap__cell--peak:hover {
  box-shadow: inset 0 0 0 2px var(--dash-accent-orange);
  outline: none;
}

.workbench-heatmap--compact .workbench-heatmap--loading, .workbench-heatmap--compact .workbench-heatmap--empty {
  min-height: 100px;
}

.workbench-focus {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.workbench-focus--loading {
  color: #00000073;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  display: flex;
}

.workbench-focus-card .ant-pro-card-body {
  width: 100%;
}

.workbench-recent-projects__list {
  gap: 12px;
  padding-bottom: 4px;
  display: flex;
  overflow-x: auto;
}

.workbench-main-row {
  align-items: stretch;
}

.workbench-main-row .ant-col {
  flex-direction: column;
  display: flex;
}

.workbench-main-row .dashboard-panel {
  flex: 1;
}

.dashboard-chart--compact {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 270px;
}

.dashboard-chart--compact.dashboard-chart--loading, .dashboard-chart--compact.dashboard-chart--empty {
  min-height: 270px;
}

@media (max-width: 1199px) {
  .workbench-heatmap__toolbar {
    align-items: flex-start;
  }

  .workbench-heatmap__toolbar-right {
    justify-content: space-between;
    width: 100%;
  }
}

/* [project]/src/styles/project-detail.css [client] (css) */
.project-detail-page {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-height: 0;
  display: flex;
}

.project-detail-header {
  background: linear-gradient(135deg, #f6f9ff 0%, #fff 48%, #fafafa 100%);
  border: 1px solid #f0f0f0;
  border-radius: 8px;
}

.project-detail-header .ant-pro-card-body {
  padding: 20px 24px;
}

.project-detail-header__top {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 16px;
  display: flex;
}

.project-detail-header__title-block {
  flex: 1;
  min-width: 0;
}

.project-detail-header__title {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
}

.project-detail-header__tags {
  margin-top: 8px;
}

.project-detail-header__stats {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.project-detail-header__progress {
  flex-direction: column;
  align-items: center;
  min-width: 72px;
  padding: 0 4px;
  display: flex;
}

.project-detail-header__progress-value {
  color: #000000e0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}

.project-detail-header__progress .ant-progress-inner {
  width: 64px !important;
  height: 64px !important;
}

.project-detail-header__meta .ant-descriptions-item-label {
  color: #00000073;
}

.project-detail-tabs.ant-pro-card {
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.project-detail-tabs > .ant-pro-card-body {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-top: 0;
  display: flex;
}

.project-detail-tabs .ant-tabs {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.project-detail-tabs .ant-tabs-content-holder {
  flex: 1;
  min-height: 0;
}

.project-detail-tabs .ant-tabs-nav {
  margin-bottom: 0;
  padding: 0 16px;
}

.project-detail-tabs .ant-tabs-tab {
  padding: 14px 4px;
  font-size: 14px;
}

.project-detail-tabs .ant-tabs-tab-btn {
  align-items: center;
  display: inline-flex;
}

.project-detail-tab-label {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.project-detail-tab-label__icon {
  font-size: 14px;
  display: inline-flex;
}

.entity-detail-header__count {
  flex-direction: column;
  align-items: center;
  min-width: 72px;
  padding: 0 4px;
  display: flex;
}

.entity-detail-header__count-value {
  color: #1677ff;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.entity-detail-header__count-label {
  color: #00000073;
  white-space: nowrap;
  margin-top: 4px;
  font-size: 13px;
}

.project-detail-tabs .ant-tabs-content {
  height: 100%;
  padding: 20px 16px 12px;
}

.project-detail-tabs .ant-tabs-tabpane-active {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.entity-task-tree-tab {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
  margin-bottom: 0 !important;
}

.entity-task-tree-tab__scope {
  flex-shrink: 0;
  margin-bottom: 12px;
}

.entity-task-tree-tab .task-page {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.entity-task-tree-tab .task-page-header {
  flex-shrink: 0;
  margin-bottom: 12px;
}

.entity-task-tree-tab .task-page-table {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.entity-task-tree-tab .task-page-table--fill .ant-table-wrapper .ant-table-body {
  min-height: 0 !important;
}

.project-detail-overview {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.project-detail-overview-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  display: grid;
}

.project-detail-overview-stats > .ant-pro-statistic-card {
  height: 100%;
}

.project-detail-overview-stats .ant-pro-card-body {
  padding: 14px 16px;
}

.project-detail-overview-stats .ant-statistic-title {
  font-size: 13px;
}

.project-detail-overview-progress.ant-pro-card {
  width: 100%;
}

.project-receivable-table .ant-table-cell, .project-purchase-table .ant-table-cell {
  vertical-align: middle;
}

.project-purchase-table.ant-table-wrapper .ant-table-thead > tr > th {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  padding: 4px 8px !important;
}

.project-purchase-table.ant-table-wrapper .ant-table-thead > tr:first-child > th {
  padding-top: 6px !important;
  padding-bottom: 2px !important;
}

.project-purchase-table.ant-table-wrapper .ant-table-thead > tr:last-child > th {
  padding-top: 2px !important;
  padding-bottom: 6px !important;
}

.project-purchase-table.ant-table-wrapper .ant-table-tbody > tr > td {
  padding: 6px 8px;
  font-size: 13px;
}

.project-detail-section {
  margin-bottom: 16px;
}

.project-detail-section:last-child {
  margin-bottom: 0;
}

.entity-overview-basic-info .ant-descriptions-item-label {
  color: #00000073;
  width: 72px;
}

.entity-overview-basic-info .ant-descriptions-item-content {
  color: #000000e0;
}

.project-detail-form-card .ant-pro-card-body {
  padding-top: 8px;
}

@media (max-width: 992px) {
  .project-detail-overview-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .project-detail-header__top {
    flex-direction: column;
  }

  .project-detail-header__stats {
    justify-content: flex-start;
    width: 100%;
  }
}

/* [project]/node_modules/.pnpm/antd@6.4.3_date-fns@2.30.0_moment@2.30.1_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/antd/dist/reset.css [client] (css) */
html, body {
  width: 100%;
  height: 100%;
}

input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

*, *:before, *:after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: #0000;
  font-family: sans-serif;
  line-height: 1.15;
}

body {
  margin: 0;
}

[tabindex="-1"]:focus {
  outline: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5em;
  font-weight: 500;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1em;
}

input[type="text"], input[type="password"], input[type="number"], textarea {
  -webkit-appearance: none;
}

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1em;
}

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 500;
}

dd {
  margin-bottom: .5em;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1em;
}

dfn {
  font-style: italic;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

pre, code, kbd, samp {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}

figure {
  margin: 0 0 1em;
}

img {
  vertical-align: middle;
  border-style: none;
}

a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

caption {
  text-align: left;
  caption-side: bottom;
  padding-top: .75em;
  padding-bottom: .3em;
}

input, button, select, optgroup, textarea {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input[type="radio"], input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  resize: vertical;
  overflow: auto;
}

fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

legend {
  width: 100%;
  max-width: 100%;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
  margin-bottom: .5em;
  padding: 0;
  display: block;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* [project]/src/features/userTour/userTour.css [client] (css) */
.user-tour-tooltip {
  max-width: 360px;
  font-size: 14px;
  line-height: 1.6;
}

#react-joyride-portal .wp-tour-tooltip {
  color: #000000e0;
  text-align: left;
  background: #fff;
  border-radius: 8px;
  width: 360px;
  max-width: calc(100vw - 32px);
  padding: 16px 20px;
  box-shadow: 0 6px 16px #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;
}

#react-joyride-portal .wp-tour-tooltip__title {
  color: #000000e0 !important;
  margin: 0 0 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

#react-joyride-portal .wp-tour-tooltip__content {
  color: #000000a6;
  font-size: 14px;
  line-height: 1.5715;
  margin-bottom: 0 !important;
}

#react-joyride-portal .wp-tour-tooltip__footer {
  border-top: 1px solid #0000000f;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 12px;
  display: flex;
}

#react-joyride-portal .wp-tour-tooltip__footer-start {
  flex: 1;
  min-width: 0;
}

#react-joyride-portal .wp-tour-tooltip__muted-link.ant-btn {
  color: #00000073;
  height: auto;
  padding-inline: 0;
}

#react-joyride-portal .wp-tour-tooltip__muted-link.ant-btn:hover, #react-joyride-portal .wp-tour-tooltip__muted-link.ant-btn:focus {
  color: #000000a6 !important;
}

#react-joyride-portal .react-joyride__spotlight {
  border-radius: 8px;
}

#react-joyride-portal .react-joyride__overlay {
  background-color: #00000073 !important;
}

.wp-page-guide-btn.ant-btn {
  color: #00000073;
  box-shadow: none;
  border: none;
  padding-inline: 4px;
  font-weight: 400;
}

.wp-page-guide-btn.ant-btn .anticon {
  color: #00000059;
  font-size: 14px;
}

.wp-page-guide-btn.ant-btn:hover, .wp-page-guide-btn.ant-btn:focus {
  color: #000000a6 !important;
  background: none !important;
}

.wp-page-guide-btn.ant-btn:hover .anticon, .wp-page-guide-btn.ant-btn:focus .anticon {
  color: #0000008c;
}

.wp-header-avatar-trigger {
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 8px;
  transition: background .2s;
  display: inline-flex;
}

.wp-header-avatar-trigger:hover, .wp-header-avatar-trigger.ant-dropdown-open {
  background: #0000000a;
}

.wp-header-avatar-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000e0;
  max-width: 120px;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .wp-header-avatar-name {
    display: none;
  }
}

.ant-pro-global-header .wp-header-avatar-trigger .ant-avatar {
  flex-shrink: 0;
}

.ant-pro-global-header .ant-pro-global-header-header-actions-avatar > div:hover, .ant-pro-global-header .wp-header-avatar-trigger:hover, .ant-pro-global-header .wp-header-avatar-trigger.ant-dropdown-open {
  box-shadow: none !important;
  background: #0000000a !important;
}

.wp-tour-guide-list {
  flex-direction: column;
  display: flex;
}

.wp-tour-guide-list__item {
  border-block-end: 1px solid #0505050f;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}

.wp-tour-guide-list__item:last-child {
  border-block-end: none;
  padding-bottom: 0;
}

.wp-tour-guide-list__main {
  flex: 1;
  min-width: 0;
}

.wp-tour-guide-list__title {
  color: #000000e0;
  font-weight: 500;
  line-height: 1.5;
}

.wp-tour-guide-list__desc {
  color: #00000073;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.5715;
}

.wp-tour-guide-list__action {
  flex-shrink: 0;
}

/*# sourceMappingURL=_afe845a6.css.map*/