.sidebar{background:linear-gradient(165deg,#133d3a,#102e30 75%);color:#e6f2ef;border:0;box-shadow:0 0 30px #123b3812;padding-top:24px;scrollbar-width:thin;scrollbar-color:#42615f transparent}
.sidebar .brand{font-size:25px;padding-bottom:25px;letter-spacing:-.5px}.sidebar .brand small{color:#96b8b2;letter-spacing:0}.sidebar .brand-logo{background:#fff;border-radius:13px;padding:3px;box-shadow:0 4px 14px #0002}.sidebar .nav-label{color:#87aaa4;font-size:11px;letter-spacing:.3px;margin:9px 14px 14px}.sidebar nav{gap:5px}.sidebar nav a{position:relative;min-height:46px;border-radius:12px;color:#bdd1cd;padding:10px 12px;gap:12px;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s}.sidebar nav a:hover{background:#ffffff0c;color:#fff;border-color:#ffffff0a}.sidebar nav a.active{background:#d9f6e9;color:#125446;border-color:#c5eedc;box-shadow:0 4px 12px #00000012}.sidebar nav a.active:before{content:"";position:absolute;inset-inline-start:-1px;width:3px;height:19px;border-radius:4px;background:#35b894}.sidebar .nav-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;color:#87b4a9}.sidebar .active .nav-icon{color:#0b8065}.navigation-svg{display:block;flex-shrink:0}.sidebar nav a:hover .nav-icon{color:inherit}.sidebar nav a[href$="/profile"]{margin-top:15px}.sidebar .sidebar-note{margin:24px 4px 16px;padding:13px 12px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff04;color:#b6d5cb;font-size:11px}.sidebar .sidebar-note small{color:#7fa69e;font-size:10px}.sidebar .live-dot{box-shadow:0 0 0 4px #43bd9515;background:#62d5ac}.sidebar .profile{margin-top:auto;border-color:#ffffff14;padding-top:16px;color:#e6f2ef}.sidebar .profile small{color:#88aaa3}.sidebar .avatar{border-radius:12px;background:#294e49;color:#dcf4e9}.sidebar .icon-button{display:grid;place-items:center;border-radius:9px;color:#94b6ae}.sidebar .icon-button:hover{background:#ffffff10;color:white}.sidebar-collapsed .sidebar nav a{height:46px;border-radius:12px}.sidebar-collapsed .sidebar .nav-icon{width:26px}.sidebar-collapsed .sidebar .brand{padding-bottom:22px}.sidebar-toggle{border-radius:10px;width:38px;height:38px}.sidebar-toggle:hover{background:#dfefe9}.sidebar nav a:focus-visible{outline-color:#81e3bd;outline-offset:2px}
@media(max-width:850px){.sidebar{padding:14px}.sidebar .brand{padding-bottom:16px}.sidebar nav a{min-height:42px;padding:8px 12px}.sidebar nav a[href$="/profile"]{margin-top:0}.sidebar .nav-icon{flex-basis:23px;width:23px}.sidebar nav a.active:before{display:none}.sidebar-collapsed .sidebar nav a{height:42px;min-width:44px}.sidebar-collapsed .sidebar .brand{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar nav a{transition:none}}

.sidebar-backdrop,.sidebar-mobile-close{display:none}
@media(max-width:850px){
html .sidebar,html.sidebar-collapsed .sidebar{position:fixed;top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;width:min(290px,85vw);height:100dvh;padding:18px 16px;z-index:101;overflow-y:auto;visibility:hidden;transform:translateX(105%);transition:transform .2s ease,visibility .2s;box-shadow:none;border:0}
html[dir=ltr] .sidebar{transform:translateX(-105%)}
html.mobile-menu-open .sidebar{visibility:visible;transform:translateX(0);box-shadow:0 0 40px #0004}
html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden}
html .sidebar .brand,html.sidebar-collapsed .sidebar .brand{display:flex;justify-content:flex-start;padding:5px 0 20px;padding-inline-end:30px;font-size:23px}
html.sidebar-collapsed .sidebar .brand>span:last-child,html.sidebar-collapsed .sidebar .nav-text,html .sidebar .nav-label{display:block}
html .sidebar nav{flex-direction:column;overflow:visible;gap:5px}
html .sidebar nav a,html.sidebar-collapsed .sidebar nav a{justify-content:flex-start;gap:12px;padding:10px 12px;min-height:46px;height:auto;font-size:14px;white-space:normal}
html .sidebar .nav-icon{flex:0 0 26px;width:26px}
html .sidebar .profile,html.sidebar-collapsed .sidebar .profile{display:flex;justify-content:flex-start;margin-top:20px;padding-top:15px}
html.sidebar-collapsed .sidebar .profile-link>span:not(.avatar),html.sidebar-collapsed .sidebar .profile form{display:block}
html .main,html.sidebar-collapsed .main,html[dir=ltr] .main{margin:0}
.sidebar-mobile-close{display:grid;place-items:center;position:absolute;top:18px;inset-inline-end:12px;width:36px;height:36px;border:1px solid #ffffff25;background:#ffffff0a;color:#fff;border-radius:10px;font-size:28px;line-height:1}
.mobile-menu-open .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:100;background:#061b2566;backdrop-filter:blur(2px)}
.sidebar-toggle .navigation-svg{display:none}.sidebar-toggle:before{content:"";width:20px;height:14px;background:linear-gradient(currentColor,currentColor) top/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) bottom/100% 2px no-repeat}
}
@media(prefers-reduced-motion:reduce){html .sidebar{transition:none}}
@media print{.sidebar-backdrop,.sidebar-mobile-close{display:none!important}}