.navlist{background:var(--color-bg);color:var(--color-text-primary);flex-direction:column;gap:4px;height:100%;padding:18px 12px;display:flex}.navlist--dark{background:var(--color-surface-dark);color:var(--color-text-on-dark)}.nav__brand{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:10px;margin-bottom:6px;padding:0 8px 16px;display:flex}.navlist--dark .nav__brand{border-bottom-color:color-mix(in srgb, var(--color-text-on-dark) 14%, transparent)}.nav__brand-mark{background:var(--color-text-primary);width:28px;height:28px;color:var(--color-bg);border-radius:7px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.navlist--dark .nav__brand-mark{background:var(--color-text-on-dark);color:var(--color-surface-dark)}.nav__brand-name{letter-spacing:-.005em;font-size:15px;font-weight:700}.nav__brand-sub{color:var(--color-text-caption);margin-top:-1px;font-size:11px}.navlist--dark .nav__brand-sub{color:color-mix(in srgb, var(--color-text-on-dark) 60%, transparent)}.nav__group{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-caption);padding:14px 8px 6px;font-size:11px;font-weight:600}.navlist--dark .nav__group{color:color-mix(in srgb, var(--color-text-on-dark) 55%, transparent)}.nav__item{text-align:left;width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:500;transition:background .1s,color .1s;display:flex;position:relative}.navlist--dark .nav__item{color:color-mix(in srgb, var(--color-text-on-dark) 80%, transparent)}.nav__item:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.navlist--dark .nav__item:hover{background:color-mix(in srgb, var(--color-text-on-dark) 10%, transparent);color:var(--color-text-on-dark)}.nav__item .nav__ico{color:currentColor;opacity:.85;flex:none;width:18px;height:18px}.nav__item .nav__label{flex:1;min-width:0}.nav__item .nav__count{background:var(--color-surface-2);color:var(--color-text-secondary);border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-weight:600}.navlist--dark .nav__item .nav__count{background:color-mix(in srgb, var(--color-text-on-dark) 12%, transparent);color:var(--color-text-on-dark)}.nav__item .nav__dot{background:var(--brand-red);border-radius:50%;flex:none;width:8px;height:8px}.nav__item.is-active{background:var(--color-surface-2);color:var(--color-text-primary);font-weight:600}.navlist--dark .nav__item.is-active{background:color-mix(in srgb, var(--color-text-on-dark) 14%, transparent);color:var(--color-text-on-dark)}.nav__item.is-active:before{content:"";background:var(--color-text-primary);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.navlist--dark .nav__item.is-active:before{background:var(--color-text-on-dark)}.nav__item.is-disabled{color:var(--color-text-disabled);cursor:not-allowed}.nav__item.is-disabled:hover{background:0 0}.nav__sub{border-left:1px solid var(--color-border-subtle);flex-direction:column;gap:2px;margin-top:4px;margin-bottom:4px;margin-left:28px;padding-left:8px;display:flex}.navlist--dark .nav__sub{border-left-color:color-mix(in srgb, var(--color-text-on-dark) 14%, transparent)}.nav__sub .nav__item{padding-top:6px;padding-bottom:6px;font-size:13px;font-weight:500}.nav__sub .nav__item.is-active:before{height:14px;left:-9px}.nav__chev{width:14px;height:14px;color:var(--color-text-caption);flex:none;transition:transform .2s}.nav__item.is-open .nav__chev{transform:rotate(90deg)}.nav__foot{border-top:1px solid var(--color-border-subtle);align-items:center;gap:10px;margin-top:auto;padding-top:14px;padding-left:8px;padding-right:4px;display:flex}.navlist--dark .nav__foot{border-top-color:color-mix(in srgb, var(--color-text-on-dark) 14%, transparent)}.nav__foot-av{background:var(--color-surface-2);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.navlist--dark .nav__foot-av{background:color-mix(in srgb, var(--color-text-on-dark) 14%, transparent)}.nav__foot-name{font-size:13px;font-weight:600;line-height:1.2}.nav__foot-mail{color:var(--color-text-caption);margin-top:2px;font-size:11px}.navlist--dark .nav__foot-mail{color:color-mix(in srgb, var(--color-text-on-dark) 60%, transparent)}.nav__foot-act{cursor:pointer;width:28px;height:28px;color:var(--color-text-caption);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.nav__foot-act:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.navlist--rail{align-items:center;padding:18px 8px}.navlist--rail .nav__brand{border:0;flex-direction:column;gap:4px;margin:0;padding:0 0 12px}.navlist--rail .nav__brand-text,.navlist--rail .nav__group{display:none}.navlist--rail .nav__item{border-radius:8px;justify-content:center;width:44px;height:44px;padding:0;position:relative}.navlist--rail .nav__item .nav__label,.navlist--rail .nav__item .nav__count{display:none}.navlist--rail .nav__item .nav__ico{opacity:1;width:20px;height:20px}.navlist--rail .nav__item.has-count:after{content:attr(data-count);background:var(--brand-red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:4px;right:4px}.navlist--rail .nav__item.is-active:before{display:none}.navlist--rail .nav__item.is-active{box-shadow:0 0 0 1px var(--color-text-primary) inset}.navlist--dark.navlist--rail .nav__item.is-active{box-shadow:0 0 0 1px var(--color-text-on-dark) inset}.navlist--rail .nav__foot{border:0;flex-direction:column;gap:8px;padding:0}.navlist--inline{background:0 0;flex-flow:wrap;gap:4px;height:auto;padding:0}.navlist--inline .nav__item{height:36px;color:var(--color-text-secondary);background:0 0;border-radius:999px;flex:none;padding:0 14px;font-size:13px}.navlist--inline .nav__item:hover{background:var(--color-surface-2)}.navlist--inline .nav__item.is-active{background:var(--color-text-primary);color:var(--color-bg)}.navlist--inline .nav__item.is-active:before{display:none}.navlist--bottom{background:var(--color-surface-1);border-top:1px solid var(--color-border-subtle);flex-direction:row;gap:0;height:auto;padding:6px 4px 8px}.navlist--bottom .nav__item{color:var(--color-text-caption);background:0 0;border-radius:8px;flex-direction:column;flex:1;gap:4px;padding:6px 4px;font-size:11px;font-weight:500}.navlist--bottom .nav__item .nav__ico{opacity:1;width:22px;height:22px}.navlist--bottom .nav__item .nav__label{flex:none;line-height:1.1}.navlist--bottom .nav__item.is-active{color:var(--color-text-primary);background:0 0}.navlist--bottom .nav__item.is-active:before{display:none}a.nav__item{text-decoration:none}.navlist--inline{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.navlist--inline::-webkit-scrollbar{display:none}