.has-sidebar{--sidebar-width:260px;background:#f4f7f8}.shell-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#fff;border-right:1px solid #e4ecee;display:flex;flex-direction:column;padding:24px 16px 16px;z-index:30;overflow-y:auto}.shell-brand{display:flex;align-items:center;gap:12px;text-decoration:none;padding:0 8px 25px;border-bottom:1px solid #edf1f3;color:#18313a}.shell-brand svg{width:62px;height:55px;flex-shrink:0}.shell-brand>span{font-size:13px;font-weight:750;line-height:1.4}.shell-brand small{font-size:10px;margin-top:5px;font-weight:400;color:#8a9ba1}.shell-label{font-size:10px;letter-spacing:1.5px;font-weight:650;color:#93a1a7;padding:26px 14px 12px}.shell-nav{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex-wrap:nowrap}.shell-nav a{display:flex;align-items:center;gap:12px;min-height:45px;border-radius:10px;padding:10px 13px;font-size:13px;font-weight:550;color:#637780;text-decoration:none;transition:background .15s,color .15s}.shell-nav a::before{content:attr(data-icon);display:grid;place-items:center;flex:0 0 21px;font-size:20px;line-height:1;color:#8b9da4}.shell-nav a:hover{background:#f2f7f8;color:#167e8f}.shell-nav a[aria-current=page]{background:#e8f5f5;color:#087e88;font-weight:750;box-shadow:inset 3px 0 #0d9298}.shell-nav a[aria-current=page]::before{color:#0d9298}.shell-account{margin-top:auto;padding:25px 7px 0}.shell-profile{display:flex;gap:10px;align-items:center;padding:16px 2px;border-top:1px solid #edf1f3}.shell-avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;background:#e8f3f5;color:#157f8d;font-size:15px;font-weight:700;border-radius:12px}.shell-profile>div{min-width:0}.shell-profile strong{font-size:12px;display:block;overflow-wrap:anywhere}.shell-profile small{font-size:10px;margin-top:3px}.shell-account>a,.shell-account button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;background:none;text-decoration:none;font-size:12px;font-weight:500;color:#70858d;padding:9px 4px;border-radius:5px}.shell-account>a:hover,.shell-account button:hover{color:#087e88;background:#f3f8f8}.shell-account form{margin:8px 0 0;border-top:1px solid #edf1f3;padding-top:6px}.shell-account button{color:#a36565}.shell-footer{font-size:9px;color:#9aa9ae;text-align:center;padding-top:20px}.has-sidebar .shell-content{margin-left:var(--sidebar-width);min-width:0}.has-sidebar main{max-width:1560px;margin:0 auto;padding:34px 32px;min-width:0}.has-sidebar footer{margin:12px 0 22px}.mobile-bar,.shell-backdrop{display:none}.has-sidebar .dash-heading h1{font-size:27px}.has-sidebar .dash-toolbar{flex-wrap:wrap}.has-sidebar .dash-toolbar>span{margin-left:auto}.shell-nav a:focus-visible,.shell-account a:focus-visible,.menu-toggle:focus-visible{outline:2px solid #13a0ac;outline-offset:2px}
@media(min-width:901px){.has-sidebar .shell-sidebar{scrollbar-width:thin}.has-sidebar .shell-content{min-height:100vh}}
@media(max-width:1100px) and (min-width:901px){.has-sidebar{--sidebar-width:230px}.has-sidebar main{padding:28px 22px}.shell-brand{gap:7px}.shell-brand svg{width:51px}}
@media(max-width:900px){.mobile-bar{display:flex;position:sticky;top:0;z-index:40;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 18px;border-bottom:1px solid #e4ecee;background:#fff}.mobile-brand{text-decoration:none;font-weight:850;font-size:19px;color:#087e9e;letter-spacing:2px}.mobile-brand span{font-size:10px;letter-spacing:1px}.menu-toggle{font-size:13px;padding:9px 12px;background:#eaf4f5;color:#126d7a}.shell-sidebar{top:63px;bottom:0;transform:translateX(-100%);transition:transform .2s;width:min(290px,85vw);padding-top:18px}.has-sidebar .shell-content{margin-left:0}.has-sidebar main{padding:24px 16px;margin:0 auto}.sidebar-open .shell-sidebar{transform:translateX(0)}.sidebar-open .shell-backdrop{display:block;position:fixed;inset:63px 0 0;z-index:25;background:#17323c66;border-radius:0;padding:0;width:100%;height:calc(100dvh - 63px)}body.sidebar-open{overflow:hidden}.has-sidebar .dash-toolbar>span{margin-left:0}.shell-brand{padding-bottom:16px}.shell-label{padding-top:18px}.shell-account{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.shell-sidebar,.shell-nav a{transition:none}}

.shell-nav a::before{display:none}.shell-nav a>svg{width:19px;height:19px;flex:0 0 19px;color:#8b9da4}.shell-nav a[aria-current=page]>svg{color:#0d9298}

/* Blue navigation, including icons and account actions. */
.shell-nav a{color:#2563b9}.shell-nav a>svg{color:#4a83cc}.shell-nav a:hover{color:#144fa3;background:#eff6ff}.shell-nav a[aria-current=page]{background:#e7f0ff;color:#1557b4;box-shadow:inset 3px 0 #2563eb}.shell-nav a[aria-current=page]>svg{color:#2563eb}.shell-account>a{color:#2563b9}.shell-account>a:hover{color:#144fa3;background:#eff6ff}.shell-avatar{background:#e7f0ff;color:#2563b9}.shell-nav a:focus-visible,.shell-account a:focus-visible,.menu-toggle:focus-visible{outline-color:#2563eb}.menu-toggle{background:#e7f0ff;color:#1557b4}

/* Neutral text; blue marks the current section. */
.shell-nav a,.shell-account>a{color:#202a35}.shell-nav a>svg{color:#8295a3}.shell-nav a:hover,.shell-account>a:hover{color:#202a35;background:#f2f5f8}.shell-nav a[aria-current=page],.shell-account>a[aria-current=page]{color:#1557b4;background:#e7f0ff}.shell-nav a[aria-current=page]>svg{color:#2563eb}.sidebar-sections{display:flex;flex-direction:column;flex:1}.sidebar-collapse{display:flex;align-items:center;justify-content:center;gap:8px;background:#f2f5f8;color:#4f6270;font-size:11px;font-weight:500;padding:7px 10px;margin-top:15px;width:100%;min-height:32px}.sidebar-collapse>span:first-child{font-size:20px;line-height:1}.sidebar-collapse:hover{background:#e7f0ff;color:#1557b4}.sidebar-collapse:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.mobile-brand svg{display:block;width:51px;height:42px}
@media(min-width:901px){.sidebar-collapsed{--sidebar-width:96px!important}.sidebar-collapsed .shell-sidebar{padding:24px 10px 16px}.sidebar-collapsed .shell-brand{padding:0 0 18px;justify-content:center}.sidebar-collapsed .shell-brand svg{width:62px;height:55px}.sidebar-collapsed .shell-brand>span,.sidebar-collapsed .sidebar-sections,.sidebar-collapsed .collapse-caption{display:none}.sidebar-collapsed .sidebar-collapse{width:42px;align-self:center;font-size:20px}.sidebar-collapsed .sidebar-collapse>span:first-child{transform:rotate(180deg)}}
@media(max-width:900px){.sidebar-collapse{display:none}.shell-sidebar{top:67px}.sidebar-open .shell-backdrop{inset:67px 0 0;height:calc(100dvh - 67px)}}
