:root{--nav-width: 200px;--top-bar-height: 5rem}.menu-bar{--color-foreground: var(--color-nav-surface);--color-text-normal: var(--color-neutral-500);--color-text-muted: var(--color-neutral-500);--color-text-highlighted: var(--color-nav-active-text);--color-text-placeholder: var(--color-neutral-400);--color-divider: var(--color-nav-border);--color-border: var(--color-nav-border);display:flex;flex-direction:column;width:var(--nav-width);border-right:1px solid rgb(var(--color-nav-border));background-color:rgb(var(--color-nav-surface));color:rgb(var(--color-neutral-500))}.menu-bar.menu-sticky{top:0;margin-top:0;height:100vh}.menu-bar .menu-brand{display:flex;flex:none;align-items:center;justify-content:space-between;height:62px;padding:0 1rem;border-bottom:1px solid rgb(var(--color-nav-border))}.menu-bar .menu-brand img{height:32px;width:auto}.menu-bar .menu-brand .menu-toggler{color:rgb(var(--color-nav-active-text));font-size:1.5rem;line-height:1}.menu-bar .menu-brand .menu-toggler:hover{color:rgb(var(--color-primary-500))}.menu-bar>div:not(.menu-brand):not([class*="menu-detail"]){display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.menu-bar .menu-items{box-shadow:none;width:var(--nav-width);flex:1 1 auto;height:auto;min-height:0;padding:1rem .9375rem 2rem}.menu-bar .menu-items .link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;padding:.375rem .625rem;margin-bottom:.5rem;text-align:center;border-bottom-width:0;border-radius:var(--radius-md);color:rgb(var(--color-neutral-500));transition:background-color .2s linear,color .2s linear}.menu-bar .menu-items .link .icon{flex:none;font-size:1.5rem}.menu-bar .menu-items .link .title{margin-top:0;font-size:1rem;line-height:1.6}.menu-bar .menu-items .link:hover,.menu-bar .menu-items .link:focus{background-color:rgb(var(--color-nav-card) / .5);color:rgb(var(--color-nav-active-text))}.menu-bar .menu-items .link.active{border:0;border-radius:var(--radius-md);background-color:rgb(var(--color-nav-active));box-shadow:none;color:rgb(var(--color-nav-active-text))}.menu-bar .menu-items .link.active:before{content:none}.menu-bar .menu-items .link .icon,.menu-bar .menu-items .link.active .icon,.menu-bar .menu-items .link .title{color:inherit}.menu-bar .menu-group{display:block;margin:0 0 .75rem;padding:1rem .625rem 0;font-size:.875rem;font-weight:500;line-height:1.6;letter-spacing:.014em;text-transform:uppercase;border-top:1px solid rgb(var(--color-nav-border));color:rgb(var(--color-neutral-500))}.menu-bar .menu-group:first-child{padding-top:0;border-top:0}.menu-bar .menu-items .link .badge{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 .5rem;border-radius:var(--radius-xl);background-color:rgb(var(--color-error-600));color:rgb(var(--color-info-50));font-size:.75rem;line-height:1.5}.menu-bar .menu-detail{top:var(--menu-detail-top, var(--top-bar-height));bottom:auto;width:310px;max-height:calc(100vh - var(--menu-detail-top, var(--top-bar-height)) - 1.5rem);overflow-y:auto;padding:1rem;border-radius:var(--radius-lg);background-color:rgb(var(--color-neutral-0));box-shadow:0 16px 40px rgb(var(--color-neutral-1000) / .18)}.menu-bar .menu-detail.open{left:var(--nav-width)}.menu-bar.menu-hidden{margin-left:calc(-1 * var(--nav-width));left:calc(-1 * var(--nav-width))}.footer-bar{left:var(--nav-width)}@media (min-width: 1024px){.top-bar{left:var(--nav-width);width:calc(100% - var(--nav-width))}.top-bar>.main-logo,.top-bar>.menu-toggler{display:none}.menu-hidden .top-bar{left:0;width:100%}.menu-hidden .top-bar>.main-logo,.menu-hidden .top-bar>.menu-toggler{display:block}}.menu-bar .menu-detail a,.menu-bar .menu-detail button{gap:.75rem;width:100%;margin-bottom:.25rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:rgb(var(--color-neutral-600));font-size:1.125rem;font-weight:500;line-height:1.6;text-align:left}.menu-bar .menu-detail a span,.menu-bar .menu-detail button span{margin-right:0;flex:none;font-size:1.25rem;color:rgb(var(--color-neutral-500))}.menu-bar .menu-detail a:hover,.menu-bar .menu-detail button:hover{background-color:rgb(var(--color-neutral-100) / .6);color:rgb(var(--color-neutral-700))}.menu-bar .menu-detail a.active,.menu-bar .menu-detail button.active{background-color:rgb(var(--color-neutral-100));color:rgb(var(--color-neutral-700));font-weight:700;box-shadow:0 1px 2px #0000000d}.menu-bar .menu-detail a:hover span,.menu-bar .menu-detail a.active span,.menu-bar .menu-detail button:hover span,.menu-bar .menu-detail button.active span{color:rgb(var(--color-neutral-600))}.menu-bar .menu-detail hr,.menu-bar .menu-detail h6{display:none}.menu-bar .menu-detail .collapse{margin:0 0 .5rem 1.75rem;padding-left:1rem;border-left:1px solid rgb(var(--color-neutral-200))}.menu-bar .menu-detail .collapse a{position:relative;margin-bottom:0;padding:.5rem .25rem;font-size:1rem;font-weight:400;color:rgb(var(--color-neutral-500))}.menu-bar .menu-detail .collapse a span{display:none}.menu-bar .menu-detail .collapse a:before{content:"";position:absolute;left:-1rem;top:50%;width:.75rem;height:1px;background-color:rgb(var(--color-neutral-200))}.menu-bar .menu-detail .collapse a:hover,.menu-bar .menu-detail .collapse a.active{background-color:transparent;box-shadow:none;color:rgb(var(--color-primary-500));font-weight:500}.menu-bar .menu-detail .collapse a.active:before{background-color:rgb(var(--color-primary-500))}.top-bar{box-shadow:none;border-bottom:1px solid rgb(var(--color-divider));border-radius:0}.top-bar .nav-route-search__field{border-radius:var(--radius-md);background-color:rgb(var(--color-neutral-50));border:1px solid rgb(var(--color-neutral-200))}.top-bar .nav-route-search__field:focus-within{border-color:rgb(var(--color-primary-500));box-shadow:0 0 0 3px rgb(var(--color-primary-500) / .12)}.top-bar{--topbar-box: 50px;--topbar-box-radius: 10px;--topbar-group-gap: 12px;--topbar-rule-gap: 22px}.top-bar .switch-btn-dashboard{height:var(--topbar-box);padding:0 1rem;border:1px solid rgb(var(--color-neutral-200));border-radius:var(--topbar-box-radius);background-color:rgb(var(--color-neutral-50));color:rgb(var(--color-neutral-800));font-size:1rem;font-weight:500}.top-bar .topbar-switch{margin:0}.top-bar .topbar-company-logo{margin-left:var(--topbar-group-gap)}.top-bar .topbar-notifications{position:relative;margin-left:calc((2 * var(--topbar-rule-gap)) + 1px);padding:0}.top-bar .topbar-notifications:before{content:"";position:absolute;left:calc(-1 * var(--topbar-rule-gap));top:50%;width:1px;height:60px;transform:translateY(-50%);background-color:rgb(var(--color-neutral-200))}.top-bar .topbar-notifications+.dropdown{margin-left:var(--topbar-group-gap)}.top-bar .topbar-notifications+.dropdown>button{margin-left:0;margin-right:0}.top-bar .switch-btn-dashboard:hover{background-color:rgb(var(--color-neutral-50));color:rgb(var(--color-neutral-900))!important}.top-bar .switch-btn-dashboard i{font-size:1.5rem;line-height:1}.topbar-company-logo{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--topbar-box);height:var(--topbar-box);padding:.25rem;border:1px solid rgb(var(--color-neutral-200));border-radius:var(--topbar-box-radius);background-color:rgb(var(--color-neutral-0))}.topbar-company-logo img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.topbar-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--topbar-box);height:var(--topbar-box);border:1px solid rgb(var(--color-neutral-200));border-radius:var(--topbar-box-radius);background-color:rgb(var(--color-neutral-50));color:rgb(var(--color-neutral-700));font-size:1.5rem;line-height:1}.topbar-icon-btn:hover{background-color:rgb(var(--color-neutral-50))}.topbar-icon-btn__badge{position:absolute;top:-6px;right:-6px;min-width:20px;padding:0 .25rem;border-radius:var(--radius-full);background-color:rgb(var(--color-primary-500));color:rgb(var(--color-neutral-0));font-size:.6875rem;font-weight:600;line-height:20px;text-align:center}.top-bar .dropdown .avatar,.top-bar .dropdown .avatar img{width:var(--topbar-box);height:var(--topbar-box);border:0;border-radius:var(--topbar-box-radius);-o-object-fit:cover;object-fit:cover}.header-utils__link{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;color:rgb(var(--color-neutral-600))}.header-utils__link:hover{color:rgb(var(--color-primary-500))}.header-utils__link i{font-size:1.5rem;line-height:1}.header-utils__link .header-utils__hint{font-size:1.125rem;color:rgb(var(--color-neutral-400))}.nav-route-search__kbd{position:absolute;right:.5rem;display:flex;gap:.25rem;pointer-events:none}.nav-route-search__kbd kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .25rem;border-radius:var(--radius-sm);background-color:rgb(var(--color-neutral-0));border:1px solid rgb(var(--color-neutral-200));color:rgb(var(--color-neutral-500));font-family:inherit;font-size:.75rem;line-height:1}.workspace{min-width:0;background-color:rgb(var(--color-canvas))}.notification-header{display:flex;align-items:stretch;background:rgb(var(--color-neutral-0));border-bottom:1px solid rgb(var(--color-divider));border-radius:0;box-shadow:none;padding:0;margin:0 -5px}.notification-header .notification-banner{display:flex;flex:1 1 0;min-width:0;align-items:center;gap:.75rem;background-color:transparent;border-radius:0;padding:.6875rem 1.25rem;color:rgb(var(--color-neutral-600))}.notification-header .notification-banner+.notification-banner{border-left:1px solid rgb(var(--color-divider))}.notification-header .notification-banner__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:rgb(var(--color-neutral-100));font-size:1.25rem;line-height:1}.notification-header .notification-banner__icon--brand{background-color:rgb(var(--color-secondary-500));color:rgb(var(--color-neutral-0))}.notification-header .notification-banner__person{display:inline-flex;align-items:center;gap:.5rem;vertical-align:middle}.notification-header .notification-banner__avatar{width:36px;height:36px;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;background-color:rgb(var(--color-neutral-100))}.notification-header marquee{min-width:0}.notification-header .bold-text{color:rgb(var(--color-neutral-900));font-weight:600}.header_section{background-color:rgb(var(--color-neutral-0));border-bottom:1px solid rgb(var(--color-divider));border-radius:0;box-shadow:none;padding:.5rem 1.25rem}.header_section.card{margin:0 -5px 1.25rem}.workspace>.notification-header:first-child,.workspace>.header_section:first-child{margin-top:-5px}.breadcrumb_text{color:rgb(var(--color-neutral-500))}.breadcrumb h5.breadcrumb_text{display:none}.breadcrumb ul li:last-child{color:rgb(var(--color-neutral-900));font-weight:600}.breadcrumb a.breadcrumb_text:hover{color:rgb(var(--color-primary-500))}.table_header_section{background-color:rgb(var(--color-primary-500))}.result-dialog .modal-dialog{justify-content:center}.result-dialog .modal-content{width:473px;max-width:100%;padding:5px 6px;border:0;border-radius:20px;background-color:rgb(var(--color-neutral-100));box-shadow:var(--elevation-lg)}.result-dialog__card{position:relative;padding:60px 40px 36px;border:1px solid #e1e1e1;border-radius:var(--radius-lg);background-color:rgb(var(--color-neutral-0));text-align:center}.result-dialog .modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;font-size:16px}.result-dialog__icon{display:inline-flex;color:rgb(var(--result-dialog-tone));font-size:48px;line-height:1}.result-dialog__title{margin-top:13px;color:rgb(var(--color-neutral-700));font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.2px}.result-dialog__message{margin-top:13px;color:rgb(var(--color-neutral-500));font-size:18px;line-height:1.6}.result-dialog__highlight{color:rgb(var(--color-accent-500))}
