@inceptionbg/iui 2.0.6 → 2.0.8

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 (23) hide show
  1. package/dist/NoAccessPage-DBq5IzIf.js +2 -0
  2. package/dist/{NoAccessPage-C6nBt-PN.js.map → NoAccessPage-DBq5IzIf.js.map} +1 -1
  3. package/dist/NotFoundPage-DM-I96ar.js +2 -0
  4. package/dist/{NotFoundPage-DatmJOrr.js.map → NotFoundPage-DM-I96ar.js.map} +1 -1
  5. package/dist/index.d.ts +9 -6
  6. package/dist/index.js +1 -1
  7. package/dist/index.js.map +1 -1
  8. package/dist/iui.css +1 -1
  9. package/package.json +4 -2
  10. package/src/components/Dialog/Dialog.tsx +1 -1
  11. package/src/components/Header/Components/ModuleSelect.tsx +1 -1
  12. package/src/components/Header/Components/UserMenu.tsx +44 -36
  13. package/src/components/Header/Header.tsx +3 -8
  14. package/src/components/Inputs/DateInput/DateInput.tsx +6 -4
  15. package/src/components/Wrappers/PageLayout.tsx +4 -6
  16. package/src/styles/common/_typography.scss +3 -0
  17. package/src/styles/common/helpers/_size.scss +1 -1
  18. package/src/styles/components/_dialog.scss +7 -5
  19. package/src/styles/components/_page.scss +3 -2
  20. package/src/types/IHeader.ts +10 -0
  21. package/src/utils/fileUtils.ts +4 -3
  22. package/dist/NoAccessPage-C6nBt-PN.js +0 -2
  23. package/dist/NotFoundPage-DatmJOrr.js +0 -2
package/dist/iui.css CHANGED
@@ -1 +1 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600;1,700;1,900&display=swap");: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-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);--sidebar-width:260px;--sidebar-collapsed-width:54px;--container-radius:25px;--container-radius-bottom:0 0 25px 25px;--container-shadow:0px 0px 5px hsla(0,2%,70%,.5);--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);--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:Poppins,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}.bold{font-weight:700!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 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{cursor:pointer;transition:background-color .25s}.clickable.disabled,.clickable:disabled{cursor:default;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)}.no-border{border:none!important}.c-primary{color:var(--primary)!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:100vw!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(--white);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-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-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:100%;display:flex;justify-content:center;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 #fff;color:var(--text-inverse)}.iui-badge.s{font-size:10px;height:18px;width:18px}.iui-badge.m{font-size:11px;height:21px;width:21px}.iui-pill-badge{border-radius:20px;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;gap:8px;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);border-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);border-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);border-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:not(.simple){border:1px solid var(--neutral-300)}.iui-btn.solid{color:var(--text-inverse)}.iui-btn:disabled{cursor:default;opacity:.5}.iui-btn:not(:disabled):active{transform:translateY(2px)}.iui-text-btn{font-weight:600;white-space:nowrap}.iui-text-btn.xs{font-size:10px;gap:6px;padding:4px 10px}.iui-text-btn.xs svg{height:12px;width:12px}.iui-text-btn.s{font-size:12px;padding:6px 12px}.iui-text-btn.s svg{height:14px;width:14px}.iui-text-btn.m{font-size:14px;padding:8px 14px}.iui-text-btn.m svg{height:16px;width:16px}.iui-text-btn.l{font-size:16px;padding:12px 18px}.iui-text-btn.l svg{height:20px;width:20px}.iui-icon-btn.s{height:32px;min-height:32px;min-width:32px;width:32px}.iui-icon-btn.s svg{height:16px;width:16px}.iui-icon-btn.m{height:40px;min-height:40px;min-width:40px;width:40px}.iui-icon-btn.m svg{height:20px;width:20px}.iui-icon-btn.l{height:44px;min-height:44px;min-width:44px;width:44px}.iui-icon-btn.l svg{height:24px;width:24px}.iui-card{background:var(--white);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-color: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(--white);border-radius:16px;max-width:98vw;min-width:400px;overflow:hidden}.iui-dialog-container .iui-dialog-header{display:flex;gap:16px}.iui-dialog-container .iui-dialog-header h1{font-size:18px;font-weight:600}.iui-dialog-container .iui-dialog-header .iui-dialog-desc{color:var(--text);margin-top:8px;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 .close-icon{margin:-14px}.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-content{max-height:80vh;padding:24px}.iui-dialog-content:not(.no-overflow){overflow:auto;overscroll-behavior:none}.iui-dialog-actions{border-top:var(--border);display:flex;gap:8px;justify-content:right;padding: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(--background);border-bottom:var(--border);box-sizing:border-box;height:var(--header-height);justify-content:space-between;padding:0 24px 0 8px;width:100dvw}.iui-header .header-button{border-radius:50px;height:40px;padding:8px;width:40px}.iui-header .header-button:hover{background-color:var(--neutral-hover)}.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)}.module-item{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:8px}.module-item .menu-item-label{font-weight:600}.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;cursor:pointer;display:flex;gap:8px;height:var(--header-height);position:relative;user-select:none}.user-box .user-icon{color:var(--primary);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-500);font-size:12px}.user-box .user-info p{line-height:1.5;overflow:hidden;text-overflow:ellipsis}.user-box .user-badge{background:var(--danger);border-radius:50px;max-height:10px;max-width:10px;min-height:10px;min-width:10px}@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(--white);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,.iui-input-container textarea{border:none;font-size:16px;padding:8px 12px;width:100%}.iui-input-container input:-webkit-autofill,.iui-input-container textarea:-webkit-autofill{animation-duration:.5s;animation-name:auto-fill}.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}.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,.radio-group.row{align-items:center}.date-input{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{background:var(--primary-100)!important;color:var(--primary)}.react-calendar__tile--now:enabled:hover{background:var(--primary-200)!important}.react-calendar__tile--active,.react-calendar__tile--hasActive{background:var(--primary)!important;color:var(--text-inverse)}.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(--white);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 .field{height:auto;min-height:40px}.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{align-items:center;background-color:hsla(0,0%,100%,.6);display:flex;inset:0;justify-content:center;position:absolute;z-index:1000}.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{height:60px;width:100%}.full-page-loader{height:100%}.iui-menu{animation:fade-in .2s forwards;background:var(--white);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:4px;padding:8px 16px;user-select:none}.iui-menu-item.clickable:hover:not(:disabled):not(.disabled){background-color:var(--neutral-hover)}.iui-menu-item.with-devider:not(:last-child){border-bottom:var(--border)}.iui-menu-item .menu-item-icon{align-items:center;color:var(--text);display:flex;min-width:24px}.iui-menu-item .menu-item-icon svg{height:16px}.iui-menu-item .menu-item-badge{background-color:var(--danger);right:-3px;top:-3px}.iui-header{grid-area:header}.iui-sidebar{align-items:stretch;grid-area:sidebar;grid-row:auto}.app-content{grid-area:content}.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{max-height:calc(100vh - var(--header-height));min-height:calc(100vh - var(--header-height))}.page-container,.page-content{display:flex;flex-direction:column}.page-content{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 1rem}.page-header{align-items:center;border-bottom:var(--border);display:flex;justify-content:space-between;max-height:55px;min-height:55px;padding:0 1.5rem}@media screen and (max-width:1023px){.page-header .breadcrumbs{font-size:16px}}.footer{font-size:12px;padding:36px 0 8px;text-align:center}.portal-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.iui-print-dialog{animation:fade-in .2s forwards;bottom:0;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:2000}.iui-print-dialog>.content{background:#fefefe;padding:10px 50px 60px}.iui-print-dialog>.content p,.iui-print-dialog>.content td{font-size:10pt}.iui-print-dialog>.content h4{font-size:12pt}.iui-print-dialog>.content .name{font-size:11pt;font-weight:700;margin-bottom:5px}@media print{.iui-print-dialog .content{padding:0}}.iui-print-actions{align-items:center;background-color:#fefefe;bottom:0;box-shadow:var(--container-shadow);display:flex;height:50px;justify-content:center;left:0;position:fixed;right:0}@media print and (orientation:landscape){.print-table{width:842pt}}@media print and (orientation:portrait){.print-table{width:595pt}}.print-table thead tr{background:#f1f1f1}.print-table th{border:1px solid silver;padding:5px}.print-table th p{padding:4px 8px!important}.print-table td{border:1px solid silver;padding:3px}@media print{@page{margin:6.5mm}#root,.no-print{display:none}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}tbody td{white-space:pre-wrap!important}}.pullover{animation:fade-in .2s forwards;backdrop-filter:blur(3px);background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:end;overflow:hidden;position:fixed;z-index:100}.pullover .container{background:var(--white);box-sizing:border-box;height:100%;max-width:100vw;overflow:hidden;transition:width,.2s;width:0}.pullover .container .content{padding:24px}.pullover.open .container.s{width:25vw}.pullover.open .container.m{width:50vw}.pullover.open .container.l{width:75vw}.pullover.open .container.xl{width:100vw}.pullover.closing{animation:fade-out .2s forwards}.pullover.closing .container{width:0!important}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);border-right:var(--border);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;height:32px;justify-content:center;opacity:0;position:absolute;right:-16px;top:40px;transition:opacity .15s ease-in-out;width:32px;z-index:2}.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:6px}.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-collapse:collapse;border-spacing:0}.iui-table thead{background-color:#f9fafb;z-index:2}.iui-table th{border-left:var(--border);border-right:var(--border);font-weight:400;padding:0}.iui-table th p{font-size:12px}.iui-table .table-container{overflow:auto}.iui-table .sticky-header{position:-webkit-sticky;position:sticky;top:0}.iui-table .border-row{background-color:#dfe1eb;box-sizing:border-box;height:1px;width:100%}.iui-table tr.clickable:hover,.iui-table tr.selected{background-color:rgba(0,0,0,.05)}.iui-table tr.focused{background-color:var(--primary-o10)}.iui-table tr.loading{opacity:.5;pointer-events:none}.iui-table td.secondary,.iui-table th.secondary{background-color:rgba(0,0,0,.04)}.iui-table td{border:var(--border);box-sizing:border-box;font-size:14px;height:52px;padding:7px 16px}.iui-table td.s{height:40px;padding:2px 16px}.iui-table td.xs{height:30px;padding:2px 16px}.iui-table .clickable-column:hover{background-color:var(--primary-o10)!important}.iui-table .table-footer{align-items:center;box-sizing:border-box;display:flex;font-size:var(--fs-m);height:52px;padding:8px;width:100%}.iui-table .pagination{align-items:center;color:rgba(0,0,0,.8);display:flex;gap:16px}.iui-table .pagination .offset-input,.iui-table .pagination p{font-size:12px!important}.iui-table .pagination p{white-space:nowrap}.iui-table .pagination .separator{background-color:rgba(0,0,0,.6);height:16px;width:1px}.iui-table .pagination select{appearance:none;background:none;border:none;color:rgba(0,0,0,.8);cursor:pointer;margin-left:8px;margin-right:16px;padding:0 8px;text-align:right;user-select:none}.iui-table .pagination .offset-input{width:40px}.iui-table .pagination .offset-input input{font-size:12px!important;height:24px;padding:0 5px;text-align:center}@media screen and (max-width:500px){.iui-table .pagination{align-items:end;flex-direction:column}}@media screen and (orientation:portrait){.iui-table tbody,.iui-table tr{display:block}.iui-table tr{padding:20px 0}.iui-table td{align-items:center;display:flex;height:unset!important;text-align:left}.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-table-filter .iui-dialog-content{margin:8px 0;padding:0}.iui-table-filter .filters-search{align-items:center;display:flex;gap:8px;justify-content:space-between}.iui-table-filter .filters-search .search-input{max-width:250px}.iui-table-filter .table-filter-item{align-items:center;display:flex;justify-content:space-between;padding:8px 16px}.iui-table-filter .table-filter-item .field{flex:1}.dual-list-container .dual-list-content{display:grid;gap:12px;grid-template-columns:1fr auto 1fr}.dual-list-container .list-box{border:var(--border);border-radius:16px;padding:10px;user-select:none}.dual-list-container .list-box>.item{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:8px}.dual-list-container .list-box>.item svg{color:rgba(0,0,0,.6);margin-left:1rem}.dual-list-container .list-box>.item:hover{background-color:var(--primary-o10)}.dual-list-container .list-box>.item:active{background-color:var(--primary-o25)}.dual-list-container .exchange-icon{align-items:center;display:flex}.dual-list-container .exchange-icon svg{height:20px;width:20px}.edit-row{background:var(--neutral-100)}.edit-row td{padding:4px!important}.edit-row .iui-input-wrapper-field{border:none;border-radius:0;box-shadow:none!important}.primary-row{background-color:rgba(var(--primary-rgb),.15)}.secondary-row{background-color:#f1f1f1}.table-options{align-items:center;display:flex;justify-content:space-between;padding:8px}.iui-tabs{border-bottom:var(--border);display:flex;overflow:auto;padding-bottom:4px}.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(--white);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("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;1,500;1,600;1,700;1,900&display=swap");: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-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);--sidebar-width:260px;--sidebar-collapsed-width:54px;--container-radius:25px;--container-radius-bottom:0 0 25px 25px;--container-shadow:0px 0px 5px hsla(0,2%,70%,.5);--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);--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:Poppins,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:700!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 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{cursor:pointer;transition:background-color .25s}.clickable.disabled,.clickable:disabled{cursor:default;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)}.no-border{border:none!important}.c-primary{color:var(--primary)!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(--white);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-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-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:100%;display:flex;justify-content:center;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 #fff;color:var(--text-inverse)}.iui-badge.s{font-size:10px;height:18px;width:18px}.iui-badge.m{font-size:11px;height:21px;width:21px}.iui-pill-badge{border-radius:20px;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;gap:8px;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);border-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);border-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);border-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:not(.simple){border:1px solid var(--neutral-300)}.iui-btn.solid{color:var(--text-inverse)}.iui-btn:disabled{cursor:default;opacity:.5}.iui-btn:not(:disabled):active{transform:translateY(2px)}.iui-text-btn{font-weight:600;white-space:nowrap}.iui-text-btn.xs{font-size:10px;gap:6px;padding:4px 10px}.iui-text-btn.xs svg{height:12px;width:12px}.iui-text-btn.s{font-size:12px;padding:6px 12px}.iui-text-btn.s svg{height:14px;width:14px}.iui-text-btn.m{font-size:14px;padding:8px 14px}.iui-text-btn.m svg{height:16px;width:16px}.iui-text-btn.l{font-size:16px;padding:12px 18px}.iui-text-btn.l svg{height:20px;width:20px}.iui-icon-btn.s{height:32px;min-height:32px;min-width:32px;width:32px}.iui-icon-btn.s svg{height:16px;width:16px}.iui-icon-btn.m{height:40px;min-height:40px;min-width:40px;width:40px}.iui-icon-btn.m svg{height:20px;width:20px}.iui-icon-btn.l{height:44px;min-height:44px;min-width:44px;width:44px}.iui-icon-btn.l svg{height:24px;width:24px}.iui-card{background:var(--white);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-color: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(--white);border-radius:16px;max-width:98vw;min-width:400px;overflow:hidden}.iui-dialog-container .iui-dialog-header{display:flex;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.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-content{display:flex;flex-direction:column;gap:8px;max-height:80vh;padding:24px}.iui-dialog-content:not(.no-overflow){overflow:auto;overscroll-behavior:none}.iui-dialog-actions{border-top:var(--border);display:flex;gap:8px;justify-content:right;padding: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(--background);border-bottom:var(--border);box-sizing:border-box;height:var(--header-height);justify-content:space-between;padding:0 24px 0 8px;width:100dvw}.iui-header .header-button{border-radius:50px;height:40px;padding:8px;width:40px}.iui-header .header-button:hover{background-color:var(--neutral-hover)}.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)}.module-item{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:8px}.module-item .menu-item-label{font-weight:600}.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;cursor:pointer;display:flex;gap:8px;height:var(--header-height);position:relative;user-select:none}.user-box .user-icon{color:var(--primary);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-500);font-size:12px}.user-box .user-info p{line-height:1.5;overflow:hidden;text-overflow:ellipsis}.user-box .user-badge{background:var(--danger);border-radius:50px;max-height:10px;max-width:10px;min-height:10px;min-width:10px}@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(--white);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,.iui-input-container textarea{border:none;font-size:16px;padding:8px 12px;width:100%}.iui-input-container input:-webkit-autofill,.iui-input-container textarea:-webkit-autofill{animation-duration:.5s;animation-name:auto-fill}.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}.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,.radio-group.row{align-items:center}.date-input{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{background:var(--primary-100)!important;color:var(--primary)}.react-calendar__tile--now:enabled:hover{background:var(--primary-200)!important}.react-calendar__tile--active,.react-calendar__tile--hasActive{background:var(--primary)!important;color:var(--text-inverse)}.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(--white);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 .field{height:auto;min-height:40px}.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{align-items:center;background-color:hsla(0,0%,100%,.6);display:flex;inset:0;justify-content:center;position:absolute;z-index:1000}.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{height:60px;width:100%}.full-page-loader{height:100%}.iui-menu{animation:fade-in .2s forwards;background:var(--white);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:4px;padding:8px 16px;user-select:none}.iui-menu-item.clickable:hover:not(:disabled):not(.disabled){background-color:var(--neutral-hover)}.iui-menu-item.with-devider:not(:last-child){border-bottom:var(--border)}.iui-menu-item .menu-item-icon{align-items:center;color:var(--text);display:flex;min-width:24px}.iui-menu-item .menu-item-icon svg{height:16px}.iui-menu-item .menu-item-badge{background-color:var(--danger);right:-3px;top:-3px}.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{max-height:calc(100vh - var(--header-height));min-height:calc(100vh - var(--header-height))}.page-container,.page-content{display:flex;flex-direction:column}.page-content{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 1rem}.page-header{align-items:center;border-bottom:var(--border);display:flex;justify-content:space-between;max-height:55px;min-height:55px;padding:0 1.5rem}@media screen and (max-width:1023px){.page-header .breadcrumbs{font-size:16px}}.page-footer{font-size:12px;padding:16px;text-align:center}.portal-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.iui-print-dialog{animation:fade-in .2s forwards;bottom:0;left:0;min-height:100vh;position:absolute;top:0;width:100%;z-index:2000}.iui-print-dialog>.content{background:#fefefe;padding:10px 50px 60px}.iui-print-dialog>.content p,.iui-print-dialog>.content td{font-size:10pt}.iui-print-dialog>.content h4{font-size:12pt}.iui-print-dialog>.content .name{font-size:11pt;font-weight:700;margin-bottom:5px}@media print{.iui-print-dialog .content{padding:0}}.iui-print-actions{align-items:center;background-color:#fefefe;bottom:0;box-shadow:var(--container-shadow);display:flex;height:50px;justify-content:center;left:0;position:fixed;right:0}@media print and (orientation:landscape){.print-table{width:842pt}}@media print and (orientation:portrait){.print-table{width:595pt}}.print-table thead tr{background:#f1f1f1}.print-table th{border:1px solid silver;padding:5px}.print-table th p{padding:4px 8px!important}.print-table td{border:1px solid silver;padding:3px}@media print{@page{margin:6.5mm}#root,.no-print{display:none}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}tbody td{white-space:pre-wrap!important}}.pullover{animation:fade-in .2s forwards;backdrop-filter:blur(3px);background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:end;overflow:hidden;position:fixed;z-index:100}.pullover .container{background:var(--white);box-sizing:border-box;height:100%;max-width:100vw;overflow:hidden;transition:width,.2s;width:0}.pullover .container .content{padding:24px}.pullover.open .container.s{width:25vw}.pullover.open .container.m{width:50vw}.pullover.open .container.l{width:75vw}.pullover.open .container.xl{width:100vw}.pullover.closing{animation:fade-out .2s forwards}.pullover.closing .container{width:0!important}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);border-right:var(--border);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;height:32px;justify-content:center;opacity:0;position:absolute;right:-16px;top:40px;transition:opacity .15s ease-in-out;width:32px;z-index:2}.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:6px}.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-collapse:collapse;border-spacing:0}.iui-table thead{background-color:#f9fafb;z-index:2}.iui-table th{border-left:var(--border);border-right:var(--border);font-weight:400;padding:0}.iui-table th p{font-size:12px}.iui-table .table-container{overflow:auto}.iui-table .sticky-header{position:-webkit-sticky;position:sticky;top:0}.iui-table .border-row{background-color:#dfe1eb;box-sizing:border-box;height:1px;width:100%}.iui-table tr.clickable:hover,.iui-table tr.selected{background-color:rgba(0,0,0,.05)}.iui-table tr.focused{background-color:var(--primary-o10)}.iui-table tr.loading{opacity:.5;pointer-events:none}.iui-table td.secondary,.iui-table th.secondary{background-color:rgba(0,0,0,.04)}.iui-table td{border:var(--border);box-sizing:border-box;font-size:14px;height:52px;padding:7px 16px}.iui-table td.s{height:40px;padding:2px 16px}.iui-table td.xs{height:30px;padding:2px 16px}.iui-table .clickable-column:hover{background-color:var(--primary-o10)!important}.iui-table .table-footer{align-items:center;box-sizing:border-box;display:flex;font-size:var(--fs-m);height:52px;padding:8px;width:100%}.iui-table .pagination{align-items:center;color:rgba(0,0,0,.8);display:flex;gap:16px}.iui-table .pagination .offset-input,.iui-table .pagination p{font-size:12px!important}.iui-table .pagination p{white-space:nowrap}.iui-table .pagination .separator{background-color:rgba(0,0,0,.6);height:16px;width:1px}.iui-table .pagination select{appearance:none;background:none;border:none;color:rgba(0,0,0,.8);cursor:pointer;margin-left:8px;margin-right:16px;padding:0 8px;text-align:right;user-select:none}.iui-table .pagination .offset-input{width:40px}.iui-table .pagination .offset-input input{font-size:12px!important;height:24px;padding:0 5px;text-align:center}@media screen and (max-width:500px){.iui-table .pagination{align-items:end;flex-direction:column}}@media screen and (orientation:portrait){.iui-table tbody,.iui-table tr{display:block}.iui-table tr{padding:20px 0}.iui-table td{align-items:center;display:flex;height:unset!important;text-align:left}.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-table-filter .iui-dialog-content{margin:8px 0;padding:0}.iui-table-filter .filters-search{align-items:center;display:flex;gap:8px;justify-content:space-between}.iui-table-filter .filters-search .search-input{max-width:250px}.iui-table-filter .table-filter-item{align-items:center;display:flex;justify-content:space-between;padding:8px 16px}.iui-table-filter .table-filter-item .field{flex:1}.dual-list-container .dual-list-content{display:grid;gap:12px;grid-template-columns:1fr auto 1fr}.dual-list-container .list-box{border:var(--border);border-radius:16px;padding:10px;user-select:none}.dual-list-container .list-box>.item{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:8px}.dual-list-container .list-box>.item svg{color:rgba(0,0,0,.6);margin-left:1rem}.dual-list-container .list-box>.item:hover{background-color:var(--primary-o10)}.dual-list-container .list-box>.item:active{background-color:var(--primary-o25)}.dual-list-container .exchange-icon{align-items:center;display:flex}.dual-list-container .exchange-icon svg{height:20px;width:20px}.edit-row{background:var(--neutral-100)}.edit-row td{padding:4px!important}.edit-row .iui-input-wrapper-field{border:none;border-radius:0;box-shadow:none!important}.primary-row{background-color:rgba(var(--primary-rgb),.15)}.secondary-row{background-color:#f1f1f1}.table-options{align-items:center;display:flex;justify-content:space-between;padding:8px}.iui-tabs{border-bottom:var(--border);display:flex;overflow:auto;padding-bottom:4px}.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(--white);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,12 +1,14 @@
1
1
  {
2
2
  "name": "@inceptionbg/iui",
3
- "version": "2.0.6",
3
+ "version": "2.0.8",
4
4
  "description": "UI components, elements & utils for Inception ecosystem",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": "./dist/index.js",
8
8
  "./icons": "./dist/icons/index.js",
9
- "./styles": "./dist/iui.css"
9
+ "./styles": "./dist/iui.css",
10
+ "./src": "./src/index.ts",
11
+ "./src/styles": "./src/styles/App.scss"
10
12
  },
11
13
  "main": "dist/index.js",
12
14
  "types": "dist/index.d.ts",
package/src/components/Dialog/Dialog.tsx CHANGED
@@ -148,7 +148,7 @@ export const Dialog: FC<Props> = ({
148
148
  )}
149
149
  <div className="full-width">
150
150
  <div className="iui-dialog-title">
151
- {title ? <h1>{title}</h1> : titleEl}
151
+ {title ? <h4>{title}</h4> : titleEl}
152
152
  <IconButton
153
153
  icon={faXmark}
154
154
  onClick={handleClose}
package/src/components/Header/Components/ModuleSelect.tsx CHANGED
@@ -36,7 +36,7 @@ export const ModuleSelect: FC<Props> = ({ modules, activeModule }) => {
36
36
  </svg>
37
37
  </button>
38
38
  )}
39
- items={modules.map(e => ({ ...e, label: e.name }))}
39
+ items={modules.map(e => ({ ...e, label: e.name, to: e.url }))}
40
40
  className="grid fr-2 p-2"
41
41
  classNameItem="module-item hover-neutral"
42
42
  />
package/src/components/Header/Components/UserMenu.tsx CHANGED
@@ -5,40 +5,48 @@ import { Tooltip } from '../../Tooltip/Tooltip';
5
5
  import { Menu } from '../../Menu/Menu';
6
6
  import { IHeaderUserMenuProps } from '../../../types/IHeader';
7
7
 
8
- interface Props {
9
- useHeaderUserContext: () => IHeaderUserMenuProps;
10
- }
8
+ export const UserMenu: FC<IHeaderUserMenuProps> = ({
9
+ isOpen,
10
+ setIsOpen,
11
+ userName,
12
+ organizationName,
13
+ menuItems,
14
+ showBadge,
11
15
 
12
- export const UserMenu: FC<Props> = ({ useHeaderUserContext }) => {
13
- const { isOpen, setIsOpen, userName, organizationName, menuItems, showBadge } =
14
- useHeaderUserContext();
15
-
16
- return (
17
- <>
18
- <Menu
19
- isOpen={isOpen}
20
- onClose={() => setIsOpen(false)}
21
- placement="bottom-right"
22
- size="m"
23
- items={menuItems}
24
- renderButton={ref => (
25
- <button ref={ref} className="user-box" onClick={() => setIsOpen(true)}>
26
- {showBadge && <div className="user-badge" />}
27
- <FontAwesomeIcon icon={faCircleUser} className="user-icon" />
28
- <div className="user-info">
29
- {userName && <p className="user-name">{userName}</p>}
30
- {organizationName && (
31
- <Tooltip
32
- label={(organizationName?.length || 0) > 20 ? organizationName : ''}
33
- position="bottom"
34
- >
35
- <p className="org-name">{organizationName}</p>
36
- </Tooltip>
37
- )}
38
- </div>
39
- </button>
40
- )}
41
- />
42
- </>
43
- );
44
- };
16
+ HeaderUserMenuDialogs,
17
+ openedDialog,
18
+ setOpenedDialog,
19
+ refetchOrganizationInvites,
20
+ }) => (
21
+ <>
22
+ <Menu
23
+ isOpen={isOpen}
24
+ onClose={() => setIsOpen(false)}
25
+ placement="bottom-right"
26
+ size="m"
27
+ items={menuItems}
28
+ renderButton={ref => (
29
+ <button ref={ref} className="user-box" onClick={() => setIsOpen(true)}>
30
+ {showBadge && <div className="user-badge" />}
31
+ <FontAwesomeIcon icon={faCircleUser} className="user-icon" />
32
+ <div className="user-info">
33
+ {userName && <p className="user-name">{userName}</p>}
34
+ {organizationName && (
35
+ <Tooltip
36
+ label={(organizationName?.length || 0) > 20 ? organizationName : ''}
37
+ position="bottom"
38
+ >
39
+ <p className="org-name">{organizationName}</p>
40
+ </Tooltip>
41
+ )}
42
+ </div>
43
+ </button>
44
+ )}
45
+ />
46
+ <HeaderUserMenuDialogs
47
+ openedDialog={openedDialog}
48
+ setOpenedDialog={setOpenedDialog}
49
+ refetchOrganizationInvites={refetchOrganizationInvites}
50
+ />
51
+ </>
52
+ );
package/src/components/Header/Header.tsx CHANGED
@@ -9,17 +9,14 @@ interface Props {
9
9
  // actions: {
10
10
  // icon: IconDefinition;
11
11
  // };
12
- userMenuProps: {
13
- HeaderUserProvider: ({ children }: { children: ReactNode }) => React.JSX.Element;
14
- useHeaderUserContext: () => IHeaderUserMenuProps;
15
- };
12
+ userMenuProps: IHeaderUserMenuProps;
16
13
  children?: ReactNode;
17
14
  }
18
15
 
19
16
  export const Header: FC<Props> = ({
20
17
  customTitle,
21
18
  modulesProps,
22
- userMenuProps: { HeaderUserProvider, useHeaderUserContext },
19
+ userMenuProps,
23
20
  children,
24
21
  }) => (
25
22
  <div className="iui-header">
@@ -28,9 +25,7 @@ export const Header: FC<Props> = ({
28
25
  <div className="flex gap-2 align-center">
29
26
  {children}
30
27
  {/* {!hideNotifications && <Notifications />} */}
31
- <HeaderUserProvider>
32
- <UserMenu useHeaderUserContext={useHeaderUserContext} />
33
- </HeaderUserProvider>
28
+ <UserMenu {...userMenuProps} />
34
29
  </div>
35
30
  </div>
36
31
  );
package/src/components/Inputs/DateInput/DateInput.tsx CHANGED
@@ -7,8 +7,8 @@ import { DatePartInput } from './components/DatePartInput';
7
7
  import { faCalendarPlus } from '../../../assets/icons/light/faCalendarPlus';
8
8
  import dayjs from 'dayjs';
9
9
  import { IMenuPlacement } from '../../../types/IMenu';
10
- import i18next from 'i18next';
11
10
  import { formatDateYMD } from '../../../utils/DateUtils';
11
+ import { useTranslation } from 'react-i18next';
12
12
 
13
13
  export interface IDateInputProps {
14
14
  label?: string;
@@ -42,6 +42,7 @@ export const DateInput: FC<IDateInputProps> = ({
42
42
  const [day, setDay] = useState(date?.split('-')[2] ?? '');
43
43
  const [month, setMonth] = useState(date?.split('-')[1] ?? '');
44
44
  const [year, setYear] = useState(date?.split('-')[0] ?? '');
45
+ const { i18n } = useTranslation();
45
46
 
46
47
  const [isCalendarOpen, setIsCalendarOpen] = useState(false);
47
48
 
@@ -68,6 +69,7 @@ export const DateInput: FC<IDateInputProps> = ({
68
69
  }
69
70
  }, [date]);
70
71
 
72
+ console.log(i18n.language);
71
73
  return (
72
74
  <InputWrapper
73
75
  label={label}
@@ -116,11 +118,11 @@ export const DateInput: FC<IDateInputProps> = ({
116
118
  setIsCalendarOpen(false);
117
119
  }}
118
120
  locale={
119
- i18next.language === 'sr_RS_Latn'
121
+ i18n.language === 'sr_RS_Latn'
120
122
  ? 'sr-Latn-RS'
121
- : i18next.language === 'sr_RS_Cyrl'
123
+ : i18n.language === 'sr_RS_Cyrl'
122
124
  ? 'sr-RS'
123
- : i18next.language
125
+ : i18n.language
124
126
  }
125
127
  formatShortWeekday={(locale, date) =>
126
128
  new Intl.DateTimeFormat(locale, { weekday: 'short' }).format(date)
package/src/components/Wrappers/PageLayout.tsx CHANGED
@@ -140,12 +140,10 @@ export const PageLayout: FC<IPageLayoutProps> = ({
140
140
  </div>
141
141
  </div>
142
142
  )}
143
- <div className="page-content">
144
- <div className="flex-grow">{children}</div>
145
- <p className="footer">
146
- <Trans i18nKey="FooterText" />
147
- </p>
148
- </div>
143
+ <div className="page-content">{children}</div>
144
+ <footer className="page-footer">
145
+ <Trans i18nKey="FooterText" />
146
+ </footer>
149
147
  </div>
150
148
  </Loader>
151
149
  );
package/src/styles/common/_typography.scss CHANGED
@@ -33,6 +33,9 @@ h2 {
33
33
  h3 {
34
34
  font-size: 24px;
35
35
  }
36
+ h4 {
37
+ font-size: 18px;
38
+ }
36
39
 
37
40
  .bold {
38
41
  font-weight: bold !important;
package/src/styles/common/helpers/_size.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .full-screen {
2
2
  height: 100dvh !important;
3
- width: 100vw !important;
3
+ width: 100dvw !important;
4
4
  }
5
5
  .full-width {
6
6
  width: 100% !important;
package/src/styles/components/_dialog.scss CHANGED
@@ -33,12 +33,7 @@ $dialog-sizes: (
33
33
  .iui-dialog-header {
34
34
  display: flex;
35
35
  gap: 16px;
36
- h1 {
37
- font-size: 18px;
38
- font-weight: 600;
39
- }
40
36
  .iui-dialog-desc {
41
- margin-top: 8px;
42
37
  color: var(--text);
43
38
  word-break: break-word;
44
39
  white-space: pre-line;
@@ -49,6 +44,10 @@ $dialog-sizes: (
49
44
  width: 100%;
50
45
  justify-content: space-between;
51
46
  align-items: baseline;
47
+ h4 {
48
+ font-weight: 600;
49
+ margin-bottom: 8px;
50
+ }
52
51
  .close-icon {
53
52
  margin: -14px;
54
53
  }
@@ -75,6 +74,9 @@ $dialog-sizes: (
75
74
  }
76
75
 
77
76
  .iui-dialog-content {
77
+ display: flex;
78
+ flex-direction: column;
79
+ gap: 8px;
78
80
  max-height: 80vh;
79
81
  padding: 24px;
80
82
  &:not(.no-overflow) {
package/src/styles/components/_page.scss CHANGED
@@ -10,6 +10,7 @@
10
10
  }
11
11
  .app-content {
12
12
  grid-area: content;
13
+ overflow: hidden;
13
14
  }
14
15
 
15
16
  .app-layout {
@@ -55,8 +56,8 @@
55
56
  }
56
57
  }
57
58
 
58
- .footer {
59
+ .page-footer {
59
60
  text-align: center;
60
- padding: 36px 0 8px;
61
+ padding: 16px;
61
62
  font-size: 12px;
62
63
  }
package/src/types/IHeader.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
2
2
  import { IButtonColor } from '../components/Button/Button';
3
3
  import { IMenuItem } from './IMenu';
4
+ import { FC } from 'react';
4
5
 
5
6
  export interface IHeaderAction {
6
7
  label: string;
@@ -21,4 +22,13 @@ export type IHeaderUserMenuProps = {
21
22
  organizationName?: string;
22
23
  showBadge?: boolean;
23
24
  menuItems?: IMenuItem[];
25
+
26
+ HeaderUserMenuDialogs: FC<{
27
+ openedDialog: string | null;
28
+ setOpenedDialog: (dialog: string | null) => void;
29
+ refetchOrganizationInvites?: () => void;
30
+ }>;
31
+ openedDialog: string | null;
32
+ setOpenedDialog: (dialog: string | null) => void;
33
+ refetchOrganizationInvites?: () => void;
24
34
  };
package/src/utils/fileUtils.ts CHANGED
@@ -1,4 +1,4 @@
1
- import i18next from 'i18next';
1
+ // import i18next from 'i18next';
2
2
  import { IBooleanObject } from '../types/IBasic';
3
3
  import { lsGet } from './LocalStorageHelper';
4
4
  import { convertBooleanObjectToArray } from './ObjectUtils';
@@ -72,7 +72,8 @@ export const downloadDocumentFile = (
72
72
  link.href = window.URL.createObjectURL(blob);
73
73
  link.download = `${fileName}.${type}`;
74
74
  link.click();
75
- } else toastError(i18next.t('ErrorMessage'));
75
+ }
76
+ // else toastError(i18next.t('ErrorMessage'));
76
77
  };
77
78
 
78
79
  req.send();
@@ -168,7 +169,7 @@ export function downloadFile({
168
169
  document.body.removeChild(a);
169
170
  };
170
171
  req.onloadend = function () {
171
- console.log('Finished downloading file');
172
+ console.info('Finished downloading file');
172
173
  onSuccess?.();
173
174
  setIsLoading?.(false);
174
175
  };
package/dist/NoAccessPage-C6nBt-PN.js DELETED
@@ -1,2 +0,0 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTranslation as r}from"react-i18next";import{Link as i}from"react-router";import{Button as a}from"./index.js";import"@fortawesome/react-fontawesome";import"clsx";import"dayjs";import"react-beautiful-dnd";import"react-toastify";import"react";import"react-dom";import"react-calendar";import"i18next";import"react-select";import"react-select-async-paginate";import"react-select/async-creatable";const c=()=>{const{t:c}=r();return e("div",{className:"full-screen-page",children:[e("div",{id:"content",children:[t("h1",{children:c("NoAccessPage")}),t("p",{className:"subtitle",children:c("NoAccessPageInfo")})]}),t("p",{id:"img",className:"img-403",children:"403"}),t("div",{id:"actions",children:t(i,{to:"/",children:t(a,{label:c("ReturnToHomepage")})})})]})};export{c as default};
2
- //# sourceMappingURL=NoAccessPage-C6nBt-PN.js.map