.tabs{display:flex;background:var(--surface-1);border-bottom:3px solid var(--accent-primary)}.tab{flex:1;padding:var(--space-lg);background:0 0;border:none;cursor:pointer;font-size:var(--font-md);font-weight:var(--font-weight-bold);color:var(--text-secondary);transition:all var(--transition-base);border-bottom:3px solid transparent;margin-bottom:-3px}.tab:hover{background:var(--surface-card-hover);color:var(--text-primary)}.tab.active{background:var(--surface-2);color:var(--text-primary);border-bottom-color:var(--accent-primary)}.tab--icon{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.tab--icon .tab__icon{font-size:var(--font-lg)}.tab--icon .tab__text{font-size:var(--font-xs)}.tab-content{display:none;padding:var(--space-xl);background:var(--surface-2)}.tab-content.active{display:block}.tab-icon{font-size:var(--font-lg);margin-right:var(--space-xs)}.tab-text{font-size:var(--font-sm)}@media (max-width:var(--breakpoint-lg)){.tabs{flex-wrap:wrap}.tab{flex:1 1 auto;min-width:80px;padding:var(--space-sm) var(--space-xs);font-size:var(--font-xs)}.tab span{display:none}.tab::before{content:attr(data-icon);font-size:var(--font-md)}}@media (max-width:var(--breakpoint-md)){.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:var(--space-sm) var(--space-md);white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.tab .tab-icon{font-size:var(--font-lg)}.tab .tab-text{font-size:var(--font-xs)}.tab small{display:none}}@media (max-width:var(--breakpoint-sm)){.tab{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}}