@inceptionbg/iui 2.0.34 → 2.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (244) hide show
  1. package/dist/index.d.ts +7 -6
  2. package/dist/index.js.map +1 -1
  3. package/dist/iui.css +1 -1
  4. package/package.json +25 -22
  5. package/idea/GridTable/GridTable.tsx +0 -119
  6. package/idea/GridTable/gridTable.scss +0 -42
  7. package/idea/Menu/Menu.tsx +0 -121
  8. package/idea/Menu/MenuItem.tsx +0 -75
  9. package/idea/Menu/hooks/useMenuControl.ts +0 -13
  10. package/idea/Menu.tsx +0 -133
  11. package/idea/NoAccessInfo.tsx +0 -193
  12. package/idea/Table/Components/Edit/ItemActionsMenu.tsx +0 -85
  13. package/idea/Table/Components/Edit/ItemEditOptionsButtons.tsx +0 -31
  14. package/idea/Table/Components/Edit/TableEditRow.tsx +0 -57
  15. package/idea/Table/Components/FilterItem.tsx +0 -20
  16. package/idea/Table/Components/Header/TableHeader.tsx +0 -46
  17. package/idea/Table/Components/Header/TableHeaderRow.tsx +0 -37
  18. package/idea/Table/Components/Print/CustomTablePrint.tsx +0 -115
  19. package/idea/Table/Components/SetSortList.tsx +0 -30
  20. package/idea/Table/Components/SetTableFilter.tsx +0 -91
  21. package/idea/Table/Components/TableFooter.tsx +0 -137
  22. package/idea/Table/Components/TableOptions.tsx +0 -227
  23. package/idea/Table/Components/Templates/TemplateCreate.tsx +0 -80
  24. package/idea/Table/Components/Templates/TemplateCreateDefault.tsx +0 -45
  25. package/idea/Table/Components/Templates/TemplateList.tsx +0 -167
  26. package/idea/Table/Components/Templates/repo/TemplateRepo.ts +0 -53
  27. package/idea/Table/Table.tsx +0 -528
  28. package/idea/Table/hooks/useDefaultTemplate.ts +0 -20
  29. package/idea/Table/hooks/useTableKeyboard.ts +0 -137
  30. package/idea/Table/hooks/useTableSelect.ts +0 -11
  31. package/rollup.config.js +0 -52
  32. package/src/assets/icons/duotone/faBell.ts +0 -17
  33. package/src/assets/icons/duotone/faCircleUser.ts +0 -17
  34. package/src/assets/icons/regular/faArrowLeft.ts +0 -15
  35. package/src/assets/icons/regular/faArrowRightArrowLeft.ts +0 -15
  36. package/src/assets/icons/regular/faCircleCheck.ts +0 -15
  37. package/src/assets/icons/regular/faCircleExclamation.ts +0 -15
  38. package/src/assets/icons/regular/faCircleInfo.ts +0 -15
  39. package/src/assets/icons/regular/faFileArrowDown.ts +0 -15
  40. package/src/assets/icons/regular/faFilterCircleXmark.ts +0 -15
  41. package/src/assets/icons/regular/faTriangleExclamation.ts +0 -15
  42. package/src/assets/icons/solid/faAngleLeft.ts +0 -15
  43. package/src/assets/icons/solid/faAngleRight.ts +0 -15
  44. package/src/assets/icons/solid/faArrowDownWideShort.ts +0 -15
  45. package/src/assets/icons/solid/faCaretDown.ts +0 -15
  46. package/src/assets/icons/solid/faCheck.ts +0 -15
  47. package/src/assets/icons/solid/faEllipsisVertical.ts +0 -15
  48. package/src/assets/icons/solid/faEnvelopeDot.ts +0 -15
  49. package/src/assets/icons/solid/faFilter.ts +0 -15
  50. package/src/assets/icons/solid/faFloppyDisk.ts +0 -15
  51. package/src/assets/icons/solid/faGripDotsVertical.ts +0 -15
  52. package/src/assets/icons/solid/faListUl.ts +0 -15
  53. package/src/assets/icons/solid/faMinus.ts +0 -15
  54. package/src/assets/icons/solid/faPlus.ts +0 -15
  55. package/src/assets/icons/solid/faPrint.ts +0 -15
  56. package/src/assets/icons/solid/faRotateRight.ts +0 -15
  57. package/src/assets/icons/solid/faXmark.ts +0 -15
  58. package/src/assets/images/logo/inception.svg +0 -22
  59. package/src/assets/images/logo/mts.svg +0 -5703
  60. package/src/assets/images/logo/paperless.svg +0 -21
  61. package/src/assets/images/logo/pismonosa.png +0 -0
  62. package/src/assets/images/not-found.svg +0 -19
  63. package/src/components/Accordions/Accordions.tsx +0 -74
  64. package/src/components/Alert/Alert.tsx +0 -31
  65. package/src/components/Badge/DotBadge.tsx +0 -16
  66. package/src/components/Badge/NotificationBadge.tsx +0 -29
  67. package/src/components/Badge/PillBadge.tsx +0 -13
  68. package/src/components/Button/Button.tsx +0 -56
  69. package/src/components/Button/IconButton.tsx +0 -51
  70. package/src/components/Button/SplitButton.tsx +0 -91
  71. package/src/components/Dashboard/Dashboard.tsx +0 -9
  72. package/src/components/Dashboard/DashboardWidget.tsx +0 -44
  73. package/src/components/Dashboard/FastLinksWidget/FastLinksWidget.tsx +0 -36
  74. package/src/components/Dialog/Dialog.tsx +0 -178
  75. package/src/components/Dialog/components/DialogFooter.tsx +0 -100
  76. package/src/components/Header/Components/EnvBadge.tsx +0 -17
  77. package/src/components/Header/Components/ModuleSelect.tsx +0 -68
  78. package/src/components/Header/Components/Notifications.tsx +0 -204
  79. package/src/components/Header/Components/UserMenu.tsx +0 -52
  80. package/src/components/Header/Header.tsx +0 -45
  81. package/src/components/Helper/Collapse.tsx +0 -53
  82. package/src/components/Inputs/Checkbox.tsx +0 -53
  83. package/src/components/Inputs/CurrencyInput.tsx +0 -124
  84. package/src/components/Inputs/DateInput/DateInput.tsx +0 -184
  85. package/src/components/Inputs/DateInput/components/DatePartInput.tsx +0 -159
  86. package/src/components/Inputs/InputWrapper.tsx +0 -95
  87. package/src/components/Inputs/NumberInput.tsx +0 -86
  88. package/src/components/Inputs/PasswordInput.tsx +0 -39
  89. package/src/components/Inputs/PhoneInput/PhoneInput.tsx +0 -108
  90. package/src/components/Inputs/PhoneInput/utils/countryCode.ts +0 -20
  91. package/src/components/Inputs/Radio.tsx +0 -59
  92. package/src/components/Inputs/RadioGroup.tsx +0 -48
  93. package/src/components/Inputs/RadioLarge.tsx +0 -39
  94. package/src/components/Inputs/SearchInput.tsx +0 -46
  95. package/src/components/Inputs/Selects/Select.tsx +0 -17
  96. package/src/components/Inputs/Selects/components/CustomSelectComponents.tsx +0 -19
  97. package/src/components/Inputs/Selects/components/SelectWrapper.tsx +0 -118
  98. package/src/components/Inputs/Selects/utils/selectStyles.ts +0 -101
  99. package/src/components/Inputs/TextAreaInput.tsx +0 -68
  100. package/src/components/Inputs/TextInput.tsx +0 -100
  101. package/src/components/Inputs/TimeInput/TimeInput.tsx +0 -81
  102. package/src/components/List/List.tsx +0 -21
  103. package/src/components/List/ListItem.tsx +0 -70
  104. package/src/components/Loader/Loader.tsx +0 -66
  105. package/src/components/Loader/ProgressBar.tsx +0 -41
  106. package/src/components/Menu/Menu.tsx +0 -81
  107. package/src/components/Menu/MenuItem.tsx +0 -46
  108. package/src/components/Menu/NewMenu.tsx +0 -63
  109. package/src/components/Menu/hooks/useMenuPosition.tsx +0 -116
  110. package/src/components/PageComponents/ScrollableContent.tsx +0 -11
  111. package/src/components/Pullover/Pullover.tsx +0 -197
  112. package/src/components/Router/Router.tsx +0 -52
  113. package/src/components/Sidebar/AddButton.tsx +0 -22
  114. package/src/components/Sidebar/Sidebar.tsx +0 -85
  115. package/src/components/Sidebar/SidebarItem.tsx +0 -84
  116. package/src/components/Sidebar/types/ISidebar.ts +0 -28
  117. package/src/components/Table/Table.tsx +0 -258
  118. package/src/components/Table/components/columns/ColumnsList.tsx +0 -60
  119. package/src/components/Table/components/columns/TableColumnsEdit.tsx +0 -114
  120. package/src/components/Table/components/edit/TableEditRow.tsx +0 -78
  121. package/src/components/Table/components/filters/FilterItem.tsx +0 -15
  122. package/src/components/Table/components/filters/TableFilters.tsx +0 -126
  123. package/src/components/Table/components/footer/TableFooter.tsx +0 -126
  124. package/src/components/Table/components/header/TableHeader.tsx +0 -40
  125. package/src/components/Table/components/header/TableHeaderRow.tsx +0 -57
  126. package/src/components/Table/components/items/TableItemActions.tsx +0 -78
  127. package/src/components/Table/components/print/TablePrint.tsx +0 -200
  128. package/src/components/Table/components/select/TableSelect.tsx +0 -50
  129. package/src/components/Table/components/sort/TableSort.tsx +0 -75
  130. package/src/components/Table/components/templates/CreateTemplateDialog.tsx +0 -58
  131. package/src/components/Table/components/templates/TableTemplates.tsx +0 -65
  132. package/src/components/Table/components/templates/TemplatesPullover.tsx +0 -88
  133. package/src/components/Table/contexts/TableContext.tsx +0 -117
  134. package/src/components/Table/hooks/localHooks/useLocalTableColumns.tsx +0 -70
  135. package/src/components/Table/hooks/localHooks/useLocalTableData.tsx +0 -82
  136. package/src/components/Table/hooks/localHooks/useLocalTableKeyboard.ts +0 -175
  137. package/src/components/Table/hooks/localHooks/useLocalTablePagination.ts +0 -12
  138. package/src/components/Table/hooks/useTableColumns.ts +0 -34
  139. package/src/components/Table/hooks/useTableEdit.tsx +0 -140
  140. package/src/components/Table/hooks/useTableFilterFields.tsx +0 -150
  141. package/src/components/Table/hooks/useTablePagination.ts +0 -19
  142. package/src/components/Table/hooks/useTablePrint.ts +0 -83
  143. package/src/components/Table/hooks/useTableSearch.ts +0 -31
  144. package/src/components/Table/hooks/useTableSelect.ts +0 -19
  145. package/src/components/Table/hooks/useTableSort.ts +0 -8
  146. package/src/components/Tabs/Tabs.tsx +0 -68
  147. package/src/components/Tooltip/Tooltip.tsx +0 -191
  148. package/src/components/Tree/Tree.tsx +0 -22
  149. package/src/components/Tree/TreeItem.tsx +0 -57
  150. package/src/components/Wrappers/AppLayout.tsx +0 -17
  151. package/src/components/Wrappers/ConditionalWrapper.tsx +0 -10
  152. package/src/components/Wrappers/FormWrapper.tsx +0 -84
  153. package/src/components/Wrappers/PageLayout.tsx +0 -168
  154. package/src/hooks/useBackgroundClose.ts +0 -19
  155. package/src/hooks/useGetFocusableElements.ts +0 -43
  156. package/src/hooks/useIsMenuOpen.ts +0 -11
  157. package/src/hooks/useLocalPopoverControl.ts +0 -63
  158. package/src/hooks/useOnEsc.ts +0 -14
  159. package/src/hooks/usePopupControl.ts +0 -22
  160. package/src/hooks/useZendesk.ts +0 -21
  161. package/src/index.ts +0 -387
  162. package/src/pages/NoAccessPage.tsx +0 -27
  163. package/src/pages/NotFoundPage.tsx +0 -26
  164. package/src/styles/App.scss +0 -47
  165. package/src/styles/common/_animations.scss +0 -58
  166. package/src/styles/common/_typography.scss +0 -91
  167. package/src/styles/common/helpers/_base.scss +0 -55
  168. package/src/styles/common/helpers/_color.scss +0 -10
  169. package/src/styles/common/helpers/_display.scss +0 -85
  170. package/src/styles/common/helpers/_size.scss +0 -25
  171. package/src/styles/common/maps/_align.scss +0 -21
  172. package/src/styles/common/maps/_buttonMaps.scss +0 -42
  173. package/src/styles/common/maps/_info-types.scss +0 -1
  174. package/src/styles/common/maps/_spacing.scss +0 -78
  175. package/src/styles/common/maps/_text.scss +0 -14
  176. package/src/styles/components/_accordions.scss +0 -51
  177. package/src/styles/components/_alert.scss +0 -23
  178. package/src/styles/components/_badge.scss +0 -84
  179. package/src/styles/components/_button.scss +0 -99
  180. package/src/styles/components/_buttonSplit.scss +0 -65
  181. package/src/styles/components/_card.scss +0 -24
  182. package/src/styles/components/_dialog.scss +0 -119
  183. package/src/styles/components/_form.scss +0 -8
  184. package/src/styles/components/_header.scss +0 -157
  185. package/src/styles/components/_input.scss +0 -167
  186. package/src/styles/components/_inputCheckbox.scss +0 -48
  187. package/src/styles/components/_inputDateTime.scss +0 -161
  188. package/src/styles/components/_inputRadio.scss +0 -83
  189. package/src/styles/components/_inputSelect.scss +0 -8
  190. package/src/styles/components/_list.scss +0 -58
  191. package/src/styles/components/_loader.scss +0 -55
  192. package/src/styles/components/_menu-v2.scss +0 -67
  193. package/src/styles/components/_menu.scss +0 -62
  194. package/src/styles/components/_notifications.scss +0 -71
  195. package/src/styles/components/_page.scss +0 -84
  196. package/src/styles/components/_portal.scss +0 -8
  197. package/src/styles/components/_print.scss +0 -77
  198. package/src/styles/components/_progressBar.scss +0 -83
  199. package/src/styles/components/_pullover.scss +0 -95
  200. package/src/styles/components/_scrollbar.scss +0 -18
  201. package/src/styles/components/_sidebar.scss +0 -204
  202. package/src/styles/components/_smallComponents.scss +0 -23
  203. package/src/styles/components/_table.scss +0 -340
  204. package/src/styles/components/_tabs.scss +0 -33
  205. package/src/styles/components/_tooltip.scss +0 -48
  206. package/src/styles/components/_tree.scss +0 -21
  207. package/src/styles/components/_widget.scss +0 -90
  208. package/src/styles/pages/_fullScreenPage.scss +0 -64
  209. package/src/styles/variables/_bp.scss +0 -6
  210. package/src/styles/variables/_variables.scss +0 -142
  211. package/src/types/Base/custom.d.ts +0 -9
  212. package/src/types/IBasic.ts +0 -32
  213. package/src/types/ICountryCode.ts +0 -5
  214. package/src/types/IError.ts +0 -5
  215. package/src/types/IHeader.ts +0 -40
  216. package/src/types/IInfo.ts +0 -1
  217. package/src/types/IKeyboard.ts +0 -33
  218. package/src/types/IMenu.ts +0 -19
  219. package/src/types/INotifications.ts +0 -15
  220. package/src/types/IPopup.ts +0 -17
  221. package/src/types/IRouter.ts +0 -6
  222. package/src/types/ISelect.ts +0 -54
  223. package/src/types/ITab.ts +0 -10
  224. package/src/types/ITable.ts +0 -291
  225. package/src/types/ITree.ts +0 -6
  226. package/src/utils/InputPatternValidation.ts +0 -12
  227. package/src/utils/dateUtils.ts +0 -32
  228. package/src/utils/fileUtils.ts +0 -177
  229. package/src/utils/i18n/i18nIUICyrilic.ts +0 -119
  230. package/src/utils/i18n/i18nIUILatin.ts +0 -120
  231. package/src/utils/i18n/i18nIUIMe.ts +0 -118
  232. package/src/utils/icons.ts +0 -13
  233. package/src/utils/localStorageHelper.ts +0 -24
  234. package/src/utils/logoUtils.ts +0 -7
  235. package/src/utils/numberUtils.ts +0 -21
  236. package/src/utils/objectUtils.ts +0 -114
  237. package/src/utils/popupUtils.ts +0 -82
  238. package/src/utils/rootDir.ts +0 -1
  239. package/src/utils/stringUtils.ts +0 -18
  240. package/src/utils/tableUtils.ts +0 -130
  241. package/src/utils/toasts.ts +0 -6
  242. package/src/utils/urlUtils.ts +0 -4
  243. package/tsconfig.icons.json +0 -5
  244. package/tsconfig.json +0 -22
package/dist/iui.css CHANGED
@@ -1 +1 @@
1
- @import url("@fontsource-variable/ibm-plex-sans");:root{--primary-100:#e7f2f9;--primary-200:#c2deed;--primary-300:#86c0df;--primary-400:#1375aa;--primary-500:#0f5f8a;--primary-600:#0b4b6f;--primary-700:#093858;--neutral-100:#edf0f2;--neutral-200:#e3e8ee;--neutral-300:#bac5ce;--neutral-400:#8f9aa8;--neutral-500:#667085;--neutral-600:#545f78;--neutral-700:#3a4764;--neutral-t:rgba(16,24,40,.5);--info-100:#e0ecfc;--info-200:#9fcaff;--info-300:#6babf7;--info-400:#448fe6;--info-500:#2f7bd0;--info-600:#2261a7;--info-700:#13457c;--success-100:#d3f1da;--success-200:#b9e2c8;--success-300:#44c379;--success-400:#33a865;--success-500:#2f8653;--success-600:#2d7248;--success-700:#28593a;--warning-100:#fef0c7;--warning-200:#e8b275;--warning-300:#e79d47;--warning-400:#ee9528;--warning-500:#d17f14;--warning-600:#b17a42;--warning-700:#845d30;--danger-100:#fceae8;--danger-200:#f7d7d4;--danger-300:#dc776f;--danger-400:#de4f45;--danger-500:#d92d20;--danger-600:#c5261b;--danger-700:#a11b12;--primary:var(--primary-500);--neutral:var(--neutral-500);--info:var(--info-500);--success:var(--success-500);--warning:var(--warning-500);--danger:var(--danger-500);--white:#fff;--text:var(--neutral-700);--text-inverse:var(--white);--text-disabled:var(--neutral-400);--background:var(--white);--background-disabled:var(--neutral-100);--neutral-hover:var(--neutral-200);--border-color:var(--neutral-300);--link:#126c88;--link-alt:#004459;--fs-m:14px;--header-height:60px;--border:1px solid var(--border-color);--border-light:1px solid var(--neutral-200);--sidebar-width:260px;--sidebar-collapsed-width:54px;--container-radius:25px;--container-radius-bottom:0 0 25px 25px;--container-shadow:0px 0px 5px rgba(0,0,0,.3);--deep-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)}[data-theme=MTS]{--primary-100:#fce8eb;--primary-200:#fbd0d6;--primary-300:#ed92a0;--primary-400:#ed5e74;--primary-500:#ed1d3c;--primary-600:#d0112d;--primary-700:#a50d24;--neutral-100:#f0f0f0;--neutral-200:#e8e8e8;--neutral-300:#c4c4c4;--neutral-400:#9c9c9c;--neutral-500:#757575;--neutral-600:#666;--neutral-700:#4f4f4f;--neutral-t:rgba(16,24,40,.5);--primary:var(--primary-500);--neutral:var(--neutral-500);--danger:var(--danger-500);--text:var(--neutral-700);--text-disabled:var(--neutral-400);--background-disabled:var(--neutral-100);--neutral-hover:var(--neutral-200);--border-color:var(--neutral-200);--secondary:#ff9500}[data-theme=PPL]{--primary-rgb:0,144,223;--primary-light:#309dbf;--primary-dark:#004459}*{font-family:IBM Plex Sans Variable,sans-serif}body{color:var(--text)}h1,h2,h3,h4,h5,p{margin:0}p{font-size:var(--fs-m)}h1{font-size:60px;line-height:1.1}h2{font-size:48px;font-size:36px}h3{font-size:24px}h4{font-size:18px}.bold{font-weight:600!important}.italic{font-style:italic!important}.new-line{white-space:pre-line!important}.no-wrap{white-space:nowrap!important}.word-break{word-break:break-word!important}.subtitle{color:var(--neutral-600);font-size:20px;white-space:pre-line}.link{color:var(--link)!important;text-decoration:underline!important}.link.inactive{opacity:.5}.link:not(:disabled){cursor:pointer}.link:not(:disabled):hover{color:var(--link-alt)!important;opacity:1}@media screen and (max-width:500px){h1{font-size:36px;line-height:1.2}h2{font-size:24px;font-size:20px}h3{font-size:16px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes auto-fill{to{font-size:13px}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes temp-disable-pointer{0%{pointer-events:none}99%{pointer-events:none}to{pointer-events:auto}}.align-center{align-items:center!important}.justify-center{justify-content:center!important}.align-left{align-items:left!important}.justify-left{justify-content:left!important}.align-right{align-items:right!important}.justify-right{justify-content:right!important}.justify-around{justify-content:space-around!important}.justify-between{justify-content:space-between!important}.justify-evenly{justify-content:space-evenly!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.fs-10{font-size:10px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.fs-32{font-size:32px!important}body{margin:0;width:100%}#root{overflow:hidden}*{box-sizing:border-box}:focus-visible{outline:none!important}button{all:unset;box-sizing:border-box}a{-webkit-user-drag:none;color:unset;text-decoration:none}.clickable{transition:background-color .25s}.clickable:not(.disabled):not(:disabled){cursor:pointer}.clickable:not(.disabled):not(:disabled).neutral:hover{background-color:var(--neutral-hover)}.clickable.disabled,.clickable:disabled{opacity:.4;pointer-events:none;user-select:none}.no-overflow{overflow:hidden}.overflow-auto{overflow:auto}.hover-primary:hover{background-color:var(--primary-100)}.hover-neutral:hover{background-color:var(--neutral-hover)}.c-primary{color:var(--primary)!important}.c-danger{color:var(--danger)!important}.hidden{display:none!important}.block{display:block!important}.relative{position:relative!important}.flex{display:flex}.flex.column{flex-direction:column}.flex.center{align-items:center;justify-content:center}.flex.wrap{flex-wrap:wrap}.inline-flex{display:inline-flex}.flex-grow{flex-grow:1!important}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:3rem}.gap-form{gap:16px 8px}.grid{display:grid}.grid.auto-1{grid-template-columns:auto 1fr}.grid.fr-2{grid-template-columns:repeat(2,1fr)}@media screen and (max-width:500px){.grid.fr-2{grid-template-columns:1fr}}.grid.fr-3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width:500px){.grid.fr-3{grid-template-columns:1fr}}.grid.fr-4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:500px){.grid.fr-4{grid-template-columns:1fr}}.grid.fr-5{grid-template-columns:repeat(5,1fr)}@media screen and (max-width:500px){.grid.fr-5{grid-template-columns:1fr}}.full-screen{height:100dvh!important;width:100dvw!important}.full-width{width:100%!important}.half-width{width:50%!important}.width-fit{width:fit-content!important}.w-300{width:300px!important}.full-height{height:100%!important}.icon24{height:24px!important;width:24px!important}.iui-accordions{display:flex;flex-direction:column}.iui-accordion{background:var(--background);border-radius:var(--container-radius);box-shadow:var(--container-shadow);color:rgba(0,0,0,.87);font-size:13px;margin:3px 0}.iui-accordion.compact{border-radius:unset;margin:unset}.iui-accordion.compact:first-child{border-top-left-radius:var(--container-radius);border-top-right-radius:var(--container-radius)}.iui-accordion.compact:last-child{border-bottom-left-radius:var(--container-radius);border-bottom-right-radius:var(--container-radius)}.iui-accordion .summary{align-items:center;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:1px;min-height:48px;padding:0 16px;user-select:none}.iui-accordion .iui-icon{color:var(--primary-light);font-size:20px;margin-bottom:0;margin-right:16px;max-width:20px}.iui-accordion .collapse-icon{color:#333;height:12px;width:14px}.iui-accordion .iui-accordion-content{border-top:1px solid var(--neutral-200);padding:16px 24px}.iui-alert{align-items:center;border-radius:var(--container-radius);display:flex;font-size:13px;padding:16px}.iui-alert svg{height:20px;margin-right:12px;width:20px}.iui-alert.success{background-color:var(--success-100)}.iui-alert.success svg{color:var(--success)}.iui-alert.info{background-color:var(--info-100)}.iui-alert.info svg{color:var(--info)}.iui-alert.warning{background-color:var(--warning-100)}.iui-alert.warning svg{color:var(--warning)}.iui-alert.danger{background-color:var(--danger-100)}.iui-alert.danger svg{color:var(--danger)}.iui-badge-parent{display:inline-block;position:relative}.iui-badge{align-items:center;border-radius:50px;display:flex;justify-content:center;padding:0 4px;position:absolute;right:0;top:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0}.iui-badge.primary{background-color:var(--primary);border:2px solid var(--background);color:var(--text-inverse)}.iui-badge.header-btn-badge{background-color:var(--danger);border:1px solid var(--primary);right:4px;top:4px}.iui-badge.s{font-size:10px;height:18px;min-width:18px}.iui-badge.m{font-size:11px;height:21px;min-width:21px}.iui-pill-badge{border-radius:20px;box-shadow:0 0 3px rgba(0,0,0,.3);font-size:12px;padding:5px 11px;width:fit-content}.iui-pill-badge.success{background-color:var(--success-200)}.iui-pill-badge.info{background-color:var(--info-200)}.iui-pill-badge.warning{background-color:var(--warning-200)}.iui-pill-badge.danger{background-color:var(--danger-200)}.iui-pill-badge.gray{background-color:var(--neutral-200)}.iui-dot-badge{border-radius:50%;max-height:13px;max-width:13px;min-height:13px;min-width:13px}.iui-dot-badge.success{background-color:var(--success)}.iui-dot-badge.info{background-color:var(--info)}.iui-dot-badge.warning{background-color:var(--warning)}.iui-dot-badge.danger{background-color:var(--danger)}.iui-dot-badge.gray{background-color:var(--neutral-400)}.iui-btn{align-items:center;background:none;border-radius:100px;cursor:pointer;display:flex;justify-content:center;transition:border-color .25s,background-color .25s;user-select:none}.iui-btn.primary{color:var(--primary-600)}.iui-btn.primary.solid{background-color:var(--primary)}.iui-btn.primary.outlined{border-color:var(--primary-600)}.iui-btn.primary:not(:disabled):focus-visible{box-shadow:0 0 1px 3px var(--primary-200)}.iui-btn.primary:not(:disabled).active.solid,.iui-btn.primary:not(:disabled):active.solid,.iui-btn.primary:not(:disabled):hover.solid{background-color:var(--primary-600);border-color:var(--primary-600)}.iui-btn.primary:not(:disabled).active:not(.solid),.iui-btn.primary:not(:disabled):active:not(.solid),.iui-btn.primary:not(:disabled):hover:not(.solid){background-color:var(--primary-100)}.iui-btn.neutral{color:var(--neutral-600)}.iui-btn.neutral.solid{background-color:var(--neutral)}.iui-btn.neutral.outlined{border-color:var(--neutral-600)}.iui-btn.neutral:not(:disabled):focus-visible{box-shadow:0 0 1px 3px var(--neutral-200)}.iui-btn.neutral:not(:disabled).active.solid,.iui-btn.neutral:not(:disabled):active.solid,.iui-btn.neutral:not(:disabled):hover.solid{background-color:var(--neutral-600);border-color:var(--neutral-600)}.iui-btn.neutral:not(:disabled).active:not(.solid),.iui-btn.neutral:not(:disabled):active:not(.solid),.iui-btn.neutral:not(:disabled):hover:not(.solid){background-color:var(--neutral-100)}.iui-btn.danger{color:var(--danger-600)}.iui-btn.danger.solid{background-color:var(--danger)}.iui-btn.danger.outlined{border-color:var(--danger-600)}.iui-btn.danger:not(:disabled):focus-visible{box-shadow:0 0 1px 3px var(--danger-200)}.iui-btn.danger:not(:disabled).active.solid,.iui-btn.danger:not(:disabled):active.solid,.iui-btn.danger:not(:disabled):hover.solid{background-color:var(--danger-600);border-color:var(--danger-600)}.iui-btn.danger:not(:disabled).active:not(.solid),.iui-btn.danger:not(:disabled):active:not(.solid),.iui-btn.danger:not(:disabled):hover:not(.solid){background-color:var(--danger-100)}.iui-btn.solid{color:var(--text-inverse)}.iui-btn.outlined{border:1px solid var(--neutral-300)}.iui-btn:disabled{cursor:default;opacity:.5}.iui-btn:not(:disabled):active{transform:translateY(2px)}.iui-text-btn{font-weight:600;gap:8px;white-space:nowrap}.iui-text-btn.xs{font-size:10px;gap:6px;height:24px;padding:0 10px}.iui-text-btn.xs svg{height:12px;width:12px}.iui-text-btn.s{font-size:12px;height:30px;padding:0 12px}.iui-text-btn.s svg{height:14px;width:14px}.iui-text-btn.m{font-size:14px;height:36px;padding:0 14px}.iui-text-btn.m svg{height:16px;width:16px}.iui-text-btn.l{font-size:16px;height:48px;padding:0 18px}.iui-text-btn.l svg{height:20px;width:20px}.iui-btn.iui-icon-btn.s{height:32px;min-height:32px;min-width:32px;width:32px}.iui-btn.iui-icon-btn.s svg{height:16px;width:16px}.iui-btn.iui-icon-btn.m{height:40px;min-height:40px;min-width:40px;width:40px}.iui-btn.iui-icon-btn.m svg{height:20px;width:20px}.iui-btn.iui-icon-btn.l{height:44px;min-height:44px;min-width:44px;width:44px}.iui-btn.iui-icon-btn.l svg{height:24px;width:24px}.iui-split-btn{overflow:hidden}.iui-split-btn .iui-btn-content{align-items:center;display:flex;font-weight:600;gap:8px;justify-content:center;white-space:nowrap}.iui-split-btn .btn-actions{align-items:center;border-left:1px solid;display:flex;justify-content:center}.iui-split-btn.active,.iui-split-btn:hover{background-color:transparent!important}.iui-split-btn.outlined:not(:disabled) .btn-actions.active,.iui-split-btn.outlined:not(:disabled) .btn-actions:hover,.iui-split-btn.outlined:not(:disabled) .iui-btn-content.active,.iui-split-btn.outlined:not(:disabled) .iui-btn-content:hover{background-color:var(--neutral-100)}.iui-split-btn.outlined:not(:disabled):focus-visible{box-shadow:0 0 1px 3px var(--neutral-200)}.iui-split-btn:disabled{cursor:default;opacity:.5}.iui-split-btn:not(:disabled):active{transform:translateY(2px)}.iui-split-btn.xs .iui-btn-content{font-size:10px;gap:6px;height:24px;padding:0 10px}.iui-split-btn.xs .btn-actions{height:24px;width:24px}.iui-split-btn.xs svg{height:12px;width:12px}.iui-split-btn.s .iui-btn-content{font-size:12px;height:30px;padding:0 12px}.iui-split-btn.s .btn-actions{height:30px;width:30px}.iui-split-btn.s svg{height:14px;width:14px}.iui-split-btn.m .iui-btn-content{font-size:14px;height:36px;padding:0 14px}.iui-split-btn.m .btn-actions{height:36px;width:36px}.iui-split-btn.m svg{height:16px;width:16px}.iui-split-btn.l .iui-btn-content{font-size:16px;height:48px;padding:0 18px}.iui-split-btn.l .btn-actions{height:48px;width:48px}.iui-split-btn.l svg{height:20px;width:20px}.iui-card{background:var(--background);border-radius:var(--container-radius);box-shadow:var(--container-shadow)}.iui-card>.content.s{padding:10px}.iui-card>.content.l{padding:40px 30px}.iui-card-header{border-bottom:1px solid var(--neutral-700);font-weight:700;height:45px;justify-content:space-between;margin:0 10px;padding-left:15px}.iui-card-header,.iui-dialog{align-items:center;display:flex}.iui-dialog{animation:fade-in .2s forwards;backdrop-filter:blur(8px);background:var(--neutral-t);inset:0;justify-content:center;position:fixed;z-index:1000}.iui-dialog.closing{animation:fade-out .2s forwards;display:flex}.iui-dialog-container{animation:scale-in .2s forwards;background-color:var(--background);border-radius:16px;display:flex;flex-direction:column;gap:24px;max-height:95dvh;max-width:98vw;min-width:400px;overflow:hidden;padding:24px}.iui-dialog-container .iui-dialog-header{display:flex;flex-shrink:0;gap:16px}.iui-dialog-container .iui-dialog-header .iui-dialog-desc{color:var(--text);white-space:pre-line;word-break:break-word}.iui-dialog-container .iui-dialog-header .iui-dialog-title{align-items:baseline;display:flex;gap:16px;justify-content:space-between;width:100%}.iui-dialog-container .iui-dialog-header .iui-dialog-title h4{font-weight:600;margin-bottom:8px}.iui-dialog-container .iui-dialog-header .iui-dialog-title .close-icon{margin:-14px}.iui-dialog-container .iui-dialog-content{display:flex;flex:1;flex-direction:column;gap:8px;margin:-24px;padding:24px}.iui-dialog-container .iui-dialog-content:not(.no-overflow){overflow:auto;overscroll-behavior:none}.iui-dialog-container.m{width:400px}.iui-dialog-container.l{width:750px}.iui-dialog-container.xl{width:1200px}.iui-dialog-container .dialog-type-icon{border-radius:24px;min-height:24px;min-width:24px;padding:12px}.iui-dialog-container .dialog-type-icon.success{background-color:var(--success-100);color:var(--success)}.iui-dialog-container .dialog-type-icon.info{background-color:var(--info-100);color:var(--info)}.iui-dialog-container .dialog-type-icon.warning{background-color:var(--warning-100);color:var(--warning)}.iui-dialog-container .dialog-type-icon.danger{background-color:var(--danger-100);color:var(--danger)}.iui-dialog-container .iui-dialog-actions{border-top:var(--border);display:flex;gap:8px;justify-content:right;padding-top:24px}@media screen and (max-width:500px){.iui-dialog-container{border-radius:0;display:flex;flex-direction:column;height:100dvh;justify-content:space-between;max-width:100vw;width:100vw!important}.iui-dialog-container .iui-dialog-content{padding:16px}.iui-dialog-container .iui-dialog-actions{flex-direction:column-reverse;padding:16px}}.iui-form-actions{gap:.5rem;justify-content:center;margin-bottom:.5rem;margin-top:1rem}.iui-form-actions,.iui-header{align-items:center;display:flex}.iui-header{background:var(--primary);box-shadow:var(--container-shadow);box-sizing:border-box;color:var(--text-inverse);height:var(--header-height);justify-content:space-between;padding-left:8px;width:100dvw;z-index:2}.iui-header .env-badge{color:var(--text);font-size:14px;font-weight:700}.iui-header .header-button{border-radius:50px;height:40px;padding:8px;width:40px}.iui-header .header-button circle{fill:var(--white)}.iui-header .header-button svg{color:var(--white);height:24px!important;width:24px!important}.iui-header .header-button.active,.iui-header .header-button:hover{background-color:var(--neutral-hover)}.iui-header .header-button.active circle,.iui-header .header-button:hover circle{fill:var(--primary)}.module-name{align-items:center;border-radius:var(--container-radius);display:flex;gap:8px;padding-right:8px;user-select:none}.module-name:hover{background-color:var(--neutral-hover);color:var(--primary)}.modules-menu{border-top-left-radius:0!important;border-top-right-radius:0!important;display:grid;grid-template-columns:repeat(2,1fr);left:0!important;padding:8px!important;top:var(--header-height)!important}@media screen and (max-width:500px){.modules-menu{grid-template-columns:1fr}}.modules-menu .module-item{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:8px}.modules-menu .module-item .menu-item-label{font-weight:600;text-align:center;white-space:pre-line}.module-icon,.module-item .menu-item-icon{align-items:center;background:var(--neutral-200);border-radius:50px;display:flex;height:40px;justify-content:center;width:40px}.module-icon svg,.module-item .menu-item-icon svg{color:var(--primary);height:20px;width:20px}.user-box{-webkit-user-drag:none;align-items:center;border-radius:32px;cursor:pointer;display:flex;gap:8px;height:var(--header-height);padding-left:8px;padding-right:24px;position:relative;user-select:none}.user-box .user-icon{color:var(--white);height:36px;width:36px}.user-box .user-info{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-box .user-info .user-name{font-size:14px;font-weight:600}.user-box .user-info .org-name{color:var(--neutral-200);font-size:12px}.user-box .user-info p{line-height:1.5;overflow:hidden;text-overflow:ellipsis}.user-box .user-notif-badge{background-color:var(--danger);border:1px solid var(--primary);right:-5px}.user-box:hover{background-color:var(--primary-600)}.header-user-menu{border-top-left-radius:0!important;border-top-right-radius:0!important;left:auto!important;right:0!important;top:var(--header-height)!important}@media screen and (max-width:500px){.user-info{display:none}}.iui-input-container{display:flex;flex-direction:column;gap:6px;width:100%}.iui-input-container p{color:var(--text);font-size:14px}.iui-input-container .input-label{cursor:default;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iui-input-container .input-label.required:after{color:var(--danger);content:" *"}.iui-input-container .iui-input-wrapper-field{align-items:center;background-color:var(--background);border:var(--border);border-radius:8px;display:flex;height:40px;min-height:40px;overflow:hidden;position:relative}.iui-input-container .iui-input-wrapper-field .icon{color:var(--neutral);cursor:pointer;height:16px;margin:-4px;padding:4px;width:16px}.iui-input-container .iui-input-wrapper-field .icon:hover{color:var(--primary)}.iui-input-container .iui-input-wrapper-field.height-auto{height:auto}.iui-input-container .iui-input-wrapper-field.with-end-section input{padding-right:0}.iui-input-container .iui-input-wrapper-field .end-section{align-items:center;display:flex;gap:10px;margin:0 12px 0 8px}.iui-input-container .helper-text{color:var(--neutral);font-size:13px;margin:0 8px;white-space:pre-line}.iui-input-container .helper-text.error-text{display:none}.iui-input-container.disabled .iui-input-wrapper-field{background-color:var(--background-disabled);pointer-events:none;user-select:none}.iui-input-container.disabled .iui-input-wrapper-field .icon,.iui-input-container.disabled .iui-input-wrapper-field p{color:var(--text-disabled)}.iui-input-container.focus .iui-input-wrapper-field,.iui-input-container:has(input:focus) .iui-input-wrapper-field{border-color:var(--primary);box-shadow:0 0 1px 3px var(--primary-200)}.iui-input-container.focus .iui-input-wrapper-field:has(input.error),.iui-input-container.focus .iui-input-wrapper-field:has(input:user-invalid),.iui-input-container:has(input:focus) .iui-input-wrapper-field:has(input.error),.iui-input-container:has(input:focus) .iui-input-wrapper-field:has(input:user-invalid){border-color:var(--danger);box-shadow:0 0 1px 3px var(--danger-200)}.iui-input-container.error .iui-input-wrapper-field,.iui-input-container:has(input.error) .iui-input-wrapper-field,.iui-input-container:has(input:user-invalid) .iui-input-wrapper-field{border-color:var(--danger)}.iui-input-container.error .iui-input-wrapper-field .icon:hover,.iui-input-container:has(input.error) .iui-input-wrapper-field .icon:hover,.iui-input-container:has(input:user-invalid) .iui-input-wrapper-field .icon:hover{color:var(--danger)}.iui-input-container.error .helper-text,.iui-input-container:has(input.error) .helper-text,.iui-input-container:has(input:user-invalid) .helper-text{color:var(--danger)}.iui-input-container.error .helper-text.helper-hidden,.iui-input-container:has(input.error) .helper-text.helper-hidden,.iui-input-container:has(input:user-invalid) .helper-text.helper-hidden{display:none}.iui-input-container.error .helper-text.error-text,.iui-input-container:has(input.error) .helper-text.error-text,.iui-input-container:has(input:user-invalid) .helper-text.error-text{display:block}.iui-input-container input:-webkit-autofill,.iui-input-container textarea:-webkit-autofill{animation-duration:.5s;animation-name:auto-fill}.iui-input-container input,.iui-input-container textarea{border:none;font-size:16px;padding:8px 12px;width:100%}.iui-input-container input:disabled,.iui-input-container textarea:disabled{background-color:var(--background-disabled)}.iui-input-container input::placeholder,.iui-input-container textarea::placeholder{color:var(--neutral-400);font-style:italic;font-weight:200!important;user-select:none}.iui-input-container textarea{resize:none}.iui-input-container textarea.resize{resize:vertical}.fake-input{height:1px!important;margin:0;opacity:0;padding:0!important;pointer-events:none;position:absolute;z-index:-1}.phone-input{align-items:center;display:flex}.phone-input .phone-code-input{max-width:90px;min-width:90px}.iui-checkbox{align-items:flex-start;cursor:pointer;display:inline-flex;font-size:var(--fs-m);gap:8px;padding:8px;user-select:none;width:fit-content}.iui-checkbox .box{align-items:center;border:2px solid var(--neutral-400);border-radius:5px;color:var(--text-inverse);display:flex;height:20px;justify-content:center;min-width:20px;position:relative;transition:all .15s cubic-bezier(.4,0,1,1) 0ms;width:20px}.iui-checkbox .box.selected{background-color:var(--primary);border-color:var(--primary)}.iui-checkbox p{line-height:20px;vertical-align:middle;white-space:pre-line}.iui-checkbox.disabled{cursor:default;user-select:none}.iui-checkbox.disabled input{cursor:default}.iui-checkbox.disabled .box{background-color:var(--neutral-200);border-color:var(--neutral-300);color:var(--neutral-300)}.iui-checkbox.disabled p{color:var(--text-disabled)}.date-input{align-items:center;display:flex;position:relative;width:100%}.date-input .calendar-btn{padding:8px 8px 8px 12px}.date-input .inputs{align-items:center;display:flex;justify-content:flex-start;width:100%}.date-input .inputs input{padding:0;width:min-content}.date-input .inputs input.error{color:var(--danger)}.react-calendar{align-items:center;border:none!important;display:flex;flex-direction:column;gap:12px;padding:8px 12px 0;-webkit-user-select:none;user-select:none}.react-calendar button{align-items:center;background:none;border:none;border-radius:20px;cursor:pointer;display:flex;justify-content:center}.react-calendar button:enabled:hover{background:var(--neutral-hover)}.react-calendar__navigation{align-items:center;display:flex;gap:4px;justify-content:space-between;white-space:nowrap;width:100%}.react-calendar__navigation button{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.react-calendar__navigation__label{font-size:16px;font-weight:600;padding:8px 12px}.react-calendar__navigation__arrow{color:var(--neutral-400);font-size:30px;line-height:36px;padding:4px 12px 8px}.react-calendar__month-view__weekdays{display:grid!important;grid-template-columns:repeat(7,1fr);text-align:center}.react-calendar__month-view__weekdays abbr[title]{text-decoration:none}.react-calendar__tile{flex:unset!important;font-size:15px;font-weight:500;height:40px}.react-calendar__tile--now:not(.react-calendar__tile--active){background:var(--primary-100)!important;color:var(--primary)}.react-calendar__tile--now:not(.react-calendar__tile--active):enabled:hover{background:var(--primary-200)!important}.react-calendar__tile--active,.react-calendar__tile--hasActive{background:var(--primary)!important;color:var(--text-inverse)!important}.react-calendar__month-view__days{display:grid!important;gap:4px;grid-template-columns:repeat(7,1fr);margin-top:16px}.react-calendar__month-view__days__day{width:40px}.react-calendar__month-view__days__day--neighboringMonth{color:var(--neutral-400)}.react-calendar__year-view__months{display:grid!important;gap:8px;grid-template-columns:repeat(3,1fr)}.react-calendar__year-view__months__month{padding:0 12px}.react-calendar__decade-view__years{display:grid!important;gap:8px;grid-template-columns:repeat(4,1fr)}.react-calendar__decade-view__years__year{font-size:16px;padding:0 12px}.time-input-wrapper{min-width:110px;width:110px}.time-input-wrapper .time-input{align-items:center;display:flex;gap:4px;padding:0 12px}.time-input-wrapper .time-input input::-webkit-inner-spin-button,.time-input-wrapper .time-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input-wrapper .time-input input[type=number]{height:40px;padding:0;text-align:left}.time-input-wrapper .time-input span{font-size:13px}.radio-group{display:flex;width:fit-content}.radio-group.column{flex-direction:column}.radio-group.row{align-items:flex-start;flex-direction:row}.iui-radio{display:inline-flex;font-size:var(--fs-m);gap:8px;padding:8px;user-select:none;width:fit-content}.iui-radio .icon{align-items:center;border:2px solid #d0d5dd;border-radius:20px;display:flex;height:20px;justify-content:center;min-width:20px;position:relative;width:20px}.iui-radio .icon .dot{background-color:var(--background);border-radius:8px;height:8px;transform:scale(0);transition:transform .15s cubic-bezier(.4,0,1,1) 0ms;width:8px}.iui-radio .icon.selected{background-color:var(--primary);border-color:var(--primary)}.iui-radio .icon.selected .dot{transform:scale(1)}.iui-radio .radio-content p{line-height:20px;white-space:pre-line}.iui-radio .radio-content .label{font-weight:500}.select-wrapper.s .iui-input-wrapper-field{height:24px;min-height:24px}.select-wrapper.s .iui-input-wrapper-field .icon{height:12px;width:12px}.iui-list{display:flex;flex-direction:column;gap:8px;overflow:auto}.iui-list .iui-list-item{align-items:center;border:var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:color .15s,background-color .15s}.iui-list .iui-list-item p{font-size:14px;line-height:20px}.iui-list .iui-list-item .iui-list-item-desc{color:var(--neutral);display:flex;font-size:12px;gap:8px;line-height:1.5;margin-top:4px;white-space:pre-line}.iui-list .iui-list-item .iui-list-item-actions{align-items:center;display:flex;gap:4px}.iui-list .iui-list-item.disabled{cursor:default;opacity:.5}.iui-list .iui-list-item.clickable:not(.disabled){cursor:pointer}.iui-list .iui-list-item.clickable:not(.disabled):hover{background-color:var(--neutral-hover)}.iui-list .iui-list-item.clickable:not(.disabled):has(.iui-icon-btn:hover){background-color:transparent}.iui-list .iui-list-item.clickable:not(.disabled).active{background-color:var(--primary)!important;color:var(--text-inverse)}.iui-list .iui-list-item.clickable:not(.disabled).active .iui-list-item-desc{color:var(--neutral-300)}.iui-list .iui-list-item.clickable:not(.disabled).active .iui-list-item-actions .iui-icon-btn:not(:hover){background-color:var(--background)}.full-screen-loader{background-color:hsla(0,0%,100%,.7);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.full-screen-loader .loader{position:fixed!important}.lazy-loader{height:calc(100vh - var(--header-height));position:relative}.loader{background-color:hsla(0,0%,100%,.6);inset:0;position:absolute;z-index:1000}.loader,.simple-loader{align-items:center;display:flex;justify-content:center}.loader .spinner,.simple-loader .spinner{animation:rotate 1.5s linear infinite;border-radius:50%;box-shadow:inset -2px 0 0 2px var(--primary);display:inline-block;height:50px;width:50px}.empty-loader{width:100%}.empty-loader .loader{min-height:fit-content}.full-page-loader{height:100%}.iui-menu{animation:fade-in .2s forwards;background:var(--background);border-radius:8px;box-shadow:var(--deep-shadow);overflow:auto;overscroll-behavior:none;padding:4px 0;position:absolute}.iui-menu::-webkit-scrollbar{width:5px}.iui-menu.s{min-width:150px}.iui-menu.m{min-width:250px}.iui-menu.l{min-width:500px}.iui-menu-item{align-items:center;display:flex;gap:8px;padding:8px 16px;user-select:none}.iui-menu-item .menu-item-icon{align-items:center;color:var(--text);display:flex;justify-content:center}.iui-menu-item .menu-item-icon svg{height:16px;width:16px}.iui-menu-item .menu-item-label{width:100%}.iui-menu-item.clickable:hover:not(:disabled):not(.disabled):not(.active){background-color:var(--neutral-hover)}.iui-menu-item.active{background-color:var(--primary);transition:none}.iui-menu-item.active,.iui-menu-item.active .menu-item-icon{color:var(--text-inverse)}.iui-menu-item.with-devider:not(:last-child){border-bottom:var(--border)}.iui-menu-item .menu-item-badge{background-color:var(--danger);right:-3px;top:-3px}.notification-button svg{color:var(--primary)}.notification-button svg .fa-secondary{fill:#fa3;stroke:#544417;stroke-width:30px;stroke-opacity:.5;opacity:1}.notifications{display:flex;flex-direction:column;max-height:calc(100dvh - var(--header-height) - 40px);max-width:min(500px,90vw);padding:16px}.notifications .notifications-content-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.notifications .notifications-content-header .iui-input-container{width:unset}.notifications .notifications-options{align-items:center;border-bottom:var(--border);display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding-bottom:4px}.notifications .notifications-container{display:flex;flex:1;flex-direction:column;overflow:auto}.notifications .notification{border-radius:8px;cursor:default;padding:12px}.notifications .notification .notification-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.notifications .notification .notification-header .title{color:var(--primary-dark);font-size:14px;font-weight:700}.notifications .notification .notification-header .date{color:var(--neutral);font-size:11px;margin:4px 0}.notifications .notification .desc{font-size:13px}.notifications .notification:hover:not(:has(button:hover:not(:disabled))){background-color:var(--neutral-100)}.iui-header{grid-area:header}.iui-sidebar{align-items:stretch;grid-area:sidebar;grid-row:auto}.app-content{grid-area:content;overflow:hidden}.app-layout{display:grid;grid-template-areas:"header header" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:auto calc(100dvh - var(--header-height));height:100dvh;overflow:hidden;width:100dvw}.page-container{display:flex;flex-direction:column;max-height:calc(100vh - var(--header-height));min-height:calc(100vh - var(--header-height))}.page-header{align-items:center;box-shadow:var(--container-shadow);display:flex;justify-content:space-between;max-height:55px;min-height:55px;padding:0 1.5rem;z-index:10}@media screen and (max-width:1023px){.page-header .breadcrumbs{font-size:16px}}.page-content{padding:1.5rem 1.5rem 1rem}.page-content,.scrollable-content{display:flex;flex:1;flex-direction:column;overflow-y:auto}.scrollable-content{margin:0 -1.5rem;padding:0 1.5rem 1rem}.page-footer{align-items:center;display:flex;gap:16px;justify-content:center;margin:0 -1.5rem -1rem;padding:16px 24px}.page-footer.footer-actions{box-shadow:var(--container-shadow);z-index:2}.page-footer .page-footer-text{font-size:12px;text-align:center;white-space:pre-line}.portal-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.iui-print{padding:0!important}.iui-print>.print-content{background:#fefefe;padding:10px 50px 60px}.iui-print>.print-content p,.iui-print>.print-content td{font-size:10pt}.iui-print>.print-content h4{font-size:12pt}.iui-print>.print-content .name{font-size:11pt;font-weight:700;margin-bottom:5px}.print-table{border-collapse:collapse;border-spacing:0}.print-table thead tr{background:#f1f1f1}.print-table td,.print-table th{border:1px solid silver;padding:4px}@media print{@page{margin:6.5mm}}@media print and (orientation:landscape){.iui-print{width:842pt}}@media print and (orientation:portrait){.iui-print{width:595pt}}@media print{.pullover{position:static!important}.iui-print,.pullover{overflow:visible!important}.iui-print{background:#fff!important;inset:0!important;position:absolute!important;width:100%!important}.iui-print .print-content{height:auto!important;overflow:visible!important;padding:0!important}#root,.no-print{display:none!important}body{overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}tbody td{white-space:pre-wrap!important}}.progress-bar-container{margin:auto;max-width:400px;width:100%}.progress-label{color:var(--text);font-size:16px;margin-bottom:8px}.progress-bar-bg{align-items:center;background:var(--neutral-200);border-radius:16px;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--primary-400) 0,var(--primary-600) 100%);height:100%;left:0;overflow:hidden;position:absolute;transition:width .3s cubic-bezier(.67,.01,.83,.98)}.progress-bar-fill.loading:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:80%}.progress-bar-text{border-radius:32px;color:var(--text);font-size:16px;font-weight:700;padding:0 8px;pointer-events:none;position:relative;text-align:center;width:100%;z-index:1}.progress-bar-text:after{align-items:center;bottom:0;clip-path:polygon(0 0,var(--progress-clip,0) 0,var(--progress-clip,0) 100%,0 100%);color:#fff;content:var(--progress-text,"");display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:clip-path .3s cubic-bezier(.67,.01,.83,.98)}.pullover{animation:fade-in .2s forwards;backdrop-filter:blur(4px);background:var(--neutral-t);display:flex;inset:0;justify-content:end;overflow:hidden;position:fixed;z-index:1000}.pullover .container{background:var(--background);max-width:100vw;transition:width,.2s;width:0}.pullover .container .content{display:flex;flex-direction:column;height:100dvh;overscroll-behavior:none}@media screen and (max-width:500px){.pullover.open .container{width:100%}}@media screen and (min-width:501px){.pullover.open .container.vw25{width:25vw}.pullover.open .container.vw25 .content{min-width:25vw}.pullover.open .container.vw50{width:50vw}.pullover.open .container.vw50 .content{min-width:50vw}.pullover.open .container.vw75{width:75vw}.pullover.open .container.vw75 .content{min-width:75vw}.pullover.open .container.vw100{width:100vw}.pullover.open .container.vw100 .content{min-width:100vw}.pullover.open .container.w500{width:500px}.pullover.open .container.w500 .content{min-width:500px}.pullover.open .container.w600{width:600px}.pullover.open .container.w600 .content{min-width:600px}}.pullover.closing{animation:fade-out .2s forwards}.pullover.closing .container{width:0!important}.pullover .pullover-form{display:flex;flex:1;flex-direction:column;overflow:auto}.pullover .pullover-footer,.pullover .pullover-header{align-items:center;box-shadow:var(--container-shadow);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;z-index:2}.pullover .pullover-header{justify-content:space-between;padding-right:16px}.pullover .pullover-header .search-input{width:min(250px,50vw)}.pullover .pullover-content{flex:1;overflow:auto;padding:16px 24px}@media screen and (max-width:500px){.pullover .pullover-content,.pullover .pullover-footer,.pullover .pullover-header{padding:8px 16px}}div::-webkit-scrollbar{height:13px;width:13px}div::-webkit-scrollbar-track{background-color:var(--primary-200);border-radius:100px}div::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:100px;box-shadow:inset 2px 2px 5px 0 hsla(0,0%,100%,.5)}div::-webkit-scrollbar-thumb:hover{background-color:var(--primary-600)}.iui-sidebar{--animation:0.2s cubic-bezier(0.7,0.1,0.5,1);box-shadow:var(--container-shadow);display:flex;flex-direction:column;height:calc(100dvh - var(--header-height));position:relative;transition:width var(--animation);width:var(--sidebar-width)}.iui-sidebar hr{margin-inline:12px}.iui-sidebar .iui-collapse-btn{align-items:center;background-color:#fff;border:1px solid var(--primary);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;opacity:0;position:absolute;right:-16px;top:40px;transition:opacity .15s ease-in-out;z-index:11}.iui-sidebar .iui-collapse-btn:active{transform:translateY(2px)}.iui-sidebar .iui-collapse-btn svg{color:var(--primary)}.iui-sidebar:hover .iui-collapse-btn{opacity:1}.iui-sidebar.collapsed{animation:temp-disable-pointer .2s forwards;width:var(--sidebar-collapsed-width)}.iui-sidebar.collapsed:hover{width:var(--sidebar-width)}.iui-sidebar.collapsed:not(:hover) .iui-sidebar-content{overflow:hidden}.iui-sidebar.collapsed:not(:hover) .iui-sidebar-items .iui-collapse{max-height:0!important}.iui-sidebar.collapsed:not(:hover) .item-only{padding-left:15px}.iui-sidebar.collapsed:not(:hover) .item-only .sidebar-item-label{padding-left:6px}.iui-sidebar.collapsed:not(:hover) .sidebar-footer p{font-size:10px}.iui-sidebar-content{flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}.iui-sidebar-content .iui-sidebar-items{flex:1;padding:8px 0}.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item{align-items:center;display:grid;gap:8px;grid-auto-flow:column;user-select:none;white-space:pre-line;width:var(--sidebar-width)}.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item .sidebar-item-label{line-height:unset;overflow-x:hidden;text-overflow:ellipsis}.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item.active .sidebar-item-icon,.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item.active .sidebar-item-label,.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item.clickable:hover .sidebar-item-icon,.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item.clickable:hover .sidebar-item-label{color:var(--primary)}.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item .sidebar-badge{align-items:center;background-color:var(--primary-200);border-radius:50px;color:var(--text);display:flex;font-size:12px;font-weight:500;height:28px;justify-content:center;width:28px}.iui-sidebar-content .iui-sidebar-items .item-only{grid-auto-columns:auto 1fr auto auto;padding:12px 20px;transition:padding var(--animation)}.iui-sidebar-content .iui-sidebar-items .item-only .sidebar-item-label{font-weight:500;transition:padding var(--animation)}.iui-sidebar-content .iui-sidebar-items .item-only .sidebar-item-icon{color:var(--text);height:24px;width:24px}.iui-sidebar-content .iui-sidebar-items .sub-item{gap:4px;grid-auto-columns:1fr auto auto;padding:8px 16px 8px 56px}.iui-sidebar-content .iui-sidebar-items .sub-item.primary .sidebar-item-label{color:var(--primary-700);font-weight:500}.iui-sidebar-content .iui-sidebar-items .sidebar-expand-icon{color:var(--text);height:16px;transition:transform .2s;width:16px}.iui-sidebar-content .iui-sidebar-items .sidebar-expand-icon.rotate{transform:rotate(180deg)}.iui-sidebar-content::-webkit-scrollbar{width:5px}.sidebar-footer{align-items:center;display:flex;flex-direction:column;gap:4px;padding:16px 0}.sidebar-footer .sidebar-logo{max-height:70px;max-width:160px;object-fit:contain;width:70%}@media screen and (max-width:1023px){.iui-collapse-btn{display:none!important}.iui-sidebar:not(:hover){width:var(--sidebar-collapsed-width)}.iui-sidebar:not(:hover) .iui-sidebar-content{overflow:hidden}.iui-sidebar:not(:hover) .iui-sidebar-items .iui-collapse{max-height:0!important}.iui-sidebar:not(:hover) .item-only{padding-left:15px}.iui-sidebar:not(:hover) .item-only .sidebar-item-label{padding-left:8px}.iui-sidebar:not(:hover) .sidebar-footer p{font-size:10px}}@media screen and (min-width:1024px){.sidebar-footer:not(.collapsed){padding:16px}}hr{border-color:var(--border-color);border-width:0 0 thin;margin:8px 0}.iui-collapse{overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,.2,1)}.form-disabled{opacity:.6;pointer-events:none}.Toastify__toast{border-radius:15px!important;opacity:.95}.Toastify__toast hr{border-color:var(--white)}table{border-spacing:0}.iui-table thead{background-color:var(--neutral-100);z-index:2}.iui-table thead tr:first-child th{border-top:var(--borderlight)}.iui-table th{font-weight:700;height:40px;padding:4px 12px}.iui-table th p{font-size:12px}.iui-table .table-container{overflow:auto}.iui-table .table-container::-webkit-scrollbar{width:8px}.iui-table .sticky-header{position:sticky;top:0;z-index:1}.iui-table tbody tr.clickable:hover,.iui-table tbody tr.clickable:hover .sticky-column,.iui-table tbody tr.selected,.iui-table tbody tr.selected .sticky-column{background-color:#f2f2f2}.iui-table tbody tr:has(.iui-icon-btn:hover),.iui-table tbody tr:has(a:hover){background-color:transparent!important}.iui-table tbody tr:has(.iui-icon-btn:hover) .sticky-column,.iui-table tbody tr:has(a:hover) .sticky-column{background-color:var(--background)!important}.iui-table tbody tr.focused,.iui-table tbody tr.focused .sticky-column{background-color:var(--primary-100)}.iui-table tbody tr.loading{opacity:.5;pointer-events:none}.iui-table td,.iui-table th{border-bottom:var(--border-light)}.iui-table td.secondary,.iui-table th.secondary{background-color:rgba(0,0,0,.04)}.iui-table td{font-size:14px;height:48px;padding:6px 12px}.iui-table td.s{height:40px;padding:2px 12px}.iui-table td.xs{height:30px;padding:2px 12px}.iui-table .clickable-cell:hover{background-color:var(--primary-100)!important;cursor:pointer}.iui-table .table-item-actions{align-items:center;display:flex;justify-content:center;padding:0 8px}.iui-table .table-footer{align-items:center;display:flex;font-size:var(--fs-m);padding:8px;width:100%}.iui-table .table-footer .pagination{align-items:center;color:var(--text);display:flex;gap:12px}.iui-table .table-footer .pagination .offset-input,.iui-table .table-footer .pagination p{font-size:12px!important}.iui-table .table-footer .pagination p{white-space:nowrap}.iui-table .table-footer .pagination .offset-input .iui-input-wrapper-field{height:24px;min-height:24px;width:40px}.iui-table .table-footer .pagination .offset-input input{font-size:12px!important;padding:0 5px;text-align:center}@media screen and (max-width:500px){.iui-table .table-footer .pagination{align-items:end;flex-direction:column}}.iui-table .iui-table-header-actions{display:flex;gap:8px}.iui-table .iui-table-header-actions:has(>*){padding:8px 10px}@media screen and (orientation:landscape){.iui-table thead{box-shadow:0 2px 5px -2px rgba(0,0,0,.2)}.iui-table td,.iui-table th{border-right:var(--border-light)}.iui-table td:first-child:not(.not-first-cell),.iui-table th:first-child:not(.not-first-cell){border-left:var(--border-light)}.iui-table td.sticky-column,.iui-table th.sticky-column{left:0;position:sticky;transition:background-color .25s}.iui-table th.sticky-column{background-color:var(--neutral-100);top:0}.iui-table td.sticky-column{background-color:var(--background)}.iui-table .actions-col,.iui-table .select-col{padding:0}.iui-table .select-col{width:50px}.iui-table .actions-col{width:70px}}@media screen and (orientation:portrait){.iui-table tbody,.iui-table tr{display:block}.iui-table tr{padding-bottom:20px}.iui-table td{align-items:center;display:flex;height:unset!important;text-align:left;width:unset!important}.iui-table thead{display:none}.iui-table tbody tr td:before{content:attr(data-th);font-weight:700;padding-right:10px;text-align:left}}.iui-filters-list{display:flex;flex-direction:column;gap:16px}.iui-filters-list .table-filter-item{display:flex;flex-direction:column;gap:6px;width:100%}.iui-filters-list .table-filter-item .filter-item-label{cursor:default;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-sort-item{flex-direction:row-reverse}.column-pullover .pullover-content{display:flex;flex-direction:column;overflow:hidden}.column-pullover .dual-list-container{display:flex;flex:1;flex-direction:column;min-height:0}.column-pullover .dual-list-container .dual-list-content{display:grid;flex:1;gap:16px 12px;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto 1fr;min-height:0}.column-pullover .dual-list-container .list-box{border:var(--border-light);border-radius:8px;overflow-y:auto;padding:8px;user-select:none}.column-pullover .dual-list-container .list-box>.item{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px}.column-pullover .dual-list-container .list-box>.item svg{color:var(--text);margin-left:1rem}.column-pullover .dual-list-container .list-box>.item:hover{background-color:var(--primary-o10)}.column-pullover .dual-list-container .list-box>.item:active{background-color:var(--primary-o25)}.column-pullover .dual-list-container .list-box>.item.dragging{background-color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.15)}.column-pullover .dual-list-container .exchange-icon{align-items:center;display:flex}.column-pullover .dual-list-container .exchange-icon svg{height:20px;width:20px}.edit-row{background:var(--neutral-100)}.edit-row td.editable{padding:4px}.edit-row td .iui-input-wrapper-field{box-shadow:none!important}.edit-row td .select-wrapper{min-width:120px}.primary-row{background-color:var(--primary-100)}.iui-tabs{border-bottom:var(--border);display:flex;flex-shrink:0;overflow:auto}.iui-tabs::-webkit-scrollbar{height:5px}.iui-tab{align-items:center;border-bottom:2px solid #fff;color:var(--neutral-400);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 12px 8px;user-select:none}.iui-tab svg{font-size:15px}.iui-tab:hover:not(.disabled){color:var(--text)}.iui-tab.selected:not(.disabled){border-color:var(--primary);color:var(--primary)}.iui-tab-content{padding:8px}.tooltip-container{background:var(--neutral-700);border-radius:8px;color:var(--text-inverse);font-size:12px;font-weight:700;padding:8px 16px;position:fixed;text-align:center;transition:opacity .3s;z-index:1001}.tooltip-container:not(.visible){opacity:0;visibility:hidden}.tooltip{height:100%;position:relative;white-space:pre-line}.tooltip .arrow{border:8px solid var(--neutral-700);position:absolute;z-index:1001}.tooltip .arrow.top{border-color:var(--neutral-700) transparent transparent transparent;left:calc(50% - 8px);top:calc(100% + 8px)}.tooltip .arrow.bottom{border-color:transparent transparent var(--neutral-700) transparent;bottom:calc(100% + 8px);left:calc(50% - 8px)}.tooltip .arrow.left{border-color:transparent transparent transparent var(--neutral-700);left:calc(100% + 16px);top:calc(50% - 8px)}.tooltip .arrow.right{border-color:transparent var(--neutral-700) transparent transparent;right:calc(100% + 16px);top:calc(50% - 8px)}.tree-item{min-height:28px;padding:4px 0}.tree-item .extendable-icon{width:28px}.tree-item .extendable-icon .rotate{transition:all .2s cubic-bezier(.4,0,.2,1)}.tree-item .extendable-icon .rotate.rotate90{transform:rotate(90deg)}.tree-item .tree-item-name{padding:4px}.tree-item .tree-item-name.active,.tree-item .tree-item-name:hover{background-color:var(--primary-o25);border-radius:4px}.widget-container{display:grid;gap:60px;grid-auto-flow:dense;grid-template-columns:1fr 1fr 1fr 1fr}.widget-container .grid-span2{grid-column:span 2}.widget-container .grid-span3{grid-column:span 3}.widget-container .grid-span4{grid-column:span 4}@media (min-width:1500px) and (max-width:1800px){.widget-container{grid-template-columns:1fr 1fr 1fr}.widget-container .grid-span4{grid-column:span 3}}@media (min-width:1150px) and (max-width:1499px){.widget-container{grid-template-columns:1fr 1fr}.widget-container .grid-span3,.widget-container .grid-span4{grid-column:span 2}}@media (max-width:1149px){.widget-container{display:flex;flex-direction:column;gap:30px}}.dashboard-widget{background:var(--background);border-radius:var(--container-radius);box-shadow:var(--container-shadow);color:#000;padding:30px;width:inherit}.dashboard-widget h1{margin:15px 0}.dashboard-widget .widget-icon{align-items:center;background-color:var(--primary-o10);border-radius:10px;color:var(--primary);display:flex;height:48px;justify-content:center;width:48px}.dashboard-widget .widget-icon svg{height:22px;width:22px}.dashboard-widget.warning{border:10px solid var(--warning);padding:20px}.dashboard-widget.warning .widget-icon{color:var(--danger)}.dashboard-widget.info{border:10px solid var(--primary);padding:20px}.short-links-widget{font-size:var(--fs-m)}.short-links-widget ul{display:grid;list-style-type:none;margin:0;padding:0}.short-links-widget ul li{margin:0;padding:15px 5px}.short-links-widget ul li:hover{background-color:rgba(0,0,0,.05)}.short-links-widget ul li:not(:last-child){border-bottom:1px solid silver}#content{align-self:center;display:flex;flex-direction:column;gap:24px;grid-area:content}#img{align-self:flex-end;grid-area:img;width:100%}#actions{align-self:flex-start;grid-area:actions;padding-top:24px}.full-screen-page{align-content:center;align-items:center;display:grid;gap:32px;grid-template-areas:"content img" "actions .";grid-template-columns:1fr 1fr;height:100dvh;padding:64px 128px;width:100dvw}.img-403{color:var(--danger);font-size:200px;font-weight:700;text-align:center}@media screen and (max-width:500px){.full-screen-page{grid-template-areas:"img" "content" "actions";grid-template-columns:1fr;grid-template-rows:1fr 1fr auto;padding:16px}#content{align-self:flex-start;gap:16px}#actions{align-self:flex-end}.iui-btn{width:100%}.img-403{font-size:150px}}
1
+ @import url("@fontsource-variable/ibm-plex-sans");:root{--primary-100:#e7f2f9;--primary-200:#c2deed;--primary-300:#86c0df;--primary-400:#1375aa;--primary-500:#0f5f8a;--primary-600:#0b4b6f;--primary-700:#093858;--neutral-100:#edf0f2;--neutral-200:#e3e8ee;--neutral-300:#bac5ce;--neutral-400:#8f9aa8;--neutral-500:#667085;--neutral-600:#545f78;--neutral-700:#3a4764;--neutral-t:rgba(16,24,40,.5);--info-100:#e0ecfc;--info-200:#9fcaff;--info-300:#6babf7;--info-400:#448fe6;--info-500:#2f7bd0;--info-600:#2261a7;--info-700:#13457c;--success-100:#d3f1da;--success-200:#b9e2c8;--success-300:#44c379;--success-400:#33a865;--success-500:#2f8653;--success-600:#2d7248;--success-700:#28593a;--warning-100:#fef0c7;--warning-200:#e8b275;--warning-300:#e79d47;--warning-400:#ee9528;--warning-500:#d17f14;--warning-600:#b17a42;--warning-700:#845d30;--danger-100:#fceae8;--danger-200:#f7d7d4;--danger-300:#dc776f;--danger-400:#de4f45;--danger-500:#d92d20;--danger-600:#c5261b;--danger-700:#a11b12;--primary:var(--primary-500);--neutral:var(--neutral-500);--info:var(--info-500);--success:var(--success-500);--warning:var(--warning-500);--danger:var(--danger-500);--white:#fff;--text:var(--neutral-700);--text-inverse:var(--white);--text-disabled:var(--neutral-400);--background:var(--white);--background-disabled:var(--neutral-100);--neutral-hover:var(--neutral-200);--border-color:var(--neutral-300);--link:#126c88;--link-alt:#004459;--fs-m:14px;--header-height:60px;--border:1px solid var(--border-color);--border-light:1px solid var(--neutral-200);--sidebar-width:260px;--sidebar-collapsed-width:54px;--container-radius:25px;--container-radius-bottom:0 0 25px 25px;--container-shadow:0px 0px 5px rgba(0,0,0,.3);--deep-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)}[data-theme=MTS]{--primary-100:#fce8eb;--primary-200:#fbd0d6;--primary-300:#ed92a0;--primary-400:#ed5e74;--primary-500:#ed1d3c;--primary-600:#d0112d;--primary-700:#a50d24;--neutral-100:#f0f0f0;--neutral-200:#e8e8e8;--neutral-300:#c4c4c4;--neutral-400:#9c9c9c;--neutral-500:#757575;--neutral-600:#666;--neutral-700:#4f4f4f;--neutral-t:rgba(16,24,40,.5);--primary:var(--primary-500);--neutral:var(--neutral-500);--danger:var(--danger-500);--text:var(--neutral-700);--text-disabled:var(--neutral-400);--background-disabled:var(--neutral-100);--neutral-hover:var(--neutral-200);--border-color:var(--neutral-200);--secondary:#ff9500}[data-theme=PPL]{--primary-rgb:0,144,223;--primary-light:#309dbf;--primary-dark:#004459}*{font-family:IBM Plex Sans Variable,sans-serif}body{color:var(--text)}h1,h2,h3,h4,h5,p{margin:0}p{font-size:var(--fs-m)}h1{font-size:60px;line-height:1.1}h2{font-size:48px;font-size:36px}h3{font-size:24px}h4{font-size:18px}.bold{font-weight:600!important}.italic{font-style:italic!important}.new-line{white-space:pre-line!important}.no-wrap{white-space:nowrap!important}.word-break{word-break:break-word!important}.subtitle{color:var(--neutral-600);font-size:20px;white-space:pre-line}.link{color:var(--link)!important;text-decoration:underline!important}.link.inactive{opacity:.5}.link:not(:disabled){cursor:pointer}.link:not(:disabled):hover{color:var(--link-alt)!important;opacity:1}@media screen and (max-width:500px){h1{font-size:36px;line-height:1.2}h2{font-size:24px;font-size:20px}h3{font-size:16px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes auto-fill{to{font-size:13px}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes temp-disable-pointer{0%{pointer-events:none}99%{pointer-events:none}to{pointer-events:auto}}.align-center{align-items:center!important}.justify-center{justify-content:center!important}.align-left{align-items:left!important}.justify-left{justify-content:left!important}.align-right{align-items:right!important}.justify-right{justify-content:right!important}.justify-around{justify-content:space-around!important}.justify-between{justify-content:space-between!important}.justify-evenly{justify-content:space-evenly!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.fs-10{font-size:10px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.fs-32{font-size:32px!important}body{margin:0;width:100%}#root{overflow:hidden}*{box-sizing:border-box}:focus-visible{outline:none!important}button{all:unset;box-sizing:border-box}a{-webkit-user-drag:none;color:unset;text-decoration:none}.clickable{transition:background-color .25s}.clickable:not(.disabled):not(:disabled){cursor:pointer}.clickable:not(.disabled):not(:disabled).neutral:hover{background-color:var(--neutral-hover)}.clickable.disabled,.clickable:disabled{opacity:.4;pointer-events:none;user-select:none}.no-overflow{overflow:hidden}.overflow-auto{overflow:auto}.hover-primary:hover{background-color:var(--primary-100)}.hover-neutral:hover{background-color:var(--neutral-hover)}.c-primary{color:var(--primary)!important}.c-danger{color:var(--danger)!important}.hidden{display:none!important}.block{display:block!important}.relative{position:relative!important}.flex{display:flex}.flex.column{flex-direction:column}.flex.center{align-items:center;justify-content:center}.flex.wrap{flex-wrap:wrap}.inline-flex{display:inline-flex}.flex-grow{flex-grow:1!important}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:3rem}.gap-form{gap:16px 8px}.grid{display:grid}.grid.auto-1{grid-template-columns:auto 1fr}.grid.fr-2{grid-template-columns:repeat(2,1fr)}@media screen and (max-width:500px){.grid.fr-2{grid-template-columns:1fr}}.grid.fr-3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width:500px){.grid.fr-3{grid-template-columns:1fr}}.grid.fr-4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:500px){.grid.fr-4{grid-template-columns:1fr}}.grid.fr-5{grid-template-columns:repeat(5,1fr)}@media screen and (max-width:500px){.grid.fr-5{grid-template-columns:1fr}}.full-screen{height:100dvh!important;width:100dvw!important}.full-width{width:100%!important}.half-width{width:50%!important}.width-fit{width:fit-content!important}.w-300{width:300px!important}.full-height{height:100%!important}.icon24{height:24px!important;width:24px!important}.iui-accordions{display:flex;flex-direction:column}.iui-accordion{background:var(--background);border-radius:var(--container-radius);box-shadow:var(--container-shadow);color:rgba(0,0,0,.87);font-size:13px;margin:3px 0}.iui-accordion.compact{border-radius:unset;margin:unset}.iui-accordion.compact:first-child{border-top-left-radius:var(--container-radius);border-top-right-radius:var(--container-radius)}.iui-accordion.compact:last-child{border-bottom-left-radius:var(--container-radius);border-bottom-right-radius:var(--container-radius)}.iui-accordion .summary{align-items:center;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:1px;min-height:48px;padding:0 16px;user-select:none}.iui-accordion .iui-icon{color:var(--primary-light);font-size:20px;margin-bottom:0;margin-right:16px;max-width:20px}.iui-accordion .collapse-icon{color:#333;height:12px;width:14px}.iui-accordion .iui-accordion-content{border-top:1px solid var(--neutral-200);padding:16px 24px}.iui-alert{align-items:center;border-radius:var(--container-radius);display:flex;font-size:13px;padding:16px}.iui-alert svg{height:20px;margin-right:12px;width:20px}.iui-alert.success{background-color:var(--success-100)}.iui-alert.success svg{color:var(--success)}.iui-alert.info{background-color:var(--info-100)}.iui-alert.info svg{color:var(--info)}.iui-alert.warning{background-color:var(--warning-100)}.iui-alert.warning svg{color:var(--warning)}.iui-alert.danger{background-color:var(--danger-100)}.iui-alert.danger svg{color:var(--danger)}.iui-badge-parent{display:inline-block;position:relative}.iui-badge{align-items:center;border-radius:50px;display:flex;justify-content:center;padding:0 4px;position:absolute;right:0;top:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0}.iui-badge.primary{background-color:var(--primary);border:2px solid var(--background);color:var(--text-inverse)}.iui-badge.header-btn-badge{background-color:var(--danger);border:1px solid var(--primary);right:4px;top:4px}.iui-badge.s{font-size:10px;height:18px;min-width:18px}.iui-badge.m{font-size:11px;height:21px;min-width:21px}.iui-pill-badge{border-radius:20px;box-shadow:0 0 3px rgba(0,0,0,.3);font-size:12px;padding:5px 11px;width:fit-content}.iui-pill-badge.success{background-color:var(--success-200)}.iui-pill-badge.info{background-color:var(--info-200)}.iui-pill-badge.warning{background-color:var(--warning-200)}.iui-pill-badge.danger{background-color:var(--danger-200)}.iui-pill-badge.gray{background-color:var(--neutral-200)}.iui-dot-badge{border-radius:50%;max-height:13px;max-width:13px;min-height:13px;min-width:13px}.iui-dot-badge.success{background-color:var(--success)}.iui-dot-badge.info{background-color:var(--info)}.iui-dot-badge.warning{background-color:var(--warning)}.iui-dot-badge.danger{background-color:var(--danger)}.iui-dot-badge.gray{background-color:var(--neutral-400)}.iui-btn{align-items:center;background:none;border-radius:100px;cursor:pointer;display:flex;justify-content:center;transition:border-color .25s,background-color .25s;user-select:none}.iui-btn.primary{color:var(--primary-600)}.iui-btn.primary.solid{background-color:var(--primary)}.iui-btn.primary.outlined{border-color:var(--primary-600)}.iui-btn.primary:not(:disabled):focus-visible{box-shadow:0 0 1px 3px var(--primary-200)}.iui-btn.primary:not(:disabled).active.solid,.iui-btn.primary:not(:disabled):active.solid,.iui-btn.primary:not(:disabled):hover.solid{background-color:var(--primary-600);border-color:var(--primary-600)}.iui-btn.primary:not(:disabled).active:not(.solid),.iui-btn.primary:not(:disabled):active:not(.solid),.iui-btn.primary:not(:disabled):hover:not(.solid){background-color:var(--primary-100)}.iui-btn.neutral{color:var(--neutral-600)}.iui-btn.neutral.solid{background-color:var(--neutral)}.iui-btn.neutral.outlined{border-color:var(--neutral-600)}.iui-btn.neutral:not(:disabled):focus-visible{box-shadow:0 0 1px 3px var(--neutral-200)}.iui-btn.neutral:not(:disabled).active.solid,.iui-btn.neutral:not(:disabled):active.solid,.iui-btn.neutral:not(:disabled):hover.solid{background-color:var(--neutral-600);border-color:var(--neutral-600)}.iui-btn.neutral:not(:disabled).active:not(.solid),.iui-btn.neutral:not(:disabled):active:not(.solid),.iui-btn.neutral:not(:disabled):hover:not(.solid){background-color:var(--neutral-100)}.iui-btn.danger{color:var(--danger-600)}.iui-btn.danger.solid{background-color:var(--danger)}.iui-btn.danger.outlined{border-color:var(--danger-600)}.iui-btn.danger:not(:disabled):focus-visible{box-shadow:0 0 1px 3px var(--danger-200)}.iui-btn.danger:not(:disabled).active.solid,.iui-btn.danger:not(:disabled):active.solid,.iui-btn.danger:not(:disabled):hover.solid{background-color:var(--danger-600);border-color:var(--danger-600)}.iui-btn.danger:not(:disabled).active:not(.solid),.iui-btn.danger:not(:disabled):active:not(.solid),.iui-btn.danger:not(:disabled):hover:not(.solid){background-color:var(--danger-100)}.iui-btn.solid{color:var(--text-inverse)}.iui-btn.outlined{border:1px solid var(--neutral-300)}.iui-btn:disabled{cursor:default;opacity:.5}.iui-btn:not(:disabled):active{transform:translateY(2px)}.iui-text-btn{font-weight:600;gap:8px;white-space:nowrap}.iui-text-btn.xs{font-size:10px;gap:6px;height:24px;padding:0 10px}.iui-text-btn.xs svg{height:12px;width:12px}.iui-text-btn.s{font-size:12px;height:30px;padding:0 12px}.iui-text-btn.s svg{height:14px;width:14px}.iui-text-btn.m{font-size:14px;height:36px;padding:0 14px}.iui-text-btn.m svg{height:16px;width:16px}.iui-text-btn.l{font-size:16px;height:48px;padding:0 18px}.iui-text-btn.l svg{height:20px;width:20px}.iui-btn.iui-icon-btn.s{height:32px;min-height:32px;min-width:32px;width:32px}.iui-btn.iui-icon-btn.s svg{height:16px;width:16px}.iui-btn.iui-icon-btn.m{height:40px;min-height:40px;min-width:40px;width:40px}.iui-btn.iui-icon-btn.m svg{height:20px;width:20px}.iui-btn.iui-icon-btn.l{height:44px;min-height:44px;min-width:44px;width:44px}.iui-btn.iui-icon-btn.l svg{height:24px;width:24px}.iui-split-btn{overflow:hidden}.iui-split-btn .iui-btn-content{align-items:center;display:flex;font-weight:600;gap:8px;justify-content:center;white-space:nowrap}.iui-split-btn .btn-actions{align-items:center;border-left:1px solid;display:flex;justify-content:center}.iui-split-btn.active,.iui-split-btn:hover{background-color:transparent!important}.iui-split-btn:not(:disabled).outlined .btn-actions.active,.iui-split-btn:not(:disabled).outlined .btn-actions:hover,.iui-split-btn:not(:disabled).outlined .iui-btn-content.active,.iui-split-btn:not(:disabled).outlined .iui-btn-content:hover{background-color:var(--neutral-100)}.iui-split-btn:not(:disabled).outlined:focus-visible{box-shadow:0 0 1px 3px var(--neutral-200)}.iui-split-btn:not(:disabled).solid .btn-actions.active,.iui-split-btn:not(:disabled).solid .btn-actions:hover,.iui-split-btn:not(:disabled).solid .iui-btn-content.active,.iui-split-btn:not(:disabled).solid .iui-btn-content:hover{background-color:var(--primary-600)}.iui-split-btn:disabled{cursor:default;opacity:.5}.iui-split-btn:not(:disabled):active{transform:translateY(2px)}.iui-split-btn.xs .iui-btn-content{font-size:10px;gap:6px;height:24px;padding:0 10px}.iui-split-btn.xs .btn-actions{height:24px;width:24px}.iui-split-btn.xs svg{height:12px;width:12px}.iui-split-btn.s .iui-btn-content{font-size:12px;height:30px;padding:0 12px}.iui-split-btn.s .btn-actions{height:30px;width:30px}.iui-split-btn.s svg{height:14px;width:14px}.iui-split-btn.m .iui-btn-content{font-size:14px;height:36px;padding:0 14px}.iui-split-btn.m .btn-actions{height:36px;width:36px}.iui-split-btn.m svg{height:16px;width:16px}.iui-split-btn.l .iui-btn-content{font-size:16px;height:48px;padding:0 18px}.iui-split-btn.l .btn-actions{height:48px;width:48px}.iui-split-btn.l svg{height:20px;width:20px}.iui-card{background:var(--background);border-radius:var(--container-radius);box-shadow:var(--container-shadow)}.iui-card>.content.s{padding:10px}.iui-card>.content.l{padding:40px 30px}.iui-card-header{border-bottom:1px solid var(--neutral-700);font-weight:700;height:45px;justify-content:space-between;margin:0 10px;padding-left:15px}.iui-card-header,.iui-dialog{align-items:center;display:flex}.iui-dialog{animation:fade-in .2s forwards;backdrop-filter:blur(8px);background:var(--neutral-t);inset:0;justify-content:center;position:fixed;z-index:1000}.iui-dialog.closing{animation:fade-out .2s forwards;display:flex}.iui-dialog-container{animation:scale-in .2s forwards;background-color:var(--background);border-radius:16px;display:flex;flex-direction:column;gap:24px;max-height:95dvh;max-width:98vw;min-width:400px;overflow:hidden;padding:24px}.iui-dialog-container .iui-dialog-header{display:flex;flex-shrink:0;gap:16px}.iui-dialog-container .iui-dialog-header .iui-dialog-desc{color:var(--text);white-space:pre-line;word-break:break-word}.iui-dialog-container .iui-dialog-header .iui-dialog-title{align-items:baseline;display:flex;gap:16px;justify-content:space-between;width:100%}.iui-dialog-container .iui-dialog-header .iui-dialog-title h4{font-weight:600;margin-bottom:8px}.iui-dialog-container .iui-dialog-header .iui-dialog-title .close-icon{margin:-14px}.iui-dialog-container .iui-dialog-content{display:flex;flex:1;flex-direction:column;gap:8px;margin:-24px;padding:24px}.iui-dialog-container .iui-dialog-content:not(.no-overflow){overflow:auto;overscroll-behavior:none}.iui-dialog-container.m{width:400px}.iui-dialog-container.l{width:750px}.iui-dialog-container.xl{width:1200px}.iui-dialog-container .dialog-type-icon{border-radius:24px;min-height:24px;min-width:24px;padding:12px}.iui-dialog-container .dialog-type-icon.success{background-color:var(--success-100);color:var(--success)}.iui-dialog-container .dialog-type-icon.info{background-color:var(--info-100);color:var(--info)}.iui-dialog-container .dialog-type-icon.warning{background-color:var(--warning-100);color:var(--warning)}.iui-dialog-container .dialog-type-icon.danger{background-color:var(--danger-100);color:var(--danger)}.iui-dialog-container .iui-dialog-actions{border-top:var(--border);display:flex;gap:8px;justify-content:right;padding-top:24px}@media screen and (max-width:500px){.iui-dialog-container{border-radius:0;display:flex;flex-direction:column;height:100dvh;justify-content:space-between;max-width:100vw;width:100vw!important}.iui-dialog-container .iui-dialog-content{padding:16px}.iui-dialog-container .iui-dialog-actions{flex-direction:column-reverse;padding:16px}}.iui-form-actions{gap:.5rem;justify-content:center;margin-bottom:.5rem;margin-top:1rem}.iui-form-actions,.iui-header{align-items:center;display:flex}.iui-header{background:var(--primary);box-shadow:var(--container-shadow);box-sizing:border-box;color:var(--text-inverse);height:var(--header-height);justify-content:space-between;padding-left:8px;width:100dvw;z-index:2}.iui-header .env-badge{color:var(--text);font-size:14px;font-weight:700}.iui-header .header-button{border-radius:50px;height:40px;padding:8px;width:40px}.iui-header .header-button circle{fill:var(--white)}.iui-header .header-button svg{color:var(--white);height:24px!important;width:24px!important}.iui-header .header-button.active,.iui-header .header-button:hover{background-color:var(--neutral-hover)}.iui-header .header-button.active circle,.iui-header .header-button:hover circle{fill:var(--primary)}.module-name{align-items:center;border-radius:var(--container-radius);display:flex;gap:8px;padding-right:8px;user-select:none}.module-name:hover{background-color:var(--neutral-hover);color:var(--primary)}.modules-menu{border-top-left-radius:0!important;border-top-right-radius:0!important;display:grid;grid-template-columns:repeat(2,1fr);left:0!important;padding:8px!important;top:var(--header-height)!important}@media screen and (max-width:500px){.modules-menu{grid-template-columns:1fr}}.modules-menu .module-item{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:8px}.modules-menu .module-item .menu-item-label{font-weight:600;text-align:center;white-space:pre-line}.module-icon,.module-item .menu-item-icon{align-items:center;background:var(--neutral-200);border-radius:50px;display:flex;height:40px;justify-content:center;width:40px}.module-icon svg,.module-item .menu-item-icon svg{color:var(--primary);height:20px;width:20px}.user-box{-webkit-user-drag:none;align-items:center;border-radius:32px;cursor:pointer;display:flex;gap:8px;height:var(--header-height);padding-left:8px;padding-right:24px;position:relative;user-select:none}.user-box .user-icon{color:var(--white);height:36px;width:36px}.user-box .user-info{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-box .user-info .user-name{font-size:14px;font-weight:600}.user-box .user-info .org-name{color:var(--neutral-200);font-size:12px}.user-box .user-info p{line-height:1.5;overflow:hidden;text-overflow:ellipsis}.user-box .user-notif-badge{background-color:var(--danger);border:1px solid var(--primary);right:-5px}.user-box:hover{background-color:var(--primary-600)}.header-user-menu{border-top-left-radius:0!important;border-top-right-radius:0!important;left:auto!important;right:0!important;top:var(--header-height)!important}@media screen and (max-width:500px){.user-info{display:none}}.iui-input-container{display:flex;flex-direction:column;gap:6px;width:100%}.iui-input-container p{color:var(--text);font-size:14px}.iui-input-container .input-label{cursor:default;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iui-input-container .input-label.required:after{color:var(--danger);content:" *"}.iui-input-container .iui-input-wrapper-field{align-items:center;background-color:var(--background);border:var(--border);border-radius:8px;display:flex;height:40px;min-height:40px;overflow:hidden;position:relative}.iui-input-container .iui-input-wrapper-field .icon{color:var(--neutral);cursor:pointer;height:16px;margin:-4px;padding:4px;width:16px}.iui-input-container .iui-input-wrapper-field .icon:hover{color:var(--primary)}.iui-input-container .iui-input-wrapper-field.height-auto{height:auto}.iui-input-container .iui-input-wrapper-field.with-end-section input{padding-right:0}.iui-input-container .iui-input-wrapper-field .end-section{align-items:center;display:flex;gap:10px;margin:0 12px 0 8px}.iui-input-container .helper-text{color:var(--neutral);font-size:13px;margin:0 8px;white-space:pre-line}.iui-input-container .helper-text.error-text{display:none}.iui-input-container.disabled .iui-input-wrapper-field{background-color:var(--background-disabled);pointer-events:none;user-select:none}.iui-input-container.disabled .iui-input-wrapper-field .icon,.iui-input-container.disabled .iui-input-wrapper-field p{color:var(--text-disabled)}.iui-input-container.focus .iui-input-wrapper-field,.iui-input-container:has(input:focus) .iui-input-wrapper-field{border-color:var(--primary);box-shadow:0 0 1px 3px var(--primary-200)}.iui-input-container.focus .iui-input-wrapper-field:has(input.error),.iui-input-container.focus .iui-input-wrapper-field:has(input:user-invalid),.iui-input-container:has(input:focus) .iui-input-wrapper-field:has(input.error),.iui-input-container:has(input:focus) .iui-input-wrapper-field:has(input:user-invalid){border-color:var(--danger);box-shadow:0 0 1px 3px var(--danger-200)}.iui-input-container.error .iui-input-wrapper-field,.iui-input-container:has(input.error) .iui-input-wrapper-field,.iui-input-container:has(input:user-invalid) .iui-input-wrapper-field{border-color:var(--danger)}.iui-input-container.error .iui-input-wrapper-field .icon:hover,.iui-input-container:has(input.error) .iui-input-wrapper-field .icon:hover,.iui-input-container:has(input:user-invalid) .iui-input-wrapper-field .icon:hover{color:var(--danger)}.iui-input-container.error .helper-text,.iui-input-container:has(input.error) .helper-text,.iui-input-container:has(input:user-invalid) .helper-text{color:var(--danger)}.iui-input-container.error .helper-text.helper-hidden,.iui-input-container:has(input.error) .helper-text.helper-hidden,.iui-input-container:has(input:user-invalid) .helper-text.helper-hidden{display:none}.iui-input-container.error .helper-text.error-text,.iui-input-container:has(input.error) .helper-text.error-text,.iui-input-container:has(input:user-invalid) .helper-text.error-text{display:block}.iui-input-container input:-webkit-autofill,.iui-input-container textarea:-webkit-autofill{animation-duration:.5s;animation-name:auto-fill}.iui-input-container input,.iui-input-container textarea{border:none;font-size:16px;padding:8px 12px;width:100%}.iui-input-container input:disabled,.iui-input-container textarea:disabled{background-color:var(--background-disabled)}.iui-input-container input::placeholder,.iui-input-container textarea::placeholder{color:var(--neutral-400);font-style:italic;font-weight:200!important;user-select:none}.iui-input-container textarea{resize:none}.iui-input-container textarea.resize{resize:vertical}.fake-input{height:1px!important;margin:0;opacity:0;padding:0!important;pointer-events:none;position:absolute;z-index:-1}.phone-input{align-items:center;display:flex}.phone-input .phone-code-input{max-width:90px;min-width:90px}.iui-checkbox{align-items:flex-start;cursor:pointer;display:inline-flex;font-size:var(--fs-m);gap:8px;padding:8px;user-select:none;width:fit-content}.iui-checkbox .box{align-items:center;border:2px solid var(--neutral-400);border-radius:5px;color:var(--text-inverse);display:flex;height:20px;justify-content:center;min-width:20px;position:relative;transition:all .15s cubic-bezier(.4,0,1,1) 0ms;width:20px}.iui-checkbox .box.selected{background-color:var(--primary);border-color:var(--primary)}.iui-checkbox p{line-height:20px;vertical-align:middle;white-space:pre-line}.iui-checkbox.disabled{cursor:default;user-select:none}.iui-checkbox.disabled input{cursor:default}.iui-checkbox.disabled .box{background-color:var(--neutral-200);border-color:var(--neutral-300);color:var(--neutral-300)}.iui-checkbox.disabled p{color:var(--text-disabled)}.date-input{align-items:center;display:flex;position:relative;width:100%}.date-input .calendar-btn{padding:8px 8px 8px 12px}.date-input .inputs{align-items:center;display:flex;justify-content:flex-start;width:100%}.date-input .inputs input{padding:0;width:min-content}.date-input .inputs input.error{color:var(--danger)}.react-calendar{align-items:center;border:none!important;display:flex;flex-direction:column;gap:12px;padding:8px 12px 0;-webkit-user-select:none;user-select:none}.react-calendar button{align-items:center;background:none;border:none;border-radius:20px;cursor:pointer;display:flex;justify-content:center}.react-calendar button:enabled:hover{background:var(--neutral-hover)}.react-calendar__navigation{align-items:center;display:flex;gap:4px;justify-content:space-between;white-space:nowrap;width:100%}.react-calendar__navigation button{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.react-calendar__navigation__label{font-size:16px;font-weight:600;padding:8px 12px}.react-calendar__navigation__arrow{color:var(--neutral-400);font-size:30px;line-height:36px;padding:4px 12px 8px}.react-calendar__month-view__weekdays{display:grid!important;grid-template-columns:repeat(7,1fr);text-align:center}.react-calendar__month-view__weekdays abbr[title]{text-decoration:none}.react-calendar__tile{flex:unset!important;font-size:15px;font-weight:500;height:40px}.react-calendar__tile--now:not(.react-calendar__tile--active){background:var(--primary-100)!important;color:var(--primary)}.react-calendar__tile--now:not(.react-calendar__tile--active):enabled:hover{background:var(--primary-200)!important}.react-calendar__tile--active,.react-calendar__tile--hasActive{background:var(--primary)!important;color:var(--text-inverse)!important}.react-calendar__month-view__days{display:grid!important;gap:4px;grid-template-columns:repeat(7,1fr);margin-top:16px}.react-calendar__month-view__days__day{width:40px}.react-calendar__month-view__days__day--neighboringMonth{color:var(--neutral-400)}.react-calendar__year-view__months{display:grid!important;gap:8px;grid-template-columns:repeat(3,1fr)}.react-calendar__year-view__months__month{padding:0 12px}.react-calendar__decade-view__years{display:grid!important;gap:8px;grid-template-columns:repeat(4,1fr)}.react-calendar__decade-view__years__year{font-size:16px;padding:0 12px}.time-input-wrapper{min-width:110px;width:110px}.time-input-wrapper .time-input{align-items:center;display:flex;gap:4px;padding:0 12px}.time-input-wrapper .time-input input::-webkit-inner-spin-button,.time-input-wrapper .time-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input-wrapper .time-input input[type=number]{height:40px;padding:0;text-align:left}.time-input-wrapper .time-input span{font-size:13px}.radio-group{display:flex;width:fit-content}.radio-group.column{flex-direction:column}.radio-group.row{align-items:flex-start;flex-direction:row}.iui-radio{display:inline-flex;font-size:var(--fs-m);gap:8px;padding:8px;user-select:none;width:fit-content}.iui-radio .icon{align-items:center;border:2px solid #d0d5dd;border-radius:20px;display:flex;height:20px;justify-content:center;min-width:20px;position:relative;width:20px}.iui-radio .icon .dot{background-color:var(--background);border-radius:8px;height:8px;transform:scale(0);transition:transform .15s cubic-bezier(.4,0,1,1) 0ms;width:8px}.iui-radio .icon.selected{background-color:var(--primary);border-color:var(--primary)}.iui-radio .icon.selected .dot{transform:scale(1)}.iui-radio .radio-content p{line-height:20px;white-space:pre-line}.iui-radio .radio-content .label{font-weight:500}.select-wrapper.s .iui-input-wrapper-field{height:24px;min-height:24px}.select-wrapper.s .iui-input-wrapper-field .icon{height:12px;width:12px}.iui-list{display:flex;flex-direction:column;gap:8px;overflow:auto}.iui-list .iui-list-item{align-items:center;border:var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:color .15s,background-color .15s}.iui-list .iui-list-item p{font-size:14px;line-height:20px}.iui-list .iui-list-item .iui-list-item-desc{color:var(--neutral);display:flex;font-size:12px;gap:8px;line-height:1.5;margin-top:4px;white-space:pre-line}.iui-list .iui-list-item .iui-list-item-actions{align-items:center;display:flex;gap:4px}.iui-list .iui-list-item.disabled{cursor:default;opacity:.5}.iui-list .iui-list-item.clickable:not(.disabled){cursor:pointer}.iui-list .iui-list-item.clickable:not(.disabled):hover{background-color:var(--neutral-hover)}.iui-list .iui-list-item.clickable:not(.disabled):has(.iui-icon-btn:hover){background-color:transparent}.iui-list .iui-list-item.clickable:not(.disabled).active{background-color:var(--primary)!important;color:var(--text-inverse)}.iui-list .iui-list-item.clickable:not(.disabled).active .iui-list-item-desc{color:var(--neutral-300)}.iui-list .iui-list-item.clickable:not(.disabled).active .iui-list-item-actions .iui-icon-btn:not(:hover){background-color:var(--background)}.full-screen-loader{background-color:hsla(0,0%,100%,.7);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.full-screen-loader .loader{position:fixed!important}.lazy-loader{height:calc(100vh - var(--header-height));position:relative}.loader{background-color:hsla(0,0%,100%,.6);inset:0;position:absolute;z-index:1000}.loader,.simple-loader{align-items:center;display:flex;justify-content:center}.loader .spinner,.simple-loader .spinner{animation:rotate 1.5s linear infinite;border-radius:50%;box-shadow:inset -2px 0 0 2px var(--primary);display:inline-block;height:50px;width:50px}.empty-loader{width:100%}.empty-loader .loader{min-height:fit-content}.full-page-loader{height:100%}.iui-menu{animation:fade-in .2s forwards;background:var(--background);border-radius:8px;box-shadow:var(--deep-shadow);overflow:auto;overscroll-behavior:none;padding:4px 0;position:absolute}.iui-menu::-webkit-scrollbar{width:5px}.iui-menu.s{min-width:150px}.iui-menu.m{min-width:250px}.iui-menu.l{min-width:500px}.iui-menu-item{align-items:center;display:flex;gap:8px;padding:8px 16px;user-select:none}.iui-menu-item .menu-item-icon{align-items:center;color:var(--text);display:flex;justify-content:center}.iui-menu-item .menu-item-icon svg{height:16px;width:16px}.iui-menu-item .menu-item-label{width:100%}.iui-menu-item.clickable:hover:not(:disabled):not(.disabled):not(.active){background-color:var(--neutral-hover)}.iui-menu-item.active{background-color:var(--primary);transition:none}.iui-menu-item.active,.iui-menu-item.active .menu-item-icon{color:var(--text-inverse)}.iui-menu-item.with-devider:not(:last-child){border-bottom:var(--border)}.iui-menu-item .menu-item-badge{background-color:var(--danger);right:-3px;top:-3px}.notification-button svg{color:var(--primary)}.notification-button svg .fa-secondary{fill:#fa3;stroke:#544417;stroke-width:30px;stroke-opacity:.5;opacity:1}.notifications{display:flex;flex-direction:column;max-height:calc(100dvh - var(--header-height) - 40px);max-width:min(500px,90vw);padding:16px}.notifications .notifications-content-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.notifications .notifications-content-header .iui-input-container{width:unset}.notifications .notifications-options{align-items:center;border-bottom:var(--border);display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding-bottom:4px}.notifications .notifications-container{display:flex;flex:1;flex-direction:column;overflow:auto}.notifications .notification{border-radius:8px;cursor:default;padding:12px}.notifications .notification .notification-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.notifications .notification .notification-header .title{color:var(--primary-dark);font-size:14px;font-weight:700}.notifications .notification .notification-header .date{color:var(--neutral);font-size:11px;margin:4px 0}.notifications .notification .desc{font-size:13px}.notifications .notification:hover:not(:has(button:hover:not(:disabled))){background-color:var(--neutral-100)}.iui-header{grid-area:header}.iui-sidebar{align-items:stretch;grid-area:sidebar;grid-row:auto}.app-content{grid-area:content;overflow:hidden}.app-layout{display:grid;grid-template-areas:"header header" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:auto calc(100dvh - var(--header-height));height:100dvh;overflow:hidden;width:100dvw}.page-container{display:flex;flex-direction:column;max-height:calc(100vh - var(--header-height));min-height:calc(100vh - var(--header-height))}.page-header{align-items:center;box-shadow:var(--container-shadow);display:flex;justify-content:space-between;max-height:55px;min-height:55px;padding:0 1.5rem;z-index:10}@media screen and (max-width:1023px){.page-header .breadcrumbs{font-size:16px}}.page-content{padding:1.5rem 1.5rem 1rem}.page-content,.scrollable-content{display:flex;flex:1;flex-direction:column;overflow-y:auto}.scrollable-content{margin:0 -1.5rem;padding:0 1.5rem 1rem}.page-footer{align-items:center;display:flex;gap:16px;justify-content:center;margin:0 -1.5rem -1rem;padding:16px 24px}.page-footer.footer-actions{box-shadow:var(--container-shadow);z-index:2}.page-footer .page-footer-text{font-size:12px;text-align:center;white-space:pre-line}.portal-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.iui-print{padding:0!important}.iui-print>.print-content{background:#fefefe;padding:10px 50px 60px}.iui-print>.print-content p,.iui-print>.print-content td{font-size:10pt}.iui-print>.print-content h4{font-size:12pt}.iui-print>.print-content .name{font-size:11pt;font-weight:700;margin-bottom:5px}.print-table{border-collapse:collapse;border-spacing:0}.print-table thead tr{background:#f1f1f1}.print-table td,.print-table th{border:1px solid silver;padding:4px}@media print{@page{margin:6.5mm}}@media print and (orientation:landscape){.iui-print{width:842pt}}@media print and (orientation:portrait){.iui-print{width:595pt}}@media print{.pullover{position:static!important}.iui-print,.pullover{overflow:visible!important}.iui-print{background:#fff!important;inset:0!important;position:absolute!important;width:100%!important}.iui-print .print-content{height:auto!important;overflow:visible!important;padding:0!important}#root,.no-print{display:none!important}body{overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}tbody td{white-space:pre-wrap!important}}.progress-bar-container{margin:auto;max-width:400px;width:100%}.progress-label{color:var(--text);font-size:16px;margin-bottom:8px}.progress-bar-bg{align-items:center;background:var(--neutral-200);border-radius:16px;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--primary-400) 0,var(--primary-600) 100%);height:100%;left:0;overflow:hidden;position:absolute;transition:width .3s cubic-bezier(.67,.01,.83,.98)}.progress-bar-fill.loading:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:80%}.progress-bar-text{border-radius:32px;color:var(--text);font-size:16px;font-weight:700;padding:0 8px;pointer-events:none;position:relative;text-align:center;width:100%;z-index:1}.progress-bar-text:after{align-items:center;bottom:0;clip-path:polygon(0 0,var(--progress-clip,0) 0,var(--progress-clip,0) 100%,0 100%);color:#fff;content:var(--progress-text,"");display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:clip-path .3s cubic-bezier(.67,.01,.83,.98)}.pullover{animation:fade-in .2s forwards;backdrop-filter:blur(4px);background:var(--neutral-t);display:flex;inset:0;justify-content:end;overflow:hidden;position:fixed;z-index:1000}.pullover .container{background:var(--background);max-width:100vw;transition:width,.2s;width:0}.pullover .container .content{display:flex;flex-direction:column;height:100dvh;overscroll-behavior:none}@media screen and (max-width:500px){.pullover.open .container{width:100%}}@media screen and (min-width:501px){.pullover.open .container.vw25{width:25vw}.pullover.open .container.vw25 .content{min-width:25vw}.pullover.open .container.vw50{width:50vw}.pullover.open .container.vw50 .content{min-width:50vw}.pullover.open .container.vw75{width:75vw}.pullover.open .container.vw75 .content{min-width:75vw}.pullover.open .container.vw100{width:100vw}.pullover.open .container.vw100 .content{min-width:100vw}.pullover.open .container.w500{width:500px}.pullover.open .container.w500 .content{min-width:500px}.pullover.open .container.w600{width:600px}.pullover.open .container.w600 .content{min-width:600px}}.pullover.closing{animation:fade-out .2s forwards}.pullover.closing .container{width:0!important}.pullover .pullover-form{display:flex;flex:1;flex-direction:column;overflow:auto}.pullover .pullover-footer,.pullover .pullover-header{align-items:center;box-shadow:var(--container-shadow);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;z-index:2}.pullover .pullover-header{justify-content:space-between;padding-right:16px}.pullover .pullover-header .search-input{width:min(250px,50vw)}.pullover .pullover-content{flex:1;overflow:auto;padding:16px 24px}@media screen and (max-width:500px){.pullover .pullover-content,.pullover .pullover-footer,.pullover .pullover-header{padding:8px 16px}}div::-webkit-scrollbar{height:13px;width:13px}div::-webkit-scrollbar-track{background-color:var(--primary-200);border-radius:100px}div::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:100px;box-shadow:inset 2px 2px 5px 0 hsla(0,0%,100%,.5)}div::-webkit-scrollbar-thumb:hover{background-color:var(--primary-600)}.iui-sidebar{--animation:0.2s cubic-bezier(0.7,0.1,0.5,1);box-shadow:var(--container-shadow);display:flex;flex-direction:column;height:calc(100dvh - var(--header-height));position:relative;transition:width var(--animation);width:var(--sidebar-width)}.iui-sidebar hr{margin-inline:12px}.iui-sidebar .iui-collapse-btn{align-items:center;background-color:#fff;border:1px solid var(--primary);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;opacity:0;position:absolute;right:-16px;top:40px;transition:opacity .15s ease-in-out;z-index:11}.iui-sidebar .iui-collapse-btn:active{transform:translateY(2px)}.iui-sidebar .iui-collapse-btn svg{color:var(--primary)}.iui-sidebar:hover .iui-collapse-btn{opacity:1}.iui-sidebar.collapsed{animation:temp-disable-pointer .2s forwards;width:var(--sidebar-collapsed-width)}.iui-sidebar.collapsed:hover{width:var(--sidebar-width)}.iui-sidebar.collapsed:not(:hover) .iui-sidebar-content{overflow:hidden}.iui-sidebar.collapsed:not(:hover) .iui-sidebar-items .iui-collapse{max-height:0!important}.iui-sidebar.collapsed:not(:hover) .item-only{padding-left:15px}.iui-sidebar.collapsed:not(:hover) .item-only .sidebar-item-label{padding-left:6px}.iui-sidebar.collapsed:not(:hover) .sidebar-footer p{font-size:10px}.iui-sidebar-content{flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}.iui-sidebar-content .iui-sidebar-items{flex:1;padding:8px 0}.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item{align-items:center;display:grid;gap:8px;grid-auto-flow:column;user-select:none;white-space:pre-line;width:var(--sidebar-width)}.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item .sidebar-item-label{line-height:unset;overflow-x:hidden;text-overflow:ellipsis}.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item.active .sidebar-item-icon,.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item.active .sidebar-item-label,.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item.clickable:hover .sidebar-item-icon,.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item.clickable:hover .sidebar-item-label{color:var(--primary)}.iui-sidebar-content .iui-sidebar-items .iui-sidebar-item .sidebar-badge{align-items:center;background-color:var(--primary-200);border-radius:50px;color:var(--text);display:flex;font-size:12px;font-weight:500;height:28px;justify-content:center;width:28px}.iui-sidebar-content .iui-sidebar-items .item-only{grid-auto-columns:auto 1fr auto auto;padding:12px 20px;transition:padding var(--animation)}.iui-sidebar-content .iui-sidebar-items .item-only .sidebar-item-label{font-weight:500;transition:padding var(--animation)}.iui-sidebar-content .iui-sidebar-items .item-only .sidebar-item-icon{color:var(--text);height:24px;width:24px}.iui-sidebar-content .iui-sidebar-items .sub-item{gap:4px;grid-auto-columns:1fr auto auto;padding:8px 16px 8px 56px}.iui-sidebar-content .iui-sidebar-items .sub-item.primary .sidebar-item-label{color:var(--primary-700);font-weight:500}.iui-sidebar-content .iui-sidebar-items .sidebar-expand-icon{color:var(--text);height:16px;transition:transform .2s;width:16px}.iui-sidebar-content .iui-sidebar-items .sidebar-expand-icon.rotate{transform:rotate(180deg)}.iui-sidebar-content::-webkit-scrollbar{width:5px}.sidebar-footer{align-items:center;display:flex;flex-direction:column;gap:4px;padding:16px 0}.sidebar-footer .sidebar-logo{max-height:70px;max-width:160px;object-fit:contain;width:70%}@media screen and (max-width:1023px){.iui-collapse-btn{display:none!important}.iui-sidebar:not(:hover){width:var(--sidebar-collapsed-width)}.iui-sidebar:not(:hover) .iui-sidebar-content{overflow:hidden}.iui-sidebar:not(:hover) .iui-sidebar-items .iui-collapse{max-height:0!important}.iui-sidebar:not(:hover) .item-only{padding-left:15px}.iui-sidebar:not(:hover) .item-only .sidebar-item-label{padding-left:8px}.iui-sidebar:not(:hover) .sidebar-footer p{font-size:10px}}@media screen and (min-width:1024px){.sidebar-footer:not(.collapsed){padding:16px}}hr{border-color:var(--border-color);border-width:0 0 thin;margin:8px 0}.iui-collapse{overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,.2,1)}.form-disabled{opacity:.6;pointer-events:none}.Toastify__toast{border-radius:15px!important;opacity:.95}.Toastify__toast hr{border-color:var(--white)}table{border-spacing:0}.iui-table thead{background-color:var(--neutral-100);z-index:2}.iui-table thead tr:first-child th{border-top:var(--borderlight)}.iui-table th{font-weight:700;height:40px;padding:4px 12px}.iui-table th p{font-size:12px}.iui-table .table-container{overflow:auto}.iui-table .table-container::-webkit-scrollbar{width:8px}.iui-table .sticky-header{position:sticky;top:0;z-index:1}.iui-table tbody tr.clickable:hover,.iui-table tbody tr.clickable:hover .sticky-column,.iui-table tbody tr.selected,.iui-table tbody tr.selected .sticky-column{background-color:#f2f2f2}.iui-table tbody tr:has(.iui-icon-btn:hover),.iui-table tbody tr:has(a:hover){background-color:transparent!important}.iui-table tbody tr:has(.iui-icon-btn:hover) .sticky-column,.iui-table tbody tr:has(a:hover) .sticky-column{background-color:var(--background)!important}.iui-table tbody tr.focused,.iui-table tbody tr.focused .sticky-column{background-color:var(--primary-100)}.iui-table tbody tr.loading{opacity:.5;pointer-events:none}.iui-table td,.iui-table th{border-bottom:var(--border-light)}.iui-table td.secondary,.iui-table th.secondary{background-color:rgba(0,0,0,.04)}.iui-table td{font-size:14px;height:48px;padding:6px 12px}.iui-table td.s{height:40px;padding:2px 12px}.iui-table td.xs{height:30px;padding:2px 12px}.iui-table .clickable-cell:hover{background-color:var(--primary-100)!important;cursor:pointer}.iui-table .table-item-actions{align-items:center;display:flex;justify-content:center;padding:0 8px}.iui-table .table-footer{align-items:center;display:flex;font-size:var(--fs-m);padding:8px;width:100%}.iui-table .table-footer .pagination{align-items:center;color:var(--text);display:flex;gap:12px}.iui-table .table-footer .pagination .offset-input,.iui-table .table-footer .pagination p{font-size:12px!important}.iui-table .table-footer .pagination p{white-space:nowrap}.iui-table .table-footer .pagination .offset-input .iui-input-wrapper-field{height:24px;min-height:24px;width:40px}.iui-table .table-footer .pagination .offset-input input{font-size:12px!important;padding:0 5px;text-align:center}@media screen and (max-width:500px){.iui-table .table-footer .pagination{align-items:end;flex-direction:column}}.iui-table .iui-table-header-actions{display:flex;gap:8px}.iui-table .iui-table-header-actions:has(>*){padding:8px 10px}@media screen and (orientation:landscape){.iui-table thead{box-shadow:0 2px 5px -2px rgba(0,0,0,.2)}.iui-table td,.iui-table th{border-right:var(--border-light)}.iui-table td:first-child:not(.not-first-cell),.iui-table th:first-child:not(.not-first-cell){border-left:var(--border-light)}.iui-table td.sticky-column,.iui-table th.sticky-column{left:0;position:sticky;transition:background-color .25s}.iui-table th.sticky-column{background-color:var(--neutral-100);top:0}.iui-table td.sticky-column{background-color:var(--background)}.iui-table .actions-col,.iui-table .select-col{padding:0}.iui-table .select-col{width:50px}.iui-table .actions-col{width:70px}}@media screen and (orientation:portrait){.iui-table tbody,.iui-table tr{display:block}.iui-table tr{padding-bottom:20px}.iui-table td{align-items:center;display:flex;height:unset!important;text-align:left;width:unset!important}.iui-table thead{display:none}.iui-table tbody tr td:before{content:attr(data-th);font-weight:700;padding-right:10px;text-align:left}}.iui-filters-list{display:flex;flex-direction:column;gap:16px}.iui-filters-list .table-filter-item{display:flex;flex-direction:column;gap:6px;width:100%}.iui-filters-list .table-filter-item .filter-item-label{cursor:default;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-sort-item{flex-direction:row-reverse}.column-pullover .pullover-content{display:flex;flex-direction:column;overflow:hidden}.column-pullover .dual-list-container{display:flex;flex:1;flex-direction:column;min-height:0}.column-pullover .dual-list-container .dual-list-content{display:grid;flex:1;gap:16px 12px;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto 1fr;min-height:0}.column-pullover .dual-list-container .list-box{border:var(--border-light);border-radius:8px;overflow-y:auto;padding:8px;user-select:none}.column-pullover .dual-list-container .list-box>.item{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px}.column-pullover .dual-list-container .list-box>.item svg{color:var(--text);margin-left:1rem}.column-pullover .dual-list-container .list-box>.item:hover{background-color:var(--primary-o10)}.column-pullover .dual-list-container .list-box>.item:active{background-color:var(--primary-o25)}.column-pullover .dual-list-container .list-box>.item.dragging{background-color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.15)}.column-pullover .dual-list-container .exchange-icon{align-items:center;display:flex}.column-pullover .dual-list-container .exchange-icon svg{height:20px;width:20px}.edit-row{background:var(--neutral-100)}.edit-row td.editable{padding:4px}.edit-row td .iui-input-wrapper-field{box-shadow:none!important}.edit-row td .select-wrapper{min-width:120px}.primary-row{background-color:var(--primary-100)}.iui-tabs{border-bottom:var(--border);display:flex;flex-shrink:0;overflow:auto}.iui-tabs::-webkit-scrollbar{height:5px}.iui-tab{align-items:center;border-bottom:2px solid #fff;color:var(--neutral-400);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 12px 8px;user-select:none}.iui-tab svg{font-size:15px}.iui-tab:hover:not(.disabled){color:var(--text)}.iui-tab.selected:not(.disabled){border-color:var(--primary);color:var(--primary)}.iui-tab-content{padding:8px}.tooltip-container{background:var(--neutral-700);border-radius:8px;color:var(--text-inverse);font-size:12px;font-weight:700;padding:8px 16px;position:fixed;text-align:center;transition:opacity .3s;z-index:1001}.tooltip-container:not(.visible){opacity:0;visibility:hidden}.tooltip{height:100%;position:relative;white-space:pre-line}.tooltip .arrow{border:8px solid var(--neutral-700);position:absolute;z-index:1001}.tooltip .arrow.top{border-color:var(--neutral-700) transparent transparent transparent;left:calc(50% - 8px);top:calc(100% + 8px)}.tooltip .arrow.bottom{border-color:transparent transparent var(--neutral-700) transparent;bottom:calc(100% + 8px);left:calc(50% - 8px)}.tooltip .arrow.left{border-color:transparent transparent transparent var(--neutral-700);left:calc(100% + 16px);top:calc(50% - 8px)}.tooltip .arrow.right{border-color:transparent var(--neutral-700) transparent transparent;right:calc(100% + 16px);top:calc(50% - 8px)}.tree-item{min-height:28px;padding:4px 0}.tree-item .extendable-icon{width:28px}.tree-item .extendable-icon .rotate{transition:all .2s cubic-bezier(.4,0,.2,1)}.tree-item .extendable-icon .rotate.rotate90{transform:rotate(90deg)}.tree-item .tree-item-name{padding:4px}.tree-item .tree-item-name.active,.tree-item .tree-item-name:hover{background-color:var(--primary-o25);border-radius:4px}.widget-container{display:grid;gap:60px;grid-auto-flow:dense;grid-template-columns:1fr 1fr 1fr 1fr}.widget-container .grid-span2{grid-column:span 2}.widget-container .grid-span3{grid-column:span 3}.widget-container .grid-span4{grid-column:span 4}@media (min-width:1500px) and (max-width:1800px){.widget-container{grid-template-columns:1fr 1fr 1fr}.widget-container .grid-span4{grid-column:span 3}}@media (min-width:1150px) and (max-width:1499px){.widget-container{grid-template-columns:1fr 1fr}.widget-container .grid-span3,.widget-container .grid-span4{grid-column:span 2}}@media (max-width:1149px){.widget-container{display:flex;flex-direction:column;gap:30px}}.dashboard-widget{background:var(--background);border-radius:var(--container-radius);box-shadow:var(--container-shadow);color:#000;padding:30px;width:inherit}.dashboard-widget h1{margin:15px 0}.dashboard-widget .widget-icon{align-items:center;background-color:var(--primary-o10);border-radius:10px;color:var(--primary);display:flex;height:48px;justify-content:center;width:48px}.dashboard-widget .widget-icon svg{height:22px;width:22px}.dashboard-widget.warning{border:10px solid var(--warning);padding:20px}.dashboard-widget.warning .widget-icon{color:var(--danger)}.dashboard-widget.info{border:10px solid var(--primary);padding:20px}.short-links-widget{font-size:var(--fs-m)}.short-links-widget ul{display:grid;list-style-type:none;margin:0;padding:0}.short-links-widget ul li{margin:0;padding:15px 5px}.short-links-widget ul li:hover{background-color:rgba(0,0,0,.05)}.short-links-widget ul li:not(:last-child){border-bottom:1px solid silver}#content{align-self:center;display:flex;flex-direction:column;gap:24px;grid-area:content}#img{align-self:flex-end;grid-area:img;width:100%}#actions{align-self:flex-start;grid-area:actions;padding-top:24px}.full-screen-page{align-content:center;align-items:center;display:grid;gap:32px;grid-template-areas:"content img" "actions .";grid-template-columns:1fr 1fr;height:100dvh;padding:64px 128px;width:100dvw}.img-403{color:var(--danger);font-size:200px;font-weight:700;text-align:center}@media screen and (max-width:500px){.full-screen-page{grid-template-areas:"img" "content" "actions";grid-template-columns:1fr;grid-template-rows:1fr 1fr auto;padding:16px}#content{align-self:flex-start;gap:16px}#actions{align-self:flex-end}.iui-btn{width:100%}.img-403{font-size:150px}}
package/package.json CHANGED
@@ -1,8 +1,11 @@
1
1
  {
2
2
  "name": "@inceptionbg/iui",
3
- "version": "2.0.34",
3
+ "version": "2.0.36",
4
4
  "description": "UI components, elements & utils for Inception ecosystem",
5
5
  "type": "module",
6
+ "files": [
7
+ "dist"
8
+ ],
6
9
  "main": "dist/index.js",
7
10
  "types": "dist/index.d.ts",
8
11
  "scripts": {
@@ -17,40 +20,40 @@
17
20
  "license": "ISC",
18
21
  "dependencies": {
19
22
  "@hello-pangea/dnd": "^18.0.1",
20
- "@oddbird/css-anchor-positioning": "^0.6.1",
23
+ "@oddbird/css-anchor-positioning": "^0.8.0",
21
24
  "clsx": "^2.1.1",
22
- "dayjs": "^1.11.13",
25
+ "dayjs": "^1.11.19",
23
26
  "react-calendar": "^6.0.0",
24
- "react-select": "^5.10.1",
25
- "react-select-async-paginate": "^0.7.10",
27
+ "react-select": "^5.10.2",
28
+ "react-select-async-paginate": "^0.7.11",
26
29
  "react-toastify": "^11.0.5"
27
30
  },
28
31
  "devDependencies": {
29
- "@rollup/plugin-commonjs": "^28.0.6",
32
+ "@rollup/plugin-commonjs": "^29.0.0",
30
33
  "@rollup/plugin-image": "^3.0.3",
31
- "@rollup/plugin-node-resolve": "^16.0.1",
34
+ "@rollup/plugin-node-resolve": "^16.0.3",
32
35
  "@rollup/plugin-terser": "^0.4.4",
33
- "@rollup/plugin-typescript": "^12.1.4",
34
- "@types/node": "^25.0.9",
35
- "@types/react": "^19.1.8",
36
- "@types/react-dom": "^19.1.6",
37
- "rollup": "^4.44.2",
38
- "rollup-plugin-delete": "^3.0.1",
39
- "rollup-plugin-dts": "^6.2.1",
36
+ "@rollup/plugin-typescript": "^12.3.0",
37
+ "@types/node": "^25.2.2",
38
+ "@types/react": "^19.2.13",
39
+ "@types/react-dom": "^19.2.3",
40
+ "rollup": "^4.57.1",
41
+ "rollup-plugin-delete": "^3.0.2",
42
+ "rollup-plugin-dts": "^6.3.0",
40
43
  "rollup-plugin-peer-deps-external": "^2.2.4",
41
44
  "rollup-plugin-postcss": "^4.0.2",
42
45
  "tslib": "^2.8.1"
43
46
  },
44
47
  "peerDependencies": {
45
48
  "@fontsource-variable/ibm-plex-sans": "^5.2.8",
46
- "@fortawesome/fontawesome-svg-core": "^7.0.1",
47
- "@fortawesome/react-fontawesome": "^3.0.2",
49
+ "@fortawesome/fontawesome-svg-core": "^7.1.0",
50
+ "@fortawesome/react-fontawesome": "^3.2.0",
48
51
  "@inceptionbg/icons": "^1.0.2",
49
- "i18next": "^25.3.2",
50
- "react": "^19.1.0",
51
- "react-dom": "^19.1.0",
52
- "react-i18next": "^15.6.0",
53
- "react-router": "^7.12.0",
54
- "sass": "^1.89.0"
52
+ "i18next": "^25.8.4",
53
+ "react": "^19.2.4",
54
+ "react-dom": "^19.2.4",
55
+ "react-i18next": "^16.5.4",
56
+ "react-router": "^7.13.0",
57
+ "sass": "^1.97.3"
55
58
  }
56
59
  }
package/idea/GridTable/GridTable.tsx DELETED
@@ -1,119 +0,0 @@
1
- import './gridTable.scss';
2
-
3
- import type { FC } from 'react';
4
- import clsx from 'clsx';
5
- import {
6
- TableProvider,
7
- useTableContext,
8
- } from '../../src/components/Table/contexts/TableContext';
9
- import { useLocalTableSelect } from '../../src/components/Table/hooks/localHooks/useLocalTableSelect';
10
- import { useLocalTableColumns } from '../../src/components/Table/hooks/localHooks/useLocalTableColumns';
11
- import type { ITable } from '../../src/types/ITable';
12
- import { TableFooter } from '../../src/components/Table/components/footer/TableFooter';
13
- import { useLocalTablePagination } from '../../src/components/Table/hooks/localHooks/useLocalTablePagination';
14
-
15
- export const Table: FC = () => {
16
- const { columns, data, footer, maxHeight } = useTableContext();
17
-
18
- const colCount = columns?.length;
19
-
20
- const localPagination = useLocalTablePagination({
21
- defaultLimit: footer?.customPagination?.defaultLimit,
22
- });
23
- const pagination = footer?.pagination ?? localPagination;
24
- const totalRows = footer?.totalRows ?? data.length;
25
- const noTotalRows = footer?.totalRows === undefined;
26
-
27
- return (
28
- !!colCount && (
29
- <div className="iui-table">
30
- <div className="table-wrapper" style={{ maxHeight }}>
31
- <div
32
- className="table-grid"
33
- style={{
34
- gridTemplateColumns: `repeat(${colCount}, auto)`,
35
- }}
36
- >
37
- <div className="header-row">
38
- {columns?.map((col, colIndex) => (
39
- <div
40
- key={col.id}
41
- className={clsx(
42
- `header cell justify-${col.align || 'left'}`,
43
- col.color,
44
- {
45
- 'last-col': colCount === colIndex + 1,
46
- }
47
- )}
48
- >
49
- {col.label}
50
- </div>
51
- ))}
52
- </div>
53
- <div className="body">
54
- {data?.map((row, rowIndex) =>
55
- columns?.map((col, colIndex) => (
56
- <div
57
- key={row.uuid + col.id}
58
- className={clsx(`cell justify-${col.align || 'left'}`, col.color, {
59
- 'last-row': data.length === rowIndex + 1,
60
- 'last-col': colCount === colIndex + 1,
61
- })}
62
- >
63
- {row.cells[col.id as keyof typeof row.cells]?.value}
64
- </div>
65
- ))
66
- )}
67
- </div>
68
- </div>
69
- </div>
70
- {footer && (!!data.length || (noTotalRows && pagination.offset > 0)) && (
71
- <TableFooter
72
- pagination={pagination}
73
- totalRows={totalRows}
74
- noTotalRows={noTotalRows}
75
- customLimit={footer.customPagination?.customLimit}
76
- footerAction={footer.footerAction}
77
- dataLength={data.length}
78
- />
79
- )}
80
- </div>
81
- )
82
- );
83
- };
84
-
85
- export const GridTable: FC<ITable> = ({
86
- columns: initialColumns,
87
- // setColumns,
88
- // withColumnsSearch,
89
- // customHeader,
90
- data,
91
- // sumRows,
92
- // isLoading,
93
-
94
- // headerWrap,
95
- // selectedRowUuid,
96
- rowSelect,
97
- // filterData,
98
- // sortData,
99
- // printData,
100
- // customPrintData,
101
- // templates,
102
- // additionsalOptions,
103
- // footer,
104
- // className,
105
- // rowHeight = 'm',
106
- // maxHeight,
107
- // editable,
108
- // keyboard,
109
- ...props
110
- }) => {
111
- const { selectColumn } = useLocalTableSelect({ data, rowSelect });
112
- const { columns, setColumns } = useLocalTableColumns({ initialColumns, selectColumn });
113
-
114
- return (
115
- <TableProvider columns={columns} setColumns={setColumns} data={data} {...props}>
116
- <Table />
117
- </TableProvider>
118
- );
119
- };
package/idea/GridTable/gridTable.scss DELETED
@@ -1,42 +0,0 @@
1
- .table-wrapper {
2
- width: 100%;
3
- overflow: auto;
4
- border: 1px solid #ccc;
5
- border-radius: 8px;
6
- position: relative;
7
- }
8
-
9
- .table-grid {
10
- display: grid;
11
- grid-template-rows: auto 1fr;
12
- }
13
-
14
- .header-row,
15
- .body {
16
- display: contents;
17
- }
18
-
19
- .cell {
20
- display: flex;
21
- align-items: center;
22
- padding: 10px;
23
- white-space: nowrap;
24
- overflow: hidden;
25
- text-overflow: ellipsis;
26
- min-width: 100px;
27
- &.secondary {
28
- background-color: var(--neutral-100);
29
- }
30
- &.header {
31
- background-color: var(--primary-100);
32
- border-bottom: var(--border);
33
- position: sticky;
34
- top: 0;
35
- }
36
- &:not(.last-col) {
37
- border-right: var(--border);
38
- }
39
- &:not(.last-row) {
40
- border-bottom: var(--border);
41
- }
42
- }
package/idea/Menu/Menu.tsx DELETED
@@ -1,121 +0,0 @@
1
- import '@oddbird/popover-polyfill';
2
- import clsx from 'clsx';
3
- import type {
4
- ReactNode,
5
- RefObject} from 'react';
6
- import {
7
- forwardRef,
8
- useEffect,
9
- useImperativeHandle,
10
- useRef,
11
- useState,
12
- } from 'react';
13
- import type { IMenuItem} from './MenuItem';
14
- import { MenuItem } from './MenuItem';
15
-
16
- export type MenuPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
17
-
18
- interface Props {
19
- id: string;
20
- renderButton: (ref: RefObject<any>) => ReactNode;
21
- items?: IMenuItem[];
22
- placement?: MenuPlacement;
23
- size?: 's' | 'm' | 'l';
24
- className?: string;
25
- classNameItem?: string;
26
- children?: ReactNode;
27
- }
28
-
29
- export interface MenuHandle {
30
- isOpen: boolean;
31
- handleOpen: () => void;
32
- handleClose: () => void;
33
- }
34
-
35
- export const Menu = forwardRef<MenuHandle, Props>(
36
- (
37
- {
38
- id,
39
- renderButton,
40
- items,
41
- placement = 'bottom-left',
42
- size,
43
- className,
44
- classNameItem,
45
- children,
46
- },
47
- ref
48
- ) => {
49
- const buttonRef = useRef<Element>(null);
50
- const popoverRef = useRef<HTMLDivElement>(null);
51
- const [isOpen, setIsOpen] = useState(false);
52
-
53
- // Anchor button setup
54
- useEffect(() => {
55
- if (buttonRef.current) {
56
- buttonRef.current.setAttribute('popovertarget', id);
57
- buttonRef.current.setAttribute('anchor-name', `--${id}`);
58
- }
59
- }, [id]);
60
-
61
- // Sync open/close state based on native popover behavior
62
- useEffect(() => {
63
- const popover = popoverRef.current;
64
- if (!popover) return;
65
-
66
- const handleToggle = () => {
67
- setIsOpen(popover.matches(':open'));
68
- };
69
-
70
- popover.addEventListener('toggle', handleToggle);
71
- return () => {
72
- popover.removeEventListener('toggle', handleToggle);
73
- };
74
- }, []);
75
-
76
- // Expose public API via ref
77
- useImperativeHandle(
78
- ref,
79
- () => ({
80
- isOpen,
81
- handleOpen: () => popoverRef.current?.showPopover?.(),
82
- handleClose: () => popoverRef.current?.hidePopover?.(),
83
- }),
84
- [isOpen]
85
- );
86
-
87
- return (
88
- <>
89
- {renderButton(buttonRef)}
90
- <div
91
- ref={popoverRef}
92
- role="menu"
93
- popover="auto"
94
- className={clsx('iui-menu', size, placement, className)}
95
- id={id}
96
- >
97
- {!!items?.length && (
98
- <div>
99
- {items.map(item => (
100
- <MenuItem
101
- key={item.label}
102
- {...item}
103
- className={classNameItem}
104
- onClick={e => {
105
- item.onClick?.(e);
106
- if (!item.keepOpen) {
107
- popoverRef.current?.hidePopover?.();
108
- }
109
- }}
110
- />
111
- ))}
112
- </div>
113
- )}
114
- {children}
115
- </div>
116
- </>
117
- );
118
- }
119
- );
120
-
121
- Menu.displayName = 'Menu';