:root{--sidebar-width:64px}aside{width:var(--sidebar-width);padding:16px 10px;background:#fbfaf7;border-right:1px solid #eceae3;z-index:40;overflow:hidden;transition:width .25s ease;gap:0}main{margin-left:var(--sidebar-width);transition:margin-left .25s ease}body.sidebar-open{--sidebar-width:300px}aside>.navlabel{display:none}aside nav{margin-top:25px;display:flex;flex-direction:column;gap:5px;overflow:auto;scrollbar-width:thin}.sidebar-toggle{display:flex;align-items:center;gap:14px;padding:11px;width:100%;height:42px;border-radius:8px;background:transparent;color:#33332e;border:0;text-align:left}.sidebar-toggle:hover{background:#eceae3}.sidebar-toggle svg,.theme-toggle svg{width:21px;height:21px;flex-shrink:0}.sidebar-toggle .sidebar-label{font-size:12px;font-weight:500}.nav{margin:0;padding:12px 11px;min-height:44px;border-radius:8px;width:100%;gap:14px;white-space:nowrap;background:transparent;color:#33332e;font-size:13px;text-align:left;flex-shrink:0;box-shadow:none}.nav svg{display:block;flex-shrink:0;width:21px;height:21px}.nav.active{background:#eceae3;color:#1b1b19;box-shadow:none;font-weight:500}.nav:hover{background:#f2f0ea;color:#1b1b19}.sidebar-label{display:inline-block;white-space:nowrap;opacity:0;max-width:0;overflow:hidden;transition:opacity .17s ease,max-width .25s ease;pointer-events:none}body.sidebar-open .sidebar-label{opacity:1;max-width:250px;pointer-events:auto}body:not(.sidebar-open) .nav{gap:0}body:not(.sidebar-open) aside .help{display:none}aside .help{border:0;background:#f2f0ea;padding:16px;font-size:11px;line-height:1.7;margin:22px 0 15px}.sidebottom{margin-top:auto;min-width:0}.sidebar-controls{border-top:1px solid #eceae3;margin-top:14px;padding-top:12px}.theme-toggle{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:11px;border-radius:8px;background:transparent;color:#33332e;min-height:44px;font-size:13px;white-space:nowrap}.theme-toggle:hover{background:#eceae3}.profile{padding:13px 8px;margin:8px 0 0;border:0;gap:13px;min-height:50px;white-space:nowrap}.profile .avatar{flex-shrink:0;width:28px;height:28px;font-size:10px}.profile>div:last-child{opacity:0;width:0;overflow:hidden;transition:opacity .2s}.sidebar-open .profile>div:last-child{opacity:1;width:auto}.profile strong{max-width:230px;font-size:12px}.profile small{font-size:11px}.mobile-sidebar-trigger{display:none}.sidebar-backdrop{display:none}.sidebottom .help strong{font-size:12px}
@media(max-width:750px){:root,body.sidebar-open{--sidebar-width:0px}main{margin:0;transition:none}aside{position:fixed;inset:0 auto 0 0;width:min(300px,90vw);height:100dvh;padding:18px;background:#fbfaf7;transform:translateX(-105%);transition:transform .25s ease;display:flex;flex-direction:column;z-index:70;overflow:hidden;border-right:1px solid #eceae3}.sidebar-open aside{transform:translateX(0)}aside nav{display:flex;flex-direction:column;overflow:auto;margin-top:24px;gap:6px;padding:0}.nav{padding:13px 11px;width:100%;border-radius:8px;font-size:14px;gap:14px}.nav svg{display:block;width:22px;height:22px}.sidebar-label{opacity:1;max-width:250px;pointer-events:auto}.profile>div:last-child{opacity:1;width:auto}.sidebottom{display:block;margin-top:auto}.sidebar-open .sidebottom .help{display:block}.sidebar-controls{padding-top:12px}.mobile-sidebar-trigger{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:#33332e;margin-right:10px;flex-shrink:0}.mobile-sidebar-trigger svg{width:22px;height:22px}header{justify-content:space-between;padding:0 16px}.breadcrumb{margin-right:auto;font-size:11px}.headright{gap:6px}.headright .demo{display:none}.sidebar-backdrop{position:fixed;inset:0;z-index:60;background:#1b1b1965;border:0;backdrop-filter:blur(2px)}.sidebar-open .sidebar-backdrop{display:block}.sidebar-open{overflow:hidden}}
@media(prefers-reduced-motion:reduce){aside,main,.sidebar-label,.profile>div:last-child{transition:none}}