:root{color-scheme:light;--app-header-height:56px;--btn-height:44px;--border-radius:8px;--bs-gutter-x:12px;--input-height:44px;--input-height-m:32px;--input-height-sm:48px;--input-xp:14px;--input-xp-m:10px;--primary:#373b61;--secondary:#f2f3f5;--success-light:#c8e6c9;--info-light:#b3e5fc;--warn-light:#ffecb3;--danger:#ff3838;--danger-light:#ffd5d5;--bg-color:#fff;--bg-color-secondary:#f2f3f5;--border-color:#71747a;--border-color-light:#d8dade;--box-shadow:rgba(0,0,0,.1) 0px 10px 50px;--box-shadow-dialog:0px 8px 24px rgba(0,0,0,.08),0px 0px 48px rgba(0,0,0,.04);--dialog-bg-color:#fff;--text-color:#262626;--text-color-reverse:#fff;--text-color-danger:#db0d0d;--text-color-secondary:#909398;--text-color-plh:#bcc0c5;--link-color:#1a1a2a;--input-bg:hsla(218,8%,80%,.24);--input-bg-danger:#ffe4e4;--input-bg-autocomplete:#f3f3f3;--input-bg-autocomplete-danger:#ffe4e4;--input-border-color:#cccccd;--nav-width:360px;--nav-border:#eaeaea;--nav-active-bg:#dfebff}html.dark-mode{color-scheme:dark}.app-nav{align-items:stretch;background-color:var(--bg-color);border-right:1px solid var(--nav-border);color:var(--text-color-secondary);display:flex;width:var(--nav-width)}@media (max-width:1366px){.app-nav{width:calc(var(--nav-width) - 120px)}}.app-nav ul{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.app-nav ul li{padding:0;width:100%}.app-nav ul li.nav-item{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:0 10px}.app-nav ul li.nav-item a{align-items:center;border-radius:var(--border-radius);color:var(--text-color-secondary);cursor:pointer;display:flex;padding:12px 14px;transition:all .3s ease-in-out;width:100%}@media (max-width:1366px){.app-nav ul li.nav-item a{padding:8px 10px}}.app-nav ul li.nav-item a.active,.app-nav ul li.nav-item a:hover{color:var(--primary)}.app-nav ul li.nav-item a span{display:inline-flex;font-family:SFUI_BOLD;font-size:16px;line-height:16px}@media (max-width:1366px){.app-nav ul li.nav-item a span{font-size:13px}}.app-nav ul li.nav-item a i+span{margin-left:12px}.app-nav ul li.nav-item ul{max-height:0;overflow:hidden;padding-left:24px;padding-right:14px;transition:all .2s ease}.app-nav ul li.nav-item ul li{border-left:1px solid var(--nav-border);padding-left:8px}.app-nav ul li.nav-item ul a{background:transparent!important;position:relative}.app-nav ul li.nav-item ul a:before{background:var(--nav-border);border-radius:3px;content:"";height:8px;left:-12px;position:absolute;width:8px}.app-nav ul li.nav-item ul a.active,.app-nav ul li.nav-item ul a.exact,.app-nav ul li.nav-item ul a:hover{color:var(--primary)}.app-nav ul li.nav-item ul a.divider{cursor:inherit;margin:12px 0;padding-bottom:0;padding-top:0}.app-nav ul li.nav-item ul a.divider:before{height:1px;left:14px;width:80%}.app-nav ul li.nav-item.active>a{background:var(--nav-active-bg);color:var(--primary)}.app-nav ul li.nav-item.active ul{max-height:600px;transition:all .8s ease}.app-nav ul li.nav-item.active .caret{transform:rotate(180deg)}.app-nav ul li.nav-item .caret{font-size:14px;margin-left:auto;transition:transform .2s ease}.app-nav ul li.logo{align-items:center;display:flex;justify-content:flex-start;margin-bottom:30px;padding:15px 22px}.app-nav ul li.logo img{width:32px}.app-nav ul li.logo span{color:var(--text-color);margin-left:10px}.app-nav ul li.profile{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:auto;padding:0 8px 22px}.app-nav ul li.profile a{align-items:center;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;padding:12px 14px;transition:all .3s ease-in-out;width:100%}.app-nav ul li.profile a span{display:inline-flex;flex-direction:column;font-family:SFUI_BOLD;font-size:16px;line-height:16px;margin-left:12px}.app-nav ul li.profile a span+i{margin-left:auto}@media (max-width:1366px){.app-nav ul li.profile a span{font-size:13px;line-height:13px}}.app-nav ul li.profile a small{color:var(--text-color-secondary);font-size:12px}@media (max-width:1366px){.app-nav ul li.profile a small{font-size:10px}}.app-nav i{align-items:center;display:inline-flex;font-size:22px;height:22px;justify-content:center;line-height:22px;width:22px}@media (max-width:1366px){.app-nav i{font-size:14px;height:14px;line-height:14px;width:14px}}.app-nav a{color:var(--text-color-secondary)}