html{--mat-sys-background: light-dark(#fff7f9, #161215);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f8eef2, #342f32);--mat-sys-inverse-primary: light-dark(#ffabf3, #a900a9);--mat-sys-inverse-surface: light-dark(#342f32, #e9e0e4);--mat-sys-on-background: light-dark(#1e1a1d, #e9e0e4);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #5b005b);--mat-sys-on-primary-container: light-dark(#810081, #ffd7f5);--mat-sys-on-primary-fixed: light-dark(#380038, #380038);--mat-sys-on-primary-fixed-variant: light-dark(#810081, #810081);--mat-sys-on-secondary: light-dark(#ffffff, #3d2b3a);--mat-sys-on-secondary-container: light-dark(#554151, #f7daef);--mat-sys-on-secondary-fixed: light-dark(#271624, #271624);--mat-sys-on-secondary-fixed-variant: light-dark(#554151, #554151);--mat-sys-on-surface: light-dark(#1e1a1d, #e9e0e4);--mat-sys-on-surface-variant: light-dark(#4e444b, #eedee7);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: light-dark(#80747c, #9a8d95);--mat-sys-outline-variant: light-dark(#d1c2cb, #4e444b);--mat-sys-primary: light-dark(#a900a9, #ffabf3);--mat-sys-primary-container: light-dark(#ffd7f5, #810081);--mat-sys-primary-fixed: light-dark(#ffd7f5, #ffd7f5);--mat-sys-primary-fixed-dim: light-dark(#ffabf3, #ffabf3);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#6e5869, #dabfd2);--mat-sys-secondary-container: light-dark(#f7daef, #554151);--mat-sys-secondary-fixed: light-dark(#f7daef, #f7daef);--mat-sys-secondary-fixed-dim: light-dark(#dabfd2, #dabfd2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff7f9, #161215);--mat-sys-surface-bright: light-dark(#fff7f9, #3d383b);--mat-sys-surface-container: light-dark(#f5ebf0, #231e22);--mat-sys-surface-container-high: light-dark(#efe6ea, #2d292c);--mat-sys-surface-container-highest: light-dark(#e9e0e4, #383337);--mat-sys-surface-container-low: light-dark(#fbf1f5, #1e1a1d);--mat-sys-surface-container-lowest: light-dark(#ffffff, #110d10);--mat-sys-surface-dim: light-dark(#e1d7dc, #161215);--mat-sys-surface-tint: light-dark(#a900a9, #ffabf3);--mat-sys-surface-variant: light-dark(#eedee7, #4e444b);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #372e34;--mat-sys-neutral10: #1e1a1d;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 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);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}html,body{width:100%;height:100%;padding:0;margin:0;font-family:Golos Text,sans-serif;background-color:#f8f7fa}.table .chk{width:24px}.table .sub-value,.table .sub-value .small{display:block}.table .action{width:100px}.table .date{width:150px}.notify-container{position:fixed;z-index:7000;max-width:300px;top:0;right:0}.notify{padding:1rem;background-color:red;border-radius:5px;max-width:300px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;gap:5px;margin:1rem;cursor:pointer}.notify.notify-success{box-shadow:0 .25rem 1rem #28c76f66;color:#fff;background-color:#28c76f}.notify.notify-error{box-shadow:0 .25rem 1rem #ff4c5166;color:#fff;background-color:#ff4c51}.notify.notify-info{box-shadow:0 .25rem 1rem #00bad166;color:#fff;background-color:#00bad1}.notify.notify-warning{box-shadow:0 .25rem 1rem #ff9f4366;color:#fff;background-color:#ff9f43}.mat-mdc-dialog-surface{border-radius:5px!important;background:#fff!important}.mat-mdc-dialog-title{padding-bottom:0!important}.mat-mdc-dialog-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px}.cdk-global-overlay-wrapper{justify-content:center!important;align-items:center!important}.cdk-overlay-container{z-index:5000!important}.mat-mdc-form-field{height:66px!important}.mat-mdc-text-field-wrapper{background-color:#fff!important}.mdc-text-field--focused{border-color:red!important}.error-message{color:#dc3545;font-size:.875em;display:none}.error .error-message{display:block}.btn{align-items:center;justify-content:center;box-shadow:0 .125rem .375rem #7367f04d;padding:.4812rem 1.25rem;font-size:.9375rem;font-weight:500;line-height:1.37;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none}.btn-primary{color:#fff;border:1px solid #7367f0;border-radius:.375rem;background-color:#7367f0}.btn-primary:hover{color:#fff;background-color:color-mix(in sRGB,#000 10%,#7367f0);border-color:color-mix(in sRGB,#000 10%,#7367f0)}.btn-warning{color:#fff;border:1px solid #f29102;border-radius:.375rem;background-color:#f29102}.btn-warning:hover{color:#fff;background-color:#f6be67;border-color:#f6be67}.product-card{width:100%;position:relative;padding:10px;background:#fff;margin-bottom:10px;min-height:100px;box-shadow:#0000003d 0 3px 8px}.product-card img{width:75px;position:absolute;left:-17px;padding:2px;background:#d8d8d8;border-radius:5px;box-shadow:#00000026 1.95px 1.95px 2.6px}.product-card .product-desc{padding-left:53px;font-size:12px}.product-card .product-desc h6{font-size:15px;font-weight:500;text-transform:capitalize;white-space:nowrap;overflow:hidden}.product-card .product-desc .product-desc-text{display:flex;flex-direction:column;font-size:14px;line-height:12px;padding-bottom:5px}.product-card .product-desc .product-desc-text:last-child{padding-bottom:0}.product-card .product-desc .product-desc-text .main-text{font-weight:400}.product-card .product-desc .product-desc-text .sub-text{font-size:10px;line-height:15px;white-space:nowrap}.product-card .product-desc .product-desc-text input{width:80px;height:18px;font-size:12px}.product-card .button-group{display:flex;padding-top:6px;justify-content:flex-end;gap:3px}.product-card .button-group button{padding:2px 5px;border-radius:4px;font-size:12px;box-shadow:none}.kpi{width:100%;padding:1rem;background:#fff;border-right:1px solid #e6e6e8;font-size:25px;position:relative;box-shadow:#0000003d 0 3px 8px;border-radius:5px;margin-bottom:10px}.kpi .value{display:block;font-size:23px;font-weight:600}.kpi .text{display:block;font-size:12px}.kpi svg{position:absolute;right:2px;top:7px}.checkbox-wrapper-31:hover .check{stroke-dashoffset:0}.checkbox-wrapper-31{width:25px;height:25px;left:0}.checkbox-wrapper-31 .background{fill:#ccc;transition:ease all .6s;-webkit-transition:ease all .6s}.checkbox-wrapper-31 .stroke{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;stroke-dashoffset:100;stroke-dasharray:100;transition:ease all .6s;-webkit-transition:ease all .6s}.checkbox-wrapper-31 .check{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;stroke-dashoffset:22;stroke-dasharray:22;transition:ease all .6s;-webkit-transition:ease all .6s}.checkbox-wrapper-31 input[type=checkbox]{position:absolute;width:100%;height:100%;left:0;top:0;margin:0;opacity:0;-appearance:none;-webkit-appearance:none}.checkbox-wrapper-31 input[type=checkbox]:hover{cursor:pointer}.checkbox-wrapper-31 input[type=checkbox]:checked+svg .background{fill:#6cbe45}.checkbox-wrapper-31 input[type=checkbox]:checked+svg .stroke{stroke-dashoffset:0}.checkbox-wrapper-31 input[type=checkbox]:checked+svg .check{stroke-dashoffset:0}.header-container{width:100%;display:flex;align-items:center;justify-content:space-between}.page-header{margin-bottom:0;line-height:calc(1.275rem + .3vw)}.page-sub-header{margin-bottom:0;font-size:12px}.image-container{width:100%;display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}.image-container .image{width:110px;height:110px;padding:.2rem;border:1px solid rgba(145,158,171,.32);position:relative;border-radius:5px}.image-container .image .close{position:absolute;color:#f4f5f6;background:red;right:0;top:0;border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer}.image-container .image img{max-width:100%;max-height:100%}.breadcrumb-container{display:flex;padding:.75rem 1.25rem .75rem 0px}.breadcrumb-container li{display:flex;align-items:center;color:#9ca3af;cursor:pointer;color:#6b7280}.breadcrumb-container li:hover{color:#4f46e5}.breadcrumb-container .breadcrumb-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:#9ca3af}.breadcrumb-container .text{margin-left:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;text-transform:capitalize}.form-card{width:100%;margin-top:20px}.form-card .form-card-header{width:100%;padding:.751rem 1.1875rem;background-color:#fafafa;box-shadow:inset 0 -1px #e6e6e8;border-top-left-radius:calc(.375rem - 1px);border-top-right-radius:calc(.375rem - 1px);font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-transform:capitalize}.form-card.open .form-card-header svg.animate{transform:rotate(90deg)}.form-card .form-card-body{width:100%;height:0px;overflow:hidden;transition:height .5s}.form-card.open .form-card-body{height:auto;overflow:visible}.form-card .form-card-body .form-div{width:100%;padding:.5rem}.form-card .form-card-body .form-div label{font-size:.8125rem;line-height:.8125rem;margin:0;display:block}.form-card .form-card-body .form-div .form-control{display:block;padding:.426rem .9375rem;font-size:.9375rem;font-weight:400;line-height:1.625;color:#444050;appearance:none;background-color:#0000;background-clip:padding-box;border:1px solid color-mix(in sRGB,#2f2b3d 22%,#fff);border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-card .form-card-body .form-div .form-control:focus{color:inherit;background-color:#0000;border-color:#7367f0;outline:0;box-shadow:0 .125rem .375rem #7367f04d}.form-card .form-card-body .form-div .form-text{font-size:.7rem;color:#6d6b77;margin:0}.form-select:focus{border-color:#7367f0;outline:0;box-shadow:none}.app-container{width:100%;min-height:100%;height:auto;padding:80px 1.5rem 0px;margin:0;position:absolute;top:0;left:0;overflow:hidden}.hide-menu .app-container{padding:0px 1.5rem}.side-nav{position:fixed!important;left:-16.2rem;width:16.2rem;height:100%;overflow:hidden;flex-direction:column;display:flex;z-index:2010;background-color:#fff;box-shadow:0 .125rem .5rem #2f2b3d1f;transition:left .3s}.side-nav-bg{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#97959e;opacity:.5;z-index:2005;display:none}.side-nav .branding{padding:1rem 1.375rem;display:flex;align-items:center;gap:10px;font-size:24px;height:56px;position:relative}.side-nav .branding .svg-inline--fa,.side-nav .branding i{color:#7367f0;font:30px;width:1.25em}.side-nav .branding span{font-weight:600}.side-nav .branding button{position:absolute;border:none;right:7px;font-size:15px;border-radius:50%;height:27px;width:27px;display:flex;align-items:center;justify-content:center}.side-nav .menu{display:flex;align-items:flex-start;justify-content:flex-start;padding:0;margin:0;flex:1 1 auto;flex-direction:column}.side-nav .menu .menu-item{width:100%;display:flex;flex:0 0 auto;flex-direction:column;padding:0;margin:0;list-style:none;padding:0rem 1rem;cursor:pointer}.side-nav .menu .menu-item .menu_anchor{position:relative;display:flex;flex:0 1 auto;align-items:center;margin:0;border-radius:.375rem;margin-block:0;font-size:.9375rem;justify-content:flex-start;gap:10px;padding:.75rem;color:#444050;text-decoration:none}.side-nav .menu .menu-item .menu_anchor.active-true{background-color:color-mix(in sRGB,#2f2b3d 8%,#fff)}.side-nav .menu .menu-item .menu_anchor.has-sub-menu:after{position:absolute;display:block;content:"";width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");background-size:100% 100%;transform:translateY(-50%);right:0;top:22px}.side-nav .menu .menu-item .menu_anchor i{font-size:20px}.side-nav .menu .menu-item .sub-menu-item{flex-direction:column;padding:0px 0px .5rem 1rem;margin:0;list-style:none;display:none;transition:all .3s}.side-nav .menu .menu-item.open-menu .sub-menu-item,.side-nav .menu .menu-item.show-true .sub-menu-item{display:flex!important}.side-nav .menu .menu-item .sub-menu-item li{width:100%;display:flex;flex:0 0 auto;flex-direction:row;margin:0;list-style:none;padding:.75rem 1rem;align-items:center;gap:5px;border-radius:5px}.side-nav .menu .menu-item .sub-menu-item li.active-true{background:linear-gradient(270deg,#7367f0b3,#7367f0);color:#fff;box-shadow:0 .125rem .375rem #7367f04d;margin-top:5px}.open-side-menu .side-nav{left:0;top:0}.open-side-menu .side-nav-bg{display:block}.nav-bottom{color:#444050;z-index:2000;background:#fff;position:fixed;display:none;height:56px;bottom:0;box-shadow:0 .125rem .5rem #2f2b3d1f;align-items:center;justify-content:space-around;gap:10px;width:calc(100% - 2rem);margin:1rem;border-radius:10px}.nav-bottom-menu-item{display:flex;flex-direction:column;padding:0 5px;cursor:pointer;justify-content:center;align-items:center}.nav-bottom-menu-item span{font-size:12px}.nav-top-mobile{height:40px;background-color:#fff;width:100%;margin-bottom:1rem;box-shadow:0 .125rem .5rem #2f2b3d1f;display:none;align-items:center;padding:.5rem 1rem;font-size:16px;justify-content:flex-start;z-index:2000;overflow:hidden;position:fixed;top:0}.nav-top-mobile .separator{font-weight:600}.nav-top-mobile .path{text-transform:capitalize;cursor:pointer;white-space:nowrap}.nav-top{z-index:2000;color:#444050;width:calc(100% - 3rem);background:#fff;position:fixed;border-radius:.375rem;box-shadow:0 .125rem .5rem #2f2b3d1f;flex-wrap:nowrap;flex:0 0 auto;justify-content:space-between;padding:0px 1.5rem;display:flex;height:56px;margin:1rem 1.5rem;top:0;align-items:center}.hide-menu .nav-top,.hide-menu .hide-when{display:none}.nav-top .nav-center{width:100%;flex-basis:100%;display:flex;align-items:center!important;height:100%;justify-content:space-between;padding-left:10px}.search-box{width:auto;position:relative;display:flex;align-items:center}.search-box i{font-size:24px;position:absolute}.search-box input{outline:none;padding-left:27px;border:none;box-shadow:none!important}.avatar-container{position:relative}.avatar-container .user-menu{position:absolute;display:none;right:0;left:auto;margin-top:1.125rem;box-shadow:0 .25rem 1.125rem #2f2b3d29;list-style:none;background:#fff;padding:8px;min-width:10rem;border-radius:8px}.avatar-container .user-menu li{padding:.5rem;display:flex;align-items:center;gap:11px;cursor:pointer}.avatar-container .user-menu li:hover{color:#444050;background-color:#f3f2f3}.avatar-container .user-menu li:hover:last-child{color:#444050;background-color:#fff}.avatar-container.open-user-menu .user-menu{display:block}.divider{width:100%;height:1px;background:#e6e6e8}.avatar-container .user-menu li button{width:100%}.avatar{border-radius:50%!important;border:2px solid #8f85f3;padding:5px;background-color:#b1aaf7;color:#e5e4e4;cursor:pointer}.menu-toggle{font-size:24px;cursor:pointer}.nav-top .nav-right{display:flex;gap:20px;height:100%;align-items:center}.notification{font-size:24px;position:relative;color:#444050;background-color:color-mix(in sRGB,#fff 92%,#808390);border-color:color-mix(in sRGB,#fff 92%,#808390);padding:5px;border-radius:50%}.notification span{display:block;width:10px;height:10px;background:#ff4c51;position:absolute;top:0;right:0;border-radius:50%;border:1px solid #e6e6e8}.footer{width:calc(100% - 3rem);margin:0px 1.5rem 10px;height:50px;background-color:#fff;color:#6d6b77;padding:1rem;display:flex;justify-content:space-between}.footer .footer-menu{display:flex;align-items:center;gap:10px}.footer .footer-menu a{color:#7367f0;text-decoration:none}.footer .footer-menu a:hover{text-decoration:underline}.loader-overlay{width:100%;height:100%;background-color:#0003;position:fixed;z-index:6000;top:0;left:0;align-items:center;justify-content:center;flex-direction:column;display:none}.overlay-container{width:184px;height:auto;padding:1.5rem;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;border:1px solid color-mix(in srgb,transparent,#181d1f 15%);border-radius:4px;box-shadow:0 0 16px #00000026}.overlay-container .icon{width:65px;height:65px;display:flex;align-items:center;justify-content:center}.overlay-container .loader-icon{--c: no-repeat linear-gradient(#f9626c 0 0);background:var(--c),var(--c),var(--c),var(--c),var(--c),var(--c),var(--c),var(--c),var(--c);background-size:16px 16px;animation:l32-1 1s infinite,l32-2 1s infinite}.loader-text{padding:10px 0 0;text-align:center;font-size:12px;line-height:12px}@keyframes l32-1{0%,to{width:45px;height:45px}35%,65%{width:65px;height:65px}}@keyframes l32-2{0%,40%{background-position:0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0,50% 50%}60%,to{background-position:0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0,50% 0,0 0,50% 50%}}.desktop-only{display:inherit}.mobile-only{display:none}@media (max-width: 767px){body{padding-top:40px}.desktop-only{display:none}.mobile-only{display:inherit}.nav-top{display:none}.nav-bottom{display:flex}.app-container{padding-top:50px}.nav-top-mobile{display:flex}.avatar-container .user-menu{bottom:0;right:-23px;margin-bottom:3.125rem}.breadcrumb-container,.footer{display:none}}