.sidebar{width:264px;background:#202127;color:#d3d4dc;padding:25px 14px 14px;border-right:1px solid #34353d;height:100dvh;overflow:hidden}
.workspace{margin-left:264px}
.sidebar .brand{gap:12px;margin:0 10px 25px;font-size:25px;line-height:1.2;flex-shrink:0;text-decoration:none}
.brand-symbol{display:grid;place-items:center;width:42px;height:46px;background:#ec715e;border-radius:8px;color:#fff;box-shadow:0 5px 14px #0003}
.brand-symbol svg{width:25px;height:25px;stroke-width:1.8}
.sidebar .brand small{display:block;color:#aaaab6;font-size:9px;line-height:1.5;margin-top:5px;font-weight:600;letter-spacing:0}
.sidebar nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#53545f transparent;padding:0 2px 10px}
.sidebar .nav-caption{color:#92939f;font-size:10px;font-weight:650;letter-spacing:0;margin:16px 14px 8px}
.sidebar .nav-caption:first-child{margin-top:0}
.sidebar nav .nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:40px;padding:5px 12px;margin:2px 0;border-radius:7px;color:#ccced8;font-size:13px;line-height:1.3;transition:background .15s,color .15s}
.sidebar nav .nav-item:hover{background:#2e3039;color:#fff;text-decoration:none}
.nav-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;color:#a7afc8}
.nav-icon svg{width:19px;height:19px;stroke-width:1.7}
.sidebar nav .nav-item:nth-of-type(3n+2) .nav-icon{color:#82c8bc}
.sidebar nav .nav-item:nth-of-type(3n) .nav-icon{color:#e0bc7d}
.sidebar nav .nav-item.active{background:#3c3032;color:#ffb09f;font-weight:650;box-shadow:inset 3px 0 #ed7864}
.sidebar nav .nav-item.active .nav-icon{color:#ff9b85}
.active-indicator{width:6px;height:6px;border-radius:50%;background:#f9957e;margin-left:auto;flex-shrink:0}
.sidebar nav a:focus-visible,.sidebar .brand:focus-visible,.signout-button:focus-visible{outline:2px solid #ffb09f;outline-offset:2px}
.sidebar-bottom{margin-top:12px;padding:16px 7px 1px;border-top:1px solid #3a3b44;flex-shrink:0}
.sidebar-account{display:flex;gap:10px;align-items:center}
.account-avatar{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:#3a3d48;color:#e7e7ed;border:1px solid #505360;border-radius:50%;font-size:14px;font-weight:650}
.sidebar-account>div{min-width:0;flex:1}
.sidebar-account strong{display:block;font-size:12px;color:#f2f2f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-account small{display:block;color:#a1a3b1;font-size:10px;margin-top:2px}
.signout-button{border:0;background:transparent;color:#b6b8c6;display:grid;place-items:center;width:34px;height:36px;border-radius:6px}
.signout-button:hover{background:#3c3032;color:#ffb09f}
.signout-button svg{width:18px;height:18px}
@media(max-width:767px){.workspace{margin-left:0}.sidebar{height:calc(100dvh - 65px);top:65px;width:min(284px,88vw)}.navigation-open .sidebar{box-shadow:12px 0 35px #14151b40}.sidebar .brand{margin-bottom:18px}.sidebar nav .nav-item{min-height:46px}}
@media(prefers-reduced-motion:reduce){.sidebar nav .nav-item{transition:none}}