@import url('./login.css');
:root{--ease-drawer:cubic-bezier(.32,.72,0,1);--sidebar-width:228px}
.app-shell{display:block;padding-left:var(--sidebar-width)}
.app-shell.menu-closed{padding-left:76px}
.app-shell>.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;z-index:40;display:flex;flex-direction:column;transform:translateX(0);transition:transform 240ms var(--ease-drawer);overflow-y:auto}
.app-shell>.sidebar{clip-path:inset(0 0 0 0);transition:clip-path 290ms var(--ease-drawer),transform 290ms var(--ease-drawer);padding-left:16px;padding-right:16px}
.app-shell.menu-closed>.sidebar{clip-path:inset(0 calc(var(--sidebar-width) - 76px) 0 0)}
.sidebar>.wordmark{white-space:nowrap;margin-left:0;margin-right:0}
.sidebar>.wordmark img{width:44px;height:44px}
.sidebar nav a{position:relative;isolation:isolate;background:transparent!important}
.sidebar nav a::before{content:"";position:absolute;inset:0;border-radius:8px;background:transparent;z-index:-1;transform-origin:left center;transform:scaleX(1);transition:transform 290ms var(--ease-drawer),background-color 160ms ease}
.sidebar nav a.active::before{background:var(--primary)}
.sidebar nav a:hover::before{background:var(--nav-active)}
.sidebar nav a.active:hover::before{background:var(--primary)}
.menu-closed .sidebar nav a::before{transform:scaleX(var(--rail-link-scale,.2245))}
.sidebar nav{position:relative;isolation:isolate}
.sidebar nav>.nav-group{width:100%}
.sidebar nav .nav-group-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px;border:0;background:transparent;color:#cbd5e1;font-size:14px;font-weight:400;text-align:left;border-radius:8px}
.sidebar nav .nav-group-toggle:hover,.sidebar nav .nav-group.is-open>.nav-group-toggle{background:var(--nav-active);color:#fff}
.sidebar nav .nav-group-toggle:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}
.sidebar nav .nav-group-toggle>svg{width:22px;height:22px;flex-shrink:0}
.sidebar nav .nav-chevron{width:7px;height:7px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform 180ms ease}
.sidebar nav .nav-group.is-open>.nav-group-toggle .nav-chevron{transform:rotate(225deg);margin-top:5px}
.sidebar nav .nav-submenu-shell{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 220ms var(--ease-drawer),opacity 160ms ease}
.sidebar nav .nav-group.is-open>.nav-submenu-shell{grid-template-rows:1fr;opacity:1}
.sidebar nav .nav-submenu{display:flex;min-height:0;flex-direction:column;gap:2px;overflow:hidden;margin:2px 0 4px 10px;padding-left:8px;border-left:1px solid #334155}
.sidebar nav .nav-submenu a{min-height:40px;padding-top:8px;padding-bottom:8px;font-size:13px}
.sidebar nav .nav-selector{position:absolute;top:0;left:0;width:100%;height:48px;pointer-events:none;z-index:-1;opacity:0;transition:transform 290ms var(--ease-drawer),opacity 160ms ease}
.sidebar nav .nav-selector.is-positioned{opacity:1}
.sidebar nav .nav-selector>span{display:block;width:100%;height:100%;border-radius:8px;background:var(--primary);transform-origin:left center;transition:transform 290ms var(--ease-drawer)}
.menu-closed .sidebar nav .nav-selector>span{transform:scaleX(var(--rail-link-scale,.2245))}
.sidebar nav a.active::before,.sidebar nav a.active:hover::before{background:transparent}
.sidebar>.wordmark>div,.sidebar .company-tag,.sidebar .powered,.sidebar .nav-label,.sidebar nav kbd,.sidebar .user-block>div,.sidebar .user-block>.avatar{opacity:1;transition:opacity 220ms var(--ease-drawer)}
.menu-closed .sidebar>.wordmark>div,.menu-closed .sidebar .company-tag,.menu-closed .sidebar .powered,.menu-closed .sidebar .nav-label,.menu-closed .sidebar nav kbd,.menu-closed .sidebar .user-block>div,.menu-closed .sidebar .user-block>.avatar{opacity:0;pointer-events:none}
.sidebar nav a{white-space:nowrap;padding-left:11px}
.sidebar .user-block{position:relative;padding-bottom:54px}
.sidebar .user-block #logout{position:absolute;bottom:0;left:0;width:44px}
.topbar-heading{display:flex;align-items:center;gap:14px;min-width:0}
#sidebar-toggle{flex-shrink:0;width:42px;min-height:42px;padding:9px}
.sidebar-scrim{display:none}
@media(max-width:1150px){:root{--sidebar-width:190px}}
@media(min-width:851px) and (max-height:1000px){
 .app-shell>.sidebar{padding-top:12px;padding-bottom:10px}
 .sidebar>.wordmark{margin-bottom:12px}
 .sidebar>.wordmark img{width:36px;height:36px}
 .sidebar .company-tag{padding-top:9px;padding-bottom:9px;margin-bottom:10px;gap:8px}
 .sidebar nav{gap:2px}
 .sidebar nav a{min-height:36px;padding-top:6px;padding-bottom:6px;gap:10px;font-size:12.5px}
 .sidebar nav a svg{width:18px;height:18px}
 .sidebar nav kbd{font-size:9px}
 .sidebar nav .nav-group-toggle{min-height:36px;padding:6px 10px;gap:10px;font-size:12.5px}
 .sidebar nav .nav-group-toggle>svg{width:18px;height:18px}
 .sidebar nav .nav-chevron{width:6px;height:6px}
 .sidebar nav .nav-submenu a{min-height:32px;padding-top:4px;padding-bottom:4px;font-size:12px}
 .sidebar .sidebar-bottom{padding-top:8px}
 .sidebar .powered{padding-top:8px;padding-bottom:8px;font-size:10px}
 .sidebar .user-block{padding-top:8px;padding-bottom:42px;gap:8px}
 .sidebar .user-block>.avatar{width:30px;height:30px}
 .sidebar .user-block #logout{width:36px;min-height:36px;padding:8px}
}
@media(min-width:851px) and (max-height:820px){
 .sidebar>.wordmark{margin-bottom:8px}
 .sidebar>.wordmark img{width:32px;height:32px}
 .sidebar .company-tag{padding-top:6px;padding-bottom:6px;margin-bottom:6px}
 .sidebar nav{gap:1px}
 .sidebar nav a{min-height:32px;padding-top:4px;padding-bottom:4px;font-size:12px}
 .sidebar nav .nav-group-toggle{min-height:32px;padding-top:4px;padding-bottom:4px;font-size:12px}
 .sidebar nav .nav-submenu a{min-height:30px;padding-top:3px;padding-bottom:3px}
 .sidebar .powered{padding-top:6px;padding-bottom:6px}
 .sidebar .user-block{padding-top:6px;padding-bottom:38px}
}
@media(max-width:850px){
 :root{--sidebar-width:260px}
 .app-shell,.app-shell.menu-closed{padding-left:0}
 .app-shell.menu-closed>.sidebar{transform:translateX(-100%);clip-path:inset(0);pointer-events:none}
 .app-shell>.sidebar{padding:28px 18px 18px;gap:0;box-shadow:12px 0 40px #0f172a22}
 .sidebar>.wordmark{font-size:34px;margin-bottom:28px}
 .sidebar .wordmark img{width:44px;height:44px}
 .sidebar .company-tag{display:flex}
 .sidebar .sidebar-bottom{display:block;margin-top:auto}
 .sidebar nav{display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;gap:6px}
 .sidebar nav a{font-size:14px;justify-content:flex-start;padding:14px;min-width:0}
 .sidebar nav a svg{width:22px}
 .sidebar nav>.nav-group{display:contents}
 .sidebar nav .nav-group-toggle{display:none}
 .sidebar nav .nav-submenu-shell{display:contents;grid-template-rows:none;opacity:1;transition:none}
 .sidebar nav .nav-submenu{display:contents}
 .sidebar nav .nav-submenu a{font-size:14px;justify-content:flex-start;padding:14px;min-width:0;min-height:48px}
 .sidebar-scrim{display:block;position:fixed;inset:0;z-index:39;border:0;border-radius:0;background:#0f172a77;opacity:1;transition:opacity 290ms var(--ease-drawer)}
 .sidebar-scrim:hover{background:#0f172a77}
 .menu-closed>.sidebar-scrim{opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.app-shell>.sidebar,.sidebar-scrim,.sidebar *{transition:none!important}}
@media print{.sidebar-scrim,#sidebar-toggle{display:none!important}}

/* Compact, non-scrolling desktop navigation. */
@media(min-width:851px){
 .app-shell>.sidebar{overflow:hidden;min-height:0;padding-top:12px;padding-bottom:10px}
 .sidebar>.wordmark{margin-bottom:10px}
 .sidebar .company-tag{flex-shrink:0;padding-top:8px;padding-bottom:8px;margin-bottom:8px}
 .sidebar nav{flex:1;min-height:0;gap:1px;overflow:hidden}
 .sidebar nav>a,.sidebar nav .nav-group-toggle{min-height:30px;padding-top:4px;padding-bottom:4px;font-size:12px;gap:8px}
 .sidebar nav>a svg,.sidebar nav .nav-group-toggle>svg{width:17px;height:17px}
 .sidebar nav .nav-submenu a{min-height:28px;padding-top:3px;padding-bottom:3px;font-size:11px}
 .sidebar .sidebar-bottom{flex-shrink:0;padding-top:5px}
 .sidebar .powered{padding-top:5px;padding-bottom:5px;font-size:9px}
 .sidebar .user-block{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:4px 8px;padding:6px 0 0}
 .sidebar .user-block>.avatar{width:30px;height:30px}
 .sidebar .user-block>div{min-width:0}
 .sidebar .user-block>div strong,.sidebar .user-block>div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .sidebar .user-block #logout{position:static;grid-column:1/-1;width:100%;min-height:32px;justify-content:flex-start;gap:9px;padding:6px 9px;font-size:11px}
 .sidebar .user-block #logout svg{width:17px;height:17px;flex:none}
 .menu-closed .sidebar .user-block #logout{width:40px;justify-content:center}
 .menu-closed .sidebar .user-block #logout span{display:none}
}
@media(min-width:851px) and (max-height:720px){
 .app-shell>.sidebar{padding:7px 12px}
 .sidebar>.wordmark{margin-bottom:5px}
 .sidebar>.wordmark img{width:28px;height:28px}
 .sidebar .company-tag{padding-top:4px;padding-bottom:4px;margin-bottom:4px}
 .sidebar nav>a,.sidebar nav .nav-group-toggle{min-height:26px;padding-top:2px;padding-bottom:2px;font-size:0;justify-content:center}
 .sidebar nav>a svg,.sidebar nav .nav-group-toggle>svg{width:17px;height:17px}
 .sidebar nav kbd,.sidebar .nav-label,.sidebar nav .nav-chevron,.sidebar .company-tag>div,.sidebar>.wordmark>div{display:none}
 .sidebar nav .nav-group{display:contents}
 .sidebar nav .nav-group-toggle{display:none}
 .sidebar nav .nav-submenu-shell,.sidebar nav .nav-submenu{display:contents;opacity:1}
 .sidebar nav .nav-submenu a{min-height:26px;padding-top:2px;padding-bottom:2px;font-size:0;justify-content:center}
 .sidebar .powered{font-size:0;padding:3px 0}
 .sidebar .powered b{font-size:9px}
 .sidebar .user-block>div{display:none}
 .sidebar .user-block{grid-template-columns:1fr;justify-items:center}
 .sidebar .user-block #logout{grid-column:1;width:34px;min-height:30px;padding:5px}
 .sidebar .user-block #logout span{display:none}
}