.tab-bar-container{width:100%;margin-bottom:var(--space-6)}.tab-bar-background{background-color:#f3f4f6;border-radius:50px;gap:4px;width:100%;padding:4px;display:inline-flex;position:relative}.tab-bar-item{color:#6b7280;cursor:pointer;white-space:nowrap;background-color:transparent;border:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 16px;font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tab-bar-item:hover:not(.tab-bar-item-active){color:#374151;background-color:rgba(0,0,0,.04)}.tab-bar-item-active{color:#1f2937;background-color:#fff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.tab-bar-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.tab-bar-label{line-height:1}.tab-bar-badge{color:#fff;background:linear-gradient(135deg,#f1144f 0%,#ff7416 100%);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.tab-bar-item-active .tab-bar-badge{background:linear-gradient(135deg,#f1144f 0%,#ff7416 100%);box-shadow:0 2px 4px rgba(241,20,79,.2)}@media (max-width:640px){.tab-bar-background{border-radius:50px;gap:3px;padding:3px}.tab-bar-item{min-height:36px;padding:8px 12px;font-size:14px}.tab-bar-icon{width:16px;height:16px}.tab-bar-badge{min-width:18px;height:18px;padding:0 5px;font-size:11px}}@media (min-width:641px) and (max-width:1024px){.tab-bar-item{padding:9px 14px}}@keyframes tabActivate{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.tab-bar-item-active{animation:.2s cubic-bezier(.4,0,.2,1) tabActivate}.tab-bar-item:focus-visible{outline-offset:2px;outline:2px solid #f1144f}