.tabs-component{width:100%}.tabs-header{gap:var(--spacing-sm);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-xl);display:flex;overflow-x:auto}.tab-button{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;position:relative}.tab-button:hover{color:var(--color-text-primary)}.tab-button:after{content:"";background:var(--gradient-primary);width:100%;height:2px;transition:transform var(--transition-base);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.tab-active{color:var(--color-text-primary)}.tab-active:after{transform:scaleX(1)}.tabs-content{position:relative}.tab-panel{transition:opacity var(--transition-base)}.tab-panel-active{opacity:1;animation:.4s ease-out fadeIn}.tab-panel-hidden{opacity:0;display:none}@media (max-width:768px){.tabs-header{gap:0}.tab-button{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}}