:root{--tsb-notch:16px}.tsb-rail{background:linear-gradient(180deg, var(--brand-700) 0%, var(--brand-800) 100%)}.tsb-white{background-color:var(--base-white)}.tsb-white:hover{background-color:#f3f6ff}.tsb-logout{color:#fffc;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .18s,color .18s;display:flex}.tsb-logout:hover{color:#fff;background-color:#ffffff1a}.tsb-item{color:#ffffffd1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:14px 0 0 14px;align-items:center;gap:.75rem;height:42px;margin:0 0 0 .625rem;padding:0 .875rem;font-size:.875rem;font-weight:500;line-height:1;transition:background-color .24s cubic-bezier(.4,0,.2,1),color .24s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tsb-item:hover{color:#fff;background-color:#ffffff1a}.tsb-item .tsb-icon{z-index:1;color:#fff9;flex-shrink:0;transition:color .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tsb-item:hover .tsb-icon{color:#fff}.tsb-item .tsb-label{z-index:1;text-align:left;text-overflow:ellipsis;flex:auto;position:relative;overflow:hidden}.tsb-item.is-active{color:var(--text-secondary-700);background-color:#0000;border-radius:14px 0 0 14px;font-weight:600}.tsb-item.is-active:hover{color:var(--text-secondary-700);background-color:#0000}.tsb-item.is-active .tsb-icon{color:var(--brand-600);transform:scale(1.04)}.dark .tsb-item.is-active .tsb-icon{color:var(--brand-400)}.tsb-active-indicator{background-color:var(--bg-primary);pointer-events:none;border-radius:14px 0 0 14px;position:absolute;inset:0}.tsb-active-indicator:before,.tsb-active-indicator:after{content:"";width:var(--tsb-notch);height:var(--tsb-notch);background-color:var(--bg-primary);pointer-events:none;position:absolute;right:0}.tsb-active-indicator:before{top:calc(-1 * var(--tsb-notch));-webkit-mask-image:radial-gradient(circle var(--tsb-notch) at left top, transparent var(--tsb-notch), #000 var(--tsb-notch));-webkit-mask-image:radial-gradient(circle var(--tsb-notch) at left top, transparent var(--tsb-notch), #000 var(--tsb-notch));mask-image:radial-gradient(circle var(--tsb-notch) at left top, transparent var(--tsb-notch), #000 var(--tsb-notch))}.tsb-active-indicator:after{bottom:calc(-1 * var(--tsb-notch));-webkit-mask-image:radial-gradient(circle var(--tsb-notch) at left bottom, transparent var(--tsb-notch), #000 var(--tsb-notch));-webkit-mask-image:radial-gradient(circle var(--tsb-notch) at left bottom, transparent var(--tsb-notch), #000 var(--tsb-notch));mask-image:radial-gradient(circle var(--tsb-notch) at left bottom, transparent var(--tsb-notch), #000 var(--tsb-notch))}.tsb-group-title{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;margin-bottom:.375rem;padding:0 1rem;font-size:.6875rem;font-weight:600}@media (prefers-reduced-motion:reduce){.tsb-item,.tsb-item .tsb-icon{transition:none}}